分类 : 15个相关结果 3次浏览

PPT制作高手必去的10个网站 经常混迹于国内的一些PPT网站,高手自然认识了不少。请教高手们PPT制作的技巧,自然众说纷纭,不过这10个网站是绝大多数高手常去的,这里总结下跟大家分享。 网站一:锐普PPT论坛 网址:http://www.rapidbbs.cn 推荐指数:5星 收费与否:免费 国内目前最活跃也是最专业的PPT交流社区,建站时间2年,背靠锐普PPT这个专业PPT公司,提供的素材和教程都是顶尖的,特别是年终年初、重大事件总会发布一些该公司免费作品,很有水准。 网站二:slideshare分享网 网址:http://www.slideshare.net 推荐指数:5星 收费与否:免费 世界影响最大的PPT作品交流、展示网站,建站5年以上。直观的窗口式PPT展示形式,汇集了数万PPT模板、图表和PPT作品。特别是欧美商务PPT,所占比例很大,值得借鉴学习。美中不足是,暂时还无法展示动态PPT作品。 网站三:slideboom分享网 网址:http://www.slideboom.com 推荐指数:5星 收费与否:免费 新兴的PPT作品展示和交流网站。承办方是著名的ppt转flash软件公司ispring。作品数量较多,质量较高,特别是可以在线展示动态PPT,只需要上传后自动转换,动画之类的效果都能保持不变。     网站四:PPT天堂网站   网址:http://pptheaven.mvps.org   推荐指数:5星   收费与否:免费   如果说当今顶尖的PPT动画和绘画机构在哪里?无疑非他们莫属。非官方、非营利性PPT小组组成,汇集了当今最好的PPT动画作品和PPT绘画作品,虽然更新慢,但个个让人叹为观止。目前国内的锐普PPT、低语飞旋等优秀作品也上面有所展示。 网站五:豆丁网   网址:http://www.docin.com   推荐指数:5星   收费与否:部分收费   全球最大的中文文档分享网。其特点是:多,多到难以计数。不仅PPT、word、pdf等文档也有,缺点是归类不清晰,素材良莠不齐,要想找到理想的文件,还是要花费一番功夫。另外,部分文档是收费的,不过可以通过发文档获得收入。 网站六:锐普PPT案例网   网址:http://www.rapidesign.cn   推荐指数:5星   收费与否:免费(flash格式)   如果要真的想成为PPT高手,或者想制作商业PPT作品,这个网站无疑值得推荐。他们在线展示一些经典的案例,相当炫、相当专业。虽然是flash格式,但完全可以分析其制作方法和思路,为我所用。 网站七:themegallery模板网   网址:http://www.themegallery.com/english   推荐指数:5星   收费与否:收费   当今世界最具影响的PPT模板和图表公司。素材库相当庞大,特别是他们开拓了3D质感图表的概念。部分免费作品在国内影响相当深远,也许你用的就是。最值得学习的是其配色,韩国风格的配色好像很符合东方人的审美,国人很喜欢。   网站八:presentationload模板网 网址:http://www.presentationload.com 推荐指数:5星 收费与否:收费 典型欧美风格的PPT模板和图表公司。简洁、商务、富有冲击力,欧美公司、成熟商务人士较喜欢。特别是其3D质感图表,在国外有较广的影响。但不足是同质化严重,看多了会觉得平淡无奇。 网站九:锐普PPT商城 网址:http://www.rapidppt.com 推荐指数:5星 收费与否:收费 如果你觉得国外的PPT模板不太适合你,那就看看纯中国风格的PPT公司作品吧。收费比国外公司便宜很多,其动画PPT模板、3D质感图表开拓了一种独特的风格,特别是ZF机关、管理咨询类PPT模板深受欢迎。 网站十:poweredtemplates模板商城 网址:http://www.poweredtemplates.com 推荐指数:5星 收费与否:收费 如果你有设计鉴赏力,这个网站一定要去。他们的模板简单,但设计感极高,特别是封面的设计,在配色、排版、构图等方面都相当考究,他们网站访问量也是相当高,当然,价格也不菲。图表较简单,可以作为参考。

不知道你是否找到自己满意的界面模板了呢? 如果还没有请继续往下看,可能有些会有重叠,Whatever! Bracket Responsive Bootstrap 3 Admin Template Apricot Bootstrap 3 Admin Dashboard Template Cameo – Bootstrap 3 Responsive Admin Template DefOne – Responsive Bootstrap 3 Admin Template AdminEx – Bootstrap 3 Responsive Admin Template Delighted Flat Ajax Bootstrap 3 Dashboard Hierapolis Admin Template EdenAdmin Bootstrap Admin Theme Meritoo HTML5 Admin Template Metis SB Admin v.2 TemplateVamp Clean Dashboard Bootstrap Template Charisma Responsive Admin Template Metro Dashboard AdminLTE Blocks  DevOOPS via dizyne

大过节的,介绍内容我就不翻译了,有图有真相就够了,亲们,你们说对吗?千万别喷我,要不 @红薯 那家伙又该骂我偷懒了! http://www.oschina.net/news/52333/free-bootstrap-templates 1. Blocks Blocks is a light-weight, admin dashboard template inspired by Cyfe. Blocks is essentially, a single page theme.. all you need, configured, ordered and placed in one page. 2. FirmaSite Bootstrap A free Bootstrap wordpress theme by FirmaSite. This is a 2 column layout that works well for a blog or article list next to a multi-purpose sidebar. 3. Pratt Pratt is another simple, clean template from BlackTie. Pratt makes a quick simple landing page for your new startup or app. Really easy to use and modify. It works well for a Coming Soon Page. 4. Landy A flexible one-page fully responsive HTML template for your app. 5. mPurpose mPurpose is a responsive, clean HTML/CSS …

写 css 有多种方式,最简单的做法是打开记事本,一行一行的直接手写。嗯,我就这么写了好多年。当然编辑器不一定用记事本,可以用 notpad++ 或 vim、或 dreamweaver、或其他…… 什么是 less ? 如 果你写的 css 足够多,就会发现有些地方是重复的。比如你希望页面头部宽度 width 是960px,中间也是 960px,页脚也是 960px,你知道它们是一样的,但不得不重复……如果你是程序员,肯定希望在 css 的语法中,要是有一个变量该多好!比如,我定义一个宽度的变量 @width:960px,然后在所有需要设置页面宽度的地方,都填上 @width,既省了时间,也避免了错误,还方便以后一次修改,全部生效。 less 就是这样一个 css 的增强语法系统。其实所有语法加起来,应该挺简单的,前提是你熟悉 css。如果你对 css 很陌生,那还是先熟悉 css 再说。 less 的官方网址是:http://lesscss.org,但好像要翻墙才能访问。但非常幸运,还有一个翻译成中文的网站:http://www.lesscss.net, 内容基本一样(我们这里不感谢党,也不感谢领导,而是感谢做这个网站的朋友)。这个网站就一个页面,一个很长很长的页面,你从头往下看,看完了,也就学完了。 现在,请允许我假设,你花10分钟大致看完 less 语法。所以,这篇文章将不再讨论如何写 less 的话题,而是其他事情—— 当 你用 less 这种增强型的语法写完 css 之后,需要将一堆变量转成实际的 css 代码,因为浏览器并不支持 less(要是浏览器能够默认支持该多好!)。这种将 less 代码转成 css 的过程,我们叫做“编译”。编译工具很多,下面我们谈在 windows 下最简单的做法(我尝试了很多种工具,下面这种是最简单的)。 使用 WinLess 编译 1、到 http://winless.org 下载工具 WinLess,然后点击安装。 2、建立一个文件夹,比如 MyLessTest,并在其中建立子文件夹 less 和 css MyLessTest –less –css 3、打开 WinLess,如下图,点击 Add folder 按钮,将刚才建立的 MyLessTest 添加进去(注意:不是添加 less 文件夹,而是它的上层目录 MyLessTest,方便将结果输出到 less 的同级目录 css) 4、WinLess 右侧会出现所有的 less 文件(如果没有出现,请点击“Refresh”按钮进行刷新),以及输出的路径(output file)。 5、选中需要编译的文件,比如 “bootstrap.less”(注意:请不要全选,在这里,其他一些文件只是被 bootstrap.less 引用而已),点击 “Compile” 按钮开始编译。然后,请打开 less 的同级目录 css 查看结果。 到此为止,编译过程全部完成。 题外话:为什么使用 less ?因为我们在 wojilu 框架中使用了 bootstrap 这个UI框架,而 bootstrap 的 css 是使用 less 写的。所以,学习 less 就成了必须的任务。 在线编译 因为 less 的语法毕竟相对简单,所以一些在线工具可以很轻松的做到。比如 http://less.cnodejs.net http://www.ostools.net/less  一般都有两个框,左侧输入less,右侧呈现编译的 css,方便在线学习和测试。 修改 bootstrap 中的 less …

Bootstrap并不是单单意味着HTML/CSS界面框架,更确切的说,它改变了整个游戏规则。这个囊括了应有尽有的代码框架使得许多应用和网站的设计开发变得简便许多,而且它将大量的HTML框架普及成了产品。 可悲的是,它纯粹的功能唤起了我们本能的懒惰,很多人始终坚持使用它的默认设置。现在,你要知道,这些经过丰富想象力的默认样式和布局网格都不差,他们都是Twitter team花费了大量时间和精力的产物。他们是坚实的基础。 但是,Bootstrap的真谛是“基石”。Bootstrap框架,并不意味着它是全部终结解决方案。这个规则的一个例外可能是,如果你在内部开发了些东西,是公众看不到的。但是即使这样,你的想法会将人们带的更远,甚至改变一切。 Bootstrap的开发者们确实做了非常棒的工作,使得很多事情变得简单,他们的代码被模块化,你可以下载框架的独立组件。他们在网站上甚至提供了一款基本自定义工具,允许你编辑变量。 其余的,则决定于我们。一些真正的设计者和开发者已经加紧创建工具和变更,我们没有理由落于人后。现在已经没有借口再去使用Bootstrap的默认设定了。 Bootstrap 变更 以下是一系列变更已经非常成熟了,可以将你基本的bootstrap变得不再是你熟识的那个样子。这些变更的使用可能有些限制,也有些是在特定条件下使用的,但是如果他们符合你的需求,他们会为你省下不少时间和金钱。 Flat UI 第一种变更就是Flat UI(扁平化设计界面),由Designmodo发布。Flat UI迅速普及开来,在设计界有很好的理由:那就是它做的很漂亮。它是为那些偏爱扁平化设计的人存在的 – 与Bootstrap多少有些的拟物化设计正相反 – 每一个UI元素都被依据崭新的美学重新设计了。 矢 量图标,一个新的字形图标字体,自定义的UI元素(类似于to-do list)和多种改变起来非常容易的颜色主题,Flat UI让我,可能许多人也一样,重新设想Bootstrap可以如何展现。我经常觉得,基本的段落元素中的文本大小对于网站而言有些小,说句公道话,我觉得 他们只适合于应用程序的界面,在应用程序的界面里,你可以将文本放在狭小的空间里。 Flat UI是免费的,但是你可以使用付费的专业版本,专业版本中有附加元素,功能和PSD文件。 Fbootstrapp 记得我之前说过有些变更是有特定使用条件的?我当然不是玩笑的。Fbootstrapp已经完全重新开发用于兼容Facebook的用户界面元素。 为 什么要这么做呢?用他们自己的话说就是“Fbootstrapp是一套发起了Facebook iFrame应用开发的工具包。它包括了基本的排版,表格,按钮,表单,网格,导航和更多元素的CSS和HTML样式,让他们看起来和体验起来都和典型的 Facebook一样”。 Facebook的开发者们,注意,你们的工作开始变得简单了。 Jumpstart UI 管理模板 Bootstrap主要是用于应用,如果你想要将它在经典的“管理员界面”上应用,你还需要额外的工作。Jumpstart UI为你带来三种不同的模板,让你不再费力。 管理员UI图标,小部件的样式,基于jQuery的数据可视化插件还有更多其他的,被引入了干净的,可自定制的,全响应布局中。 这种变更不同于其他的最大一点是,它没有任何免费的版本,而必须付费才能使用。它只需要15到20美元,与它可以实现的功能,以及它符合你的特殊需求这两点而言,这个价格非常的划算。 BootMetro 有些人喜欢它,但更多人厌恶它,但是不可否认的是Windows 8和其Metro UI在设计界引起了轰动。我并不认为这种UI有特别的用处(一些软件商店除外),不过我们有一个BootMetro! 它是免费的,而且看起来特性完善,所以放心使用吧。对于大多数人而言,他可能不是特别有用,但是他是一种新奇的代码体验。 Bootstrap客制化工具 所以你想引导你的Bootstrap更好的达到你的UI需求,你要如何开始?你当然可以直接看代码,我可以告诉你,这样做是非常困难的。 如 果你想手动改变所有的排版,或者是按钮,链接颜色,又或者是导航样式,你可以在Bootstrap网站上的客制化应用中编辑所有的变量,但是你必须知道所 有颜色的HEX代码,而且当你做改变的时候,你看不到任何的可视性返回,也就是说你在修改的时候,完全不可预见你编辑后的样子是什么样的。 但是幸运的是,现在有很少一部分Bootstrap主题创作者为了这种客制化需求,特别做出了一些工具。以下是我至今认为最好的两种。 StyleBootstrap 如果你忽略笨拙的界面,StyleBootStrap是款很强大的工具,用于编辑你可以在框架总见到的大多数默认UI元素。 Bootstrap Magic Bootstrap Magic是一款帮助你重塑架构的工具。它的界面简单友好,比StyleBootstrap可以微调更多的元素。因此,它需要更多的时间,但是它比起手动修改所有元素还是节省了不少时间。 插件  & 片段 有些东西是Bootstrap没有的,但是对我们而言却是非常重要的。首先是图标。 Font Awesome Bootstrap 提供的图像字符图标非常酷,但是却很有限。你有一个“黑暗”图标,还会有一个“光亮”图标,这些都是一个可爱的小精灵图像。但是图标字体,应该更为灵活。 任何你可以用CSS3做的编辑,在这些图标上也都应该可以实现。比如改变颜色,给他们加上一个阴影,像写CSS一样简单。Font Awesome可以现在可以为361个图标进行这样的修改。 Bootsnipp Bootsnipp是一个HTML片段库,与Bootstrap结合使用,并且不需要添加其他库。片段包括:注册和登陆表单,日历,类似Gmail的e-mail界面,media player界面,甚至更多。 这并不是全部 Twitter宠爱的模板越来越被广泛适应,也许在自定义Bootstrap上有更多的方法,更多的信息,是我的列表乃至任何列表中都没有的。毕竟,互联网就是为此而存在的,对吧? 来源:http://www.gbin1.com/technology/javascript/20130722-modify-bootstrap-quickly/

网站 首页页面宽度 px Yahoo! 950 (注:新版已改为970)淘宝 950 MySpace 960 新浪 950 网易 960 Live Search 958 搜狐 950 优酷 960 AOL 960 上面列举的都是Alexa全球排名前100的站点,它们的首页宽度为950px/960px. 除了微软的Live Search, 这些站点有个共同特点:页面结构较复杂,都可以认为是门户型网站。再来看看Google, YouTube, Facebook, Flickr!, eBay等知名站点,它们的首页宽度没什么固定规律,共同的特点是:功能专一,页面结构相对简单。根据上面的简单分析可以认为:当搭建页面结构复杂的门户型网站时,开发工程师们不约而同地都选择将页面宽度定为950px/960px.这是一件很有趣的事情,为什么要选择这个宽度呢?这个宽度值究竟有什么魔力?神奇的960设计师们对苹果情有独衷。在 1024 x 768 的分辨率下,打开Firefox:  自然状态下,Firefox窗体的大小约为 974 x 650. 减掉左右两边7px的边框,网页的实际大小为上图中的红色部分,高宽为 960 x 650.有趣的960就这样出现了。是的,可以认为一切就这么简单。栅格系统最早出现在平面设计领域,设计师们爱用苹果,苹果下浏览器的默认宽度为960px, 于是960就这么“自然”地出现了。数字背后的奥妙上面的“自然”出现,细究自然是不让人信服的。苹果系统的设计者们在没有喝醉酒的情况下选择了960,而不是其它什么1000之类的整数,自然另有奥妙。科学界有很多问题都可以归结到数学问题上,我们也从数学着手: 960可以分解为2的6次方乘以3和5, 这使得960可以分割成以下宽度的整数倍:2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40,48, 60, 64, 80, 96, 120, 160, 192, 240, 320, 480共26种(26 = 7 * 2 * 2 – 2, 减去2是去掉1和960自身),我们标记为:N(960) = N(2^6 * 3 * 5) = 26根据上面的算法,可以得到:N(360) = N(2^3 * 3^2 * 5) = 22N(480) = N(2^5 * 3 * 5) = 22N(720) = N(2^4 * 3^2 * 5) = 28N(750) = N(2 * 3 * 5^3) = 14N(800) = N(2^5 * 5^2) = 16N(960) = N(2^6 * 3 * …

@DD YY 首先明确一点:调查问卷是不会帮你发现需求的。因为所有的调查问卷都是基于当前的技术和当前的市场做的,这对于洗发水之类的成熟行业则很合适,而对于大部分有创新业务特别是破坏性创新(disruptive innovation)的创业公司来讲并不适用,因为客户并不熟悉你的技术和想法,他们甚至无法理解你的意图。在iPod发明之前,绝大部分用户永远无法理解,为什么要放一个月能听的歌曲到他的MP3播放器里面,所以市场调查问卷会告诉你,绝大部份用户只要携带一天上下班路上能听的音乐就够了——如果乔大爷真的照这个思路做,他显然失去了成就今天的Apple的机会。 还要明确一点,客户的需求是无限的,你的资源是有限的,你要做的不是调查所有目标市场客户的需求,并从中作出遴选。恰恰相反,你要用你有限的资源尽快找到突破口和卖点,找到一个值得深耕的市场。 寻找并确认需求的步骤如下: • 第一步,按照你们创业的想法用最快的方法做出一个非常粗糙的原型,这个原型甚至只是一个没有功能的空壳(软件用户界面,或者纸板搭出来的硬件原型),让你们的团队自己用用看,把自己放在非常苛刻的客户的角度,看看是否会接受(不是界面本身,而是所表达的功能)?并用快速迭代来改进设计。比如Kickstarter上的一个基于Android很有名气的游戏平台OUYA,他们的游戏手柄,就是先用木头做的快速原型,在内部试用。目的是什么?在初期用尽可能小的代价,发现产品的不足,错误和不足发现的越晚,改正的代价就越昂贵。 • 第二步,找出具有创新意识愿意和你一起玩的几个非典型客户,做出一个只有简单的核心功能的原型请他们试用。能找到这种客户并不容易,可以有各种方式,比如许诺第一批产品出来以后免费赠送给他们。但首先这些客户一定是非典型的,极端客户。比如OUYA就会请一些游戏高手来试玩。比如下面这个OUYA的创始人,陪着一个游戏玩家一起玩游戏。这些客户是极其宝贵的,他们不仅会指出很多你没有考虑到的地方,帮你拓展思路,甚至会帮你打翻原有的设计!在这过程中你要注意观察这些极端客户的行为,不仅听他们说,还要琢磨他们为什么这么做。在这不基础上你可以发现很多新的需求,甚至产品的独到卖点,因为很多客户需求是客户自己都没有意识到的。 • 第三步,根据上面的需求分析,再反馈回来,做新的改进,并进一步完善产品。也就是说重复第一步和第二步。直到非常确信这就是客户想要的东西,而且产品也可以做公众测试了。(可以想见你找到的极端用户陪你走这一程,他们是多么宝贵!)这时候基本功能就稳定了,但是还有很多bug,没有关系,因为你下一步要做的是寻找更多客户验证需求,而不是debug。 • 第四步,这时可以寻找更广泛的友好测试用户群体,通过观察和倾听,了解更多的需求。这时候大部分需求都是比较细微的,比如(那个颜色的遥控器我不喜欢)等等,若有重大的需求改变,就需要要做出取舍,因为这时候做改进已经非常昂贵了。提问的时候多问开放型的问题,why, what, where, which, how等等,而不要仅仅问:你喜欢吗?这样弱智的问题。 • 第五步,才是真正把产品做稳定,安排市场推广等等常规的流程。 整个流程的思路就是先针对一群极端用户,通过看得见摸得着的原型,渐进式地深挖需求,找到产品卖点和新的市场需求,在这过程中尽量把重大改进往早放;而不是针对大众市场,做一个大家都能想到的产品。这对中国的创业公司更有挑战,因为中国人不喜欢表达自己的思想。所以更需要通过观察和开放型的问题来理解客户需求。 补充: 上面做法对绝大多数创业者都是适用的,即使你原来就做这一行的也千万别自以为是,认为自己已经充分理解用户需求了,要尽早接触到客户,在产品还没有作出来的时候就要厚着脸皮见客户,和他讲你们的愿景和产品规划,谦虚地从他们那里学习,他们会告诉你很多有意思的信息,比如我们就曾经遇到过一个非常前瞻性的客户。他告诉我我们,我们提的方案他以前就考虑过,而他在用的竞争对手的方案有哪些缺点让他很痛苦——还有比这个更有价值的信息吗? p.s讲到竞争对手,实际上他们是你最好的老师。他们已经做过一轮甚至几轮市场调查,用他们的产品前赴后继地趟出了一条血路。你一定要把市面上主要竞争对手的产品都拿来分析一下,把你自己放在用户的角度,看你能不能说服你自己,你的产品是有竞争力有卖点的。如果你自己都说服不了自己,那还是慎重考虑创业——别告诉我你没有竞争对手,客户没有替代方案!你一定是在自欺欺人,如果创业还处在这个状态,真的是盲人骑瞎马,夜半临深池。 本文由人人都是产品经理@lulu 整理自知乎问答,转载请注明出处并保留本文链接。

关于为什么选择“用户体验的要素”作为讨论内容? 五要素(当然不止有这么少),我觉得将其称为“产品设计五要素,或者用户产品体验五要素”会更好,这五个点,在我最近进行产品分析以及产品设计的时候,总会想起来。怎么说呢?它让我对产品有了整体的认识和细节的分解。对于产品来说,了解它的整体要比局部更有意义,因为是你在掌控产品,从孕育,到出生,再到成长,当然也有可能腹死胎中。 可能大家也会有和我一样的困惑,要分析对比一款或者几款产品,不知道从什么地方下手?自己设计产品在某些方面把握不是很到位?的确,开始的我就是这样,被老大催的就像热锅上的蚂蚁,无从下手。那时候,我连“产品”是什么都不知道呢。⊙﹏⊙b汗 选这个题目的目的是,大家再做产品的时候没有一个宏观的定位,产品以及产品人员的眼光,决定了产品的发展和持续时间。产品体验的要素,算是一个产品人员的基本素质吧 我最近在写产品分析,体验要素不只是之前的基础,之后也是基础,这个打牢的话,我想,产品人有提高,产品调性也会有提高。我的产品分析,最后分享。 与其说是分享,倒不如说是和大家一起讨论这五要素的长短优劣,以及大家在什么时候会用到、想到,最好是见到产品就想到五要素,让他们关联起来。O(∩_∩)O哈哈~ 在上述背景之下,人人都是产品经理10群(118320391)围绕用户体验五要素展开讨论。 找男女朋友的目的是什么?对男女朋友有要求?  找伴侣是因为我们有需求,需求是多方面的——讨论中,有人说“寻找伴侣是刚性基础需求,基本上受因素控制”,这个刚需是什么?必要的么?还是不必要的? 讨论中提及的其他原因:你自己寂寞、想摆脱孤独处境(心理),家里逼得、迫于环境压力(家庭朋友),单纯的你的自然属性在作祟(生理),还是几方面交织在一起呢…… 讨论中对对方的要求:性格、外表,有共同话题、相互崇拜、能互相包容,一见钟情…… 大家要是和自己的男女朋友吵架了?是怎么处理的呢?是沉默,还是相互沟通?彼此的体验会受到外界以及自身的影响,而受到干扰哦。  这就开始了,我们的用户体验之旅…… 什么是用户体验? 讨论中,有人说“用户体验是用户使用产品的心理、感受,之后对产品的印象、评价。”其实,用户体验(user experience)产品如何与外界发生联系并发挥作用,也就是人们如何“接触”和“使用”产品。 像社交类、阅读类、娱乐类APP的目的都是陪伴人,弥补人的一部分寂寞时光和需求。与人接触,满足人的基本需要。 为什么用户体验如此重要呢? 用户体验就是生活。生活中出处涉及到你的体验,闹钟、卫生间、公交、打卡机、红绿灯、手机、电脑、键盘、鼠标……每天,我们都在和产品打交道,每天都在使用和体验产品。有些产品在使用过程中会出现糟糕的状况。 用户体验就是商机。简单的说,和ROI关系密切,直接的就是销售量提高、网站用户粘性高。比如:色情网站的目的是盈利,重点是他抓住了人的心理,甚至生理上的需求。 用户体验对用户很重要。给他们一个积极、高效的体验,他们会持续使用你的产品,每次都会“按照正确的方式执行”。产品满足用户某方面的需求并来盈利,帮助人们提高生活质量,提高工作效率,改善人际关系,等等。 用户体验的要素 结合我的理解,我对用户体验五要素做了简单的注释。如下: 一、战略层:产品目标及其目标用户(做什么、为谁而做?)经营者和用户分别想从网站得到什么。 来自企业外部的用户需求(user need)是网站的目标——尤其是那些将要使用我们网站的用户。与用户需求相对应的,是我们自己对网站的期望目标。 成功的用户体验,其基础必须是一个被明确表达的战略。了解企业与用户对产品的期望和目标,能够促进用户体验的确立和制定。我们如何寻找产品的战略呢? 根据用户群定义。如:黄色网站在国内禁止推广,但是一样很火。就好比你在沙漠渴的要死,但是有人跟你说你不许喝一样,你还是会选择喝不是么。你还是会选择通过各种渠道区寻找喝的。我很认同一种观点,产品首先切入的必须是用户迫切需要的。再如:陌陌成功的抓住了人们的心理,加上营销炒作获得了突破;另外,陌陌改变了妓女拉客的方式,使得用户享受服务的时候风险降低了;陌陌想逐渐摆脱用户对产品约炮的概念,但是功能上却是越来越能促进约炮的成功率。(哎,大家一讨论约炮和黄网,就控制不住啦) 参考同类型产品。这里不得不提到来往对微信的抄袭,最近我的来往和微信好友的活跃度都降低了。来往这个模仿者,面临着产品同质化严重的问题。讨论中提到:米聊把国内语音IM市场打开,腾讯用庞大的用户挤走了米聊。 观察市场动态。目前市场上的IM类产品、电商类产品、手机游戏等,都看到了市场前景,蜂拥而至。讨论中:坐在公交上经常可以看到有人把微信当对讲机。微信很大一部分成功,不是因为本身的产品,而是因为本省庞大的用户基数;微信的成功也是正好碰上了那时候即时语音刚开始在国内发展。 老板拍脑袋决定。战略层,就是老板层啊。呵呵 二、范围层:功能及其内容需求整合(需要做哪些?) 当你把用户需求和网站目标转变成网站应该提供给用户什么样的内容和功能时,战略就变成了范围。进入范围层以后,在功能产品上它就转变成对产品的“功能组合”描述。而在信息产品方面,范围则是对各种内容元素的要求的详细描述。 在这里,我们需要回答——我们需要为产品做哪些功能? 如:微信需不需要语音功能,需不需要加入摇一摇功能,需不需要朋友圈,需不需要导入QQ好友,需不需要加入订阅号和公共号,朋友圈评论对谁可见,等等。 产品功能的确定,需要紧随产品战略,否则产品会面临很大的调整,甚至是夭折。 我们如何收集功能需求呢?功能从何而来? 一些需求适用于整个产品。如品牌需求或技术需求。另一些需求只适用于特殊的特性。大多数时候,当人们说到某种需求的时候,他们想的是产品必须拥有的、某种特殊的一句简短描述。 用户需求总会千差万别、参差不齐。去了解“人们在想什么”的最佳途径就是直接询问他们。 需求的三个主要类别:人们讲述的、他们想要的;用户实际想要的;潜在需求。 当需求找到后,我们需要为需求定义优先级,优先级别是决定人们所建议的相关特性的首要因素。 战略——范围的关系是什么? 战略决定范围,功能承载产品价值,范围层是为了实现战略层意图。 三、结构层:交互设计及其信息架构(怎样做?) 在功能产品,结构层将从范围转变成系统如何响应用户的请求。在信息产品方面,结构层则是信息空间中内容元素的分布。 结构层确定各个将要呈现给用户的选项的模式和顺序。主要包括:交互设计:作为软件界面的网页,为用户设计结构化体验;信息架构:作为超文本的网页,内容建设通过信息架构构建用户体验;产品关心的是理解用户、用户的工作方式和思考方式。 很多人不了解微信朋友圈如何添加文字内容,以为只能带图片发,只有一个右上角的相机按钮,这样的交互设计目的是什么呢?开始就没有考虑用户发布文字内容的需求么?还是根本就不需要单独发布文字内容呢? 我们来看一下大家的讨论设计内容: 微信刚开始朋友圈看的见好友回复别人的状态,所以经常会看见一个人在那里自言自语,改版后体验提高很多。 微信5.0不是说单独发文字的功能可能会在后续版本中取消。这样做,怕走了QQ的路,又回到QQ里面去了。要和QQ区分开,尤其是QQ能发语音以后。 结构,还是和界面布局、导航体系强相关。结构上,我们需要考虑如何将这些功能排列、组合,提高产品用户体验。结构层,其实需要做的是怎样把需要做的功能进行排列。 四、框架层:界面设计、导航设计和内容(信息)设计(要做成什么样子?) 确定用什么样的形式来实现,主要包括:界面设计:确定框架,“按钮、输入框、界面控件”的领域;导航设计:呈现信息;信息设计:呈现有效地信息沟通。 成功的界面设计是那些能让用户一眼就看到“最重要的东西”的界面设计。一个设计良好的界面是要组织好用户最常采用的行为,同时让这些界面元素用最容易的方式获取和使用。为用户想完成的任务选择正确的界面元素,通过一种能迅速理解和易于使用的方式,把他们放置到页面上去。 任何一个产品的导航设计都必须完成这3目标:目标一:必须提供给用户一种在网站间跳转的方法。目标二:必须传达出这些元素和它们所包含内容之间的关系。目标三:必须传达出它的内容和用户当前浏览页面之间的关系。 UED和UI在战略层、范围层、结构层扮演的角色? UED感觉在结构层和框架层更重要了,前面两层只需要理解并能在后续层次中贯彻实现。 UED从交互来考虑如何让别人把产品用好。 UED是理解并执行战略。 实际工作中会不会出现这样的问题?框架的设计和实现已经与战略偏移了。出现了这个问题,怎么解决呢? 这个时候如果是更好的,会反过来微调战略,战略也不是定下来后就不变的,从微信当初的战略到现在的产品,已经经过演化了。 在做之前一定要沟通好,在了解需求之后,设计的同时还要注意用户体验的重点。 需求打折原因,要么是需求太多不能全部实现,要么是需求超出现在的技术能力无法实现。 核心功能先实现,其次是辅助功能,附加功能可以砍掉。 设计要懂得沟通、理解,理解了需求之后在去设计,设计的过程中注意用户体验的重点。 五、表现层:功能及内容的视觉呈现(做成了什么样子?) 内容、功能和美学汇集到一起来产生一个最终设计,从而满足其他层面的所有目标。“弥补网站框架层的逻辑排布”的视觉呈现问题。 如果你的设计是成功的,那么用户的眼睛在产品上移动的轨迹模式应该有以下两个特点: 首先,他们遵循的是一条流畅的路径。 第二,在不需要用太多细节来吓倒用户的前提下,为用户提供有效选择的、某种可能的“引导”。 设计表现不一定要和线框图完美匹配,一个NB的设计师,也深谙设计中体现的规律: 用户的视线首先落在什么地方? 哪个设计要素在第一时间吸引用户的注意力? 它们对战略目标来讲是很重要的东西吗? 用户第一时间注意到的东西与你的目标是否一致? 你的设计和排版是如何影响用户的? 一般产品对视觉设计的干预多么?具体工作中,产品决定了设计。 具体工作中,产品做得原型尽量不要做高保真,影响视觉设计的最终结果,有些设计会按照你的原型去搞,会限制和固定设计的思路。讨论中设计:我是做视觉的,原型对我的影响确实很大。 延伸话题: 1、如何定义需求 2、如何定义功能 3、如何与产品相关部门沟通 4、用户调研的方法 5、图和阅读书籍、文章 最后感谢几块同学的组织、总结、整理 感谢参与讨论的各位亲(按出场顺序):rindy、淡蓝、破浪、MaDDax、Jacky、晓艾、月、小鹿、TINTIN、蓬蒿人、木柄、kyu、新手、lulu、月读、小五、david、Damien、牧马、李、一生、木儿、银月’s、骑狼d羊、kevin、大豆、江雪、酱油、andy、Jerem、多隆、有关部门PM、Michael、诺儿、风清 本文系人人都是产品经理10群讨论总结文,几块整理发布,转载请注明出处