少即是多，给产品做减法 - UCD大社区

极简主义，风格化与小团队

纯银 — 2010-11-29 23:34:29

11月玩Instagram臭来劲，玩着玩着就想，这极简主义的风潮到底是不是从Twitter开始的？

想了半天，好像是。

最近两年，极简主义在产品行业越来越流行了。简单到什么程度呢？复杂的页面结构，不要了。丰富的信息呈现，不要了。强大的互动与管理功能，不要了。账户注册也不要了，Google/Facebook/Twitter账户都可以登录。多元化的内容主题被精简为单一主题，宁肯多建几个子站，宁死也不做一个大杂烩网站出来。产品变得越来越简单，越来越轻快，极致到HowMutch的地步——全站就一个页面，页面上就写着一个问题：你愿意为“123”这回事儿付多少钱？

填一个数字进去，提交，页面刷新一次，告知有多少人比你出价高，同时显示下一个问题：你愿意为“456”这回事儿付多少钱？

简单到令人震惊。

受惊就对了，你记住它就对了。

在繁星似尘的网站中，人们变得越来越懒，越来越烦，越来越没有耐心。这个道理就像我们最好的朋友往往是老同学一样——随着网龄的成长，见识的增加，对五花八门的新网站也越发感到麻木。

如果30秒钟就能看明白一个新网站的卖点就好了。

如果只做些很简单的事儿，一点都不费脑子，也能获得满满的乐趣就好了。

所以Instagram只有5个主页面，其中时常用到的是3个单页面：一个浏览信息流，一个拍照并上传，一个查看新消息。学习成本近乎于零。“简单”带来的是极其“流畅”的使用体验，恰好与其“轻盈”的产品气质丝丝入扣。这样做的好处起码有两个：

1、引导注意力高度集中于产品的核心价值，闪电般地了解与适应产品。

2、减少发表与互动的心理负担，提高应用频度，加快使用习惯的形成。

做减法，不容易。

但是以简洁取胜，而不是以功能取胜的时代已经降临了，顺者昌逆者亡。用户一眼扫过去，我操，看不懂啊，不会用啊，把产品经理叫过来给老子解释一下，你们在搞什么飞机。不不不，你不要唧唧歪歪，三句话讲明白这产品是干什么的，好在哪里。我不关心有几十个功能几百个好处，我就听三句话。再啰嗦老子拔腿就走！

罢罢罢，除了最关键的产品卖点之外，狠心砍掉一切非必要性的元素总行了吧，就算是个呆子也能一目了然。何况你真的确信用户需要那些花里胡哨的东西？你真的确信人家都有的东西，在你的产品中就必须一应俱全？你真的愿意为了只有20%用户在意的内容，去干扰80%用户的理解和使用？

用最简单的方式去满足到最核心的需求，这就是创新，这就是竞争力。与大而全的互联网巨头作战的唯一方式，就是比他们更简单——简单不意味着“少”，而是“重点突出！”“主题鲜明！”尤其在用户的核心需求上拥有更佳的体验优势。这样做还有几个额外的好处：信息元素简单，显得界面整洁美观，比如Tumblr；交互元素简单，从而增加了易用性，比如Groupon；产品代码简单，团队可以更精干更敏捷，比如Instagram。

世界变了，简单才能强大，用户对成本（理解成本/适应成本/使用成本）的吝啬日甚一日。即便彪悍如Facebook，也没有打败Twitter，甚至没有打败FourSquare。而简单的Twitter即便推出了短网址服务t.co，更简单的Bit.ly依然有自己的一席之地。“全面”居然变成了一个贬义词，“专一”才是美德，含混的品牌形象绊住了昔日领先者的脚踝。尤其对于新挖掘出来的细分市场，综合网站往往输给气味更纯粹的垂直网站，比如汽车之家；大牌网站往往输给概念更直白的独立小站，比如团800。小巧的产品掀起了新一波创业浪潮，十几杆枪就能轰轰烈烈地起事。

作为门户职员，深深感到大公司做新项目的优势越来越少，牵制越来越多。我们或许拥有过去，或许也会失去未来。大象跳不出轻盈的舞步。

大象也没法化妆成一只熊猫。

伴随着极简主义而来的，是浓烈的风格化，或者说极简主义本身就是一种风格化。这意味着我不用去取悦所有人，只管取悦喜欢我的人便是，因此可以舍弃更多，可以浓妆艳抹，可以个性张扬。在个性背后从不在乎异见者的抨击。比如Instagram没有重要的“查看大图”与“引用评论”功能，更没有一个Android版本……这真让Android的用户冒火；比如Twitter著名的140个字限制；比如Groupon一天只出售一样商品。但显然Instagram认为简洁的交互操作与敏捷的产品发布更为关键，Twitter非得兼容短信容量的限制，而Groupon干脆把一件商品作为自己的招牌——不爽您请回呗！

是的，取悦每一个人在日趋复杂的消费社会里变得越发艰难。对目标用户群的定位不仅仅考虑到年龄、性别、消费能力与偏好，还加入了浓重的个性因子，与用户“气味相投”的产品气质就是最好的推广——对50个用户厉声说“不”的时候，可能有100个用户在你身后高声叫好。但如果一碗水端平，对5大类人群提供了整齐的70分服务，他们却可能被另外5个提供90分服务的个性产品分头拉走。你的兼容并蓄的野心越大，越是做出来一款面面俱到的大路货。没有人能通吃市场，任何一块细分用户群都是巨大的蛋糕。最重要的是，当你拥有了一大票热情的粉丝，由此放射出来的产品感染力甚至会将曾拒绝你的人重新吸引回来。好马也要吃回头草。

这种光芒四射的魅力并不来自于你的产品本身，而是用户群的狂热与口碑，如果不能赢得至少一小撮人的忠诚，你永远也无法征服更大的疆土。在最有头脑的野心背后，是收敛，是克制，是不断细分与各个击破。比得罪一部分用户更糟糕的是大众脸的平庸气质，尤其对新产品来说，“好人即死人”。为了追求独树一帜的风格而主动放弃一批用户，才能换回另一批用户的一见倾心。FourSquare剑走偏锋的奖章系统就是最好的例子，我知道很多人觉得这真无聊，我还知道很多人为此走火入魔。

与此同时，风格化也为你的产品树起了厚厚的防御壁垒。大公司由于无法在原有的产品框架下融入如此浓烈的设计风格，最终只能抄得其皮毛。如同偷师FourSquare奖章系统的产品众多，可谁又能青出于蓝呢？扎克伯格为仿照Twitter而甘冒众怒，大改Facebook，最后也不见其效，丝毫不能夺取Twitter的荣光。这就是优先照顾一部分用户，集中满足一部分需求的妙处，既是矛，又是盾。对手可以抄走某个功能，但抄不走由整个架构、无数细节与社群氛围烘托出来的产品风格，更加抄不走缔造和持续加强这种风格化的创意灵感。所谓“特色设计”一旦脱离了原有的产品生态环境，就会被抄袭者固有的产品环境所污染，水土不服，画虎不成反类犬。

即便大公司狠下心来，不在原有产品上照搬模块，而是直接推出一款同样风格化的新产品，也无须抵挡，看他自寻死路。我在门户工作四年，甘苦自知，在大公司里谈产品个性完全是一个笑出泪来的冷笑话。首先层层审批，谁能保证你眼中的个性与上司的个性如出一辙？其次规范林立，必须对设计细节作出种种妥协。最要命的是团队组建的随机性很强，恰好分配到这一群人而已，很可能口味各异以至于争吵不休，哪怕同样优秀的人组队也难保默契。

然而成功的风格化必然由有灵气的，气味相投，权责自负的亲密小团队来实现，在产品风格中烙上个人风格的印记。参与讨论的人越多，设计规范越多，协作流程越多，汇报的层级越多，就越是扼杀个性。“这算什么个性？我们不认可，我们不感冒，我们看不懂。”建立在亲密、精悍、敏捷、以及独断独行基础上的风格化设计，完全背离了大公司的质量管理体系。

作为案例印证，在我的印象中，大公司出品的成功的风格化产品倒也不是没有，比如Google map与Chrome，或是iPhone。但成功的概率之低，与刮餐饮发票中奖差相彷佛。何况不是天才工程师驱动的Google系，就是天才CEO驱动的Apple系，如何复制得来。有句成语叫“东施效颦”，形容得惟妙惟肖。大公司的块头虽大，惟独学不来独立小组的人员构成与管理机制——这恰好是产品风格的基石所在。所以，怕个球？王侯将相宁有种乎？

在国外，基于iPhone与Android带动的移动互联网，同时得益于移动APP天然的轻巧特性（控制住开发成本与周期），一波小团队的创业浪潮正如火如荼，不约而同走上风格化的极简主义路线。而在国内，依托于淘宝和微博生态圈，也不乏创业的暗潮涌动。我很想穿越虫洞到2012年看看，会不会有下一个互联网大佬从今天的创业者中间勃起来，对未来的好奇心满点。今天的巨人不会倒下，更多巨人将在荒地与丛林之间直起身来。

不一样的简洁

zhangjifeng — 2010-02-08 19:55:12

少即是多（less is more）—路德维希·密斯·凡的罗

少就是枯燥（less is bore）—罗伯特·文丘里

less is more是设计领域对现代主义的解读，主张功能决定形式（forms follow function），废除一切不必要的装饰以及重复的信息，它的基础就是理性主义。如果它被解读成“要简单，清晰，明确”，应该说是不够完全的，因为只看到了表面的“less”却忽视了实质的“more”。对于互联网产品设计而言，如果我们要做一款简洁的产品，我们首先要解决的不是它看起来如何的问题，首要的是要搞清它提供了什么样的服务。同样都是一个输入框，百度框和google框并不能获得同样的尊重，原因在哪里？在于用户面对google的那个框的时候，我们感到我们面对的是全球的信息；当我们面对百度的那个框的时候，用户知道它的背后只是一些网页，甚至是手工放进去的一些广告。百度和Google的差异何止那6个像素。当然，如果你要搜一些娱乐八卦，百度比google 要强些，因为“百度更懂中文”嘛，中国的互联网就是一张娱乐网，而欧美的互联网其实是工具网。

追求简洁和清爽似乎也是目前国内互联网行业对产品设计的一种共同追求，事实没那么简单。一个简单的例子就是我们对“个性化”的追求，它其实基本上解决的是“看上去很美”的诉求，譬如是换肤，换主题，换装扮，对于产品逻辑和操作方法并无变化。搜狗输入法应该是第一个提供换肤功能的输入法。我当时就很难明白，为什么一个输入法还需要换肤呢？难道看起来如何，对于一个工具软件很重要的吗？其实，后来推出的输入法如谷歌拼音，QQ拼音都可以换肤，以简洁著称的gmail，igoogle也可以换主题。我周围很多使用qq拼音输入法的同事不光换肤，而且嵌入一张不小的“个性化图片”！那图片对于文字输入有何帮助？其实回过头来看，QQshow和Qzone早早的就把“个性化”的需求变成了一个大生意。实际上“个性化”是人本主义的重要组成部分，人本则是“后现代主义”主要原则。后现代主义主张人本的，情感的，融合的，个性的，生活方式…（我们所谓的80后和90后就是在这样的文化背景中成长的），这就涉及到产品设计中的另外一个重要话题—“人性化”。

我们经常用“人性化”来描述苹果的产品。苹果的产品当然不像换肤这么浅层次的人性化，我们可以把通常所讲的“个性化”看成是“人性化”的一个组成部分，个性化是对浅层的个人需求的满足，人性化是对深层的群体情感诉求的满足。苹果对客户和产品交互界面的执着是无可置疑的，从对包装的苛求上可见一斑。这并不意味着苹果的产品只是看上很美的绣花枕头，他对人机界面的追求，影响它的功能的取舍设置和硬件的设计，这需要花很大的功夫。要把air做到最薄，苹果的工程师不得不想尽办法要把那一堆必要的东西放进去，同时也不得不放弃某些放不进去的功能。为了让iphone成为一件只有一个按键的工艺品，也必须要放弃很多必要的功能，譬如多进程。而用户拥有iphone和Air时的那种快感，也让我们可以忍受甚至感觉不到它们在功能上的缺陷，或者为这些功能上的缺乏去辩护，声称“其实我们不需要这些功能”。

回到“简洁"的问题，这个词可以用来形容google和苹果，不过我认为他们是两种完全不同的简洁。Google一个输入框连接用户和世界，这是对全球信息整合，伟大之处不在于那个框，而在于框后面的世界，这是一种服从与强大功能的简洁（forms follow function）。苹果的简洁伟大之处在于对人性的尊重，在维持简洁的基础上上将功能尽可能做强大，而且是大到我们通常想像不到的程度。没想到ipod能装那么多东西，没想到iphone如此好玩，没想到air如此之薄，没想到ipad如此便宜，待机时间如此长…，而最重要的是这一切又如此简单。我们基本上不会用功能强大来形容苹果，但用优雅和品位来形容它是很贴切的，而我们形容google却刚好反过来。苹果的简洁是一种从前到后的追求。大概有很多人听说过乔布斯把一本电话薄扔在桌子上，告诉Macintosh的工程师们“我就要这么大的一台机器”的传说吧。 google的简洁是一种从后向前的推导，会为了一个像素的调整也需要用数据来证明。或许乔布斯对东方文化的欣赏，让他在某种程度上摆脱理性主义的束缚转向对人性的关注，作出了足以改变人们生活方式的产品；而google对理性主义的坚守，作出了改变世界的产品。

从设计角度的来看，苹果和google都是性格鲜明的伟大的公司，在中国其实有一家性格不鲜明却也很伟大的公司—腾讯。下次再说。

大褂还是内裤

韩磊 — 2008-10-01 20:03:04

有个相声说，某人买了一丈布，要找裁缝做大褂。其妻自告奋勇，称自己也会做，就接手做了。两个月后问她，说做是做，只是把布剪坏啦，改做小褂吧。如此循环，从大褂变成小褂，小褂变成肚兜，肚兜变成内裤，内裤变成口罩，最后只好扎了墩布。

闲话表过，再表闲话。

话说Mitch Kapor以数十亿美金高价把一手创建的Lotus公司卖给IBM后，做了一段投资人，又回归技术界，创立一家开源基金会。为了实现心目中“最好的PIM 软件（个人信息管理，类似Outlook那样的）”，投入百万美元，聘请了一群最NB的程序员（包括Netscape元老级程序员、Macintosh操作系统核心程序员、微软资深开发工程师……），动手开干。有近乎奢侈的资源（财力、人力、时间），照说项目应该顺利进行吧。其实不然。这个名为 Chandler的项目，从2000年开始立项，开发过程中软件功能列表一再缩减，直至今日尚未推出1.0正式版本。测试版本在我的Windows 2003操作系统上，仍然无法运行。

看过上面两桩闲话，读者大概知道我想说什么了。雄伟的愿景往往流于空想，做软件难，第一难就在于蓝图太宏大。常有朋友找我帮他们做顾问，看看他们的软件/网站项目。通常的过程会是这样——

（演示、讲解项目目标、功能等等）

我：请问，这是你们真正想要的东西吗？

对方：是，我们想做最好的xxx。

我：请问，你们打算花多长时间来做这个项目呢？

对方：三个月。

我：坦率地说，你们不可能做得到。我的建议是，把刚才说的功能先砍掉一半，再砍掉三分之二，剩下的部分，大概就是三个月之内你们能完成的部分了。

对方：……

产品设计者往往会想得太多，把所有可能路径都设想在内。而开发者则往往会低估项目难度，做出太过乐观的判断。这样的结果就是，以为可以在过短时间内完成过于庞杂的功能。危害有二：其一，项目无限期延误；其二，功能不断缩减。六个月甚至一年之后，大褂没做成，千疮百孔内裤倒是有一条。与其如此，不如一开始就以内裤为目标好了。

昨天有人问我，为什么是“先砍一半再砍三分之二”而不是“砍掉六分之五”。我说的“砍”，不是简单按字母顺序嚓嚓嚓，而是一个讨论、思考的过程。第一步去除一半，第二步去除一半的三分之二。起初设想出那么多功能，肯定花了不少心血。现在要砍，每一项都显得那么宝贵而舍不得丢弃。反复斟酌、流泪放弃，最后剩下的，是软件/网站项目最最核心和关键的功能，也是以目前资源所能完成的工作。以后，再视运营情况加以增补。

我想，做其它事，或许也可以采用类似的方法吧。大褂还是内裤，这是一个难题。以我之愚鲁，大褂不敢妄想，甚至没准内裤也做不出来，那就踏踏实实、裁剪缝制一个真有用的口罩吧。

悄悄的告诉用户，你有什么

wkcow — 2009-03-11 04:33:45

     1.一个网站的功能有1，2，3，4，5，6...... 等等；
     然后homepage上有N个模块，模块1对应功能1，模块2对应功能2，等等。是的，有的时候，我们恨不得把我们的所有都展示给用户看，可是，用户真的会看么？

     2.一个网站的导航有很多种，有的做得很细，一层又一层......；
     然后JS的导航就出现了，或者说导航中的导航，有导航模块1对应主导航，导航模块2对应次级导航，可是用户真的会点么？

     对于问题一，关键点在于没有分清用户的层次；用户分为几种：
     1.轻度不了解的用户，用户对于本站根本不了解。所以设计者想让用户了解自己更多。
     2.中度了解的用户，对于网站有了解，也知道有啥功能。所以设计者想让用户更方便的看。
     3.资深用户，对于网站相当了解。所以设计者想让用户一下子就满足需要。

     对于问题二，关键点在于没有理清楚用户的点击流程；流程有很多，比如注册、浏览、购买等等：
     1.集成式的导航，从a，b，c......z 等等流程集合到一起。设计者把流程的操作交给了用户，让用户自己去点。
     2.组合式的导航，将a，b，c一组；d，e，f一组。设计者把流程稍微梳理了下，让用户自己去挖掘。

     那么，什么样的主页是好的网页呢，分析的人很多了，相信仁者见仁罢了；
     那么，什么杨的导航是好的导航呢，分析的人很多了，相信仁者见仁罢了；

     我的简单的原则是，悄悄的告诉用户，产品有什么，让用户轻松的下决策，完成点击操作。

从中关村的购物体验侃起

波希米亚 — 2009-03-14 15:41:22

请从下面这张图中找到一个正在注视镜头的人：

好了，重点不在这，开始侃我们今天的话题。
现在我顶不爱去中关村买东西，特压抑，购物心情大受影响，每次一进市场从门口就开始“大哥，是买相机不”，“大哥，买笔记本不”，“大哥…”，凡是路过的档口，肯定有人缠着你，更过分的还上手拉你。我能体会导购的压力和辛苦，这套路子初三毕业那会儿我就干过，但可有礼貌多了。

你们“太热情了”，真的，但我不需要，我只想安静的找我需要买的东西，买完就离开这个“是非之地”。在我需要的时候，帮我解释一下产品的功能、特性和价格，我会非常感谢你，会让我觉得这个店员非常专业，也非常尊重顾客，整个购物过程都很和谐，很愉快，下次我也愿意再来光顾。否则我会找替代品，比如其他商场，或是网购，或者…不买了。

如果把中关村看做互联网，把海龙大厦当成一个网站，那这个网站的体验真的是很差。我们为什么反复说“为功能和信息做减法”，“越简越妙”，用意无非是想为用户营造一个轻松愉悦的使用环境。尽量少的信息干扰，可以让用户更容易的找到自己想要的东西，如果能在必要时加以辅助，那将会使你的网站锦上添花。

一个网站的信息过度，就好比这段话上面20厘米处那张图片一样，甚至像那些“热情似火”的导购：找累了，用烦了；离开了，不来了；没有这些用户在，网站也就玩完了！对于这样的网站，我们需要给他做个手术，减掉那些碍人视线的东西。

“大夫，给”……咔嚓～

此文献给和我一样，对中关村电子市场购物环境现状感到厌烦、同时又在从事信息设计的哥们儿们，别让用户也用同样的话来指责我们。带动你的团队，一起努力来改善这一切。

（P.S. 图片来自华盖创意）

减 ≠ 简

Ray — 2009-03-12 11:17:00

今天偷懒下，不想写太多，正好符合主题，减，呵呵。

下午做优化方案的PPT时，突然有些感触，随机记了下来，现在摘录在这里，有什么想法欢迎大家探讨。

1.做出来一个功能很容易，做起来一个功能不容易。

一个是做出来，成本是什么？主要是研发；一个是做起来，成本支出呢？运营、客服、销售、公关，当然，还有研发；孰轻孰重，一目了然。

找个大而全的站点，新浪够大了吧，阿里中文站够大了吧，给你人给你银子照抄着去做，需要多久？

3个月......

嗯，然后呢？看新闻的照样还是去新浪，做内贸的还是去阿里，谁管你丫多大呢。

2.不存在没用的功能，不满足所有的用户。

周星驰说：一样米养百样人，八角形的都有！各种各样的需求是层出不穷，难道提一个你就做一个？Google也吃不消吧。
但是在现实中一个普遍的情况是很多功能你说没用吧，立即就会有人反驳你，怎么没用，很多会员都在用呢。嗯，既然是功能自然是为了解决某个需求，那么当然是有用处的，举个例子：你在淘宝上购物自然是主要目的，当然顺带让你秀秀宝贝这个功能也是有用的，只是到底有多少人在秀呢？一个功能在线上总是要占用各种资源的（硬件、软件、成本、人力、），任何一个网站，如果一直做加法哪怕盘子再大早晚也得拖死。

至于说到不满足所有的用户，这点实在没什么好说的了，UCDchina上很多文章都说的相当明白了，一句话，你想满足所有的用户，最终是没有满足任何用户。

不要怕自己市场小，不要担心网站栏目太少没人用，看似简单其实不简单，即使仅仅是一个网上商城，能够挖掘的东西也是太多太多了。细节再细节，把自己的一亩三分地儿做到高高的壁垒，别人想进都进不来。到那时再出击，岂不是更有把握？

浅析“Rich”设计模式

包子 — 2009-03-11 14:42:16

但凡设计师都对简洁的设计情有独钟，我们不喜欢复杂，却也不能不会rich。
先来看下“rich”在字典里的意思：
(1) having an abundant supply of desirable qualities or substances；
(2) of great worth or quality；
(3) very productive；…
可见，“rich”即暗示比满足普遍需要或期望的要多。
那么以RIA为例，来看下RIA（Rich Internet applications富互联网应用程序）比IA（Internet applications）多在哪？
更快、更直接的互动、更仿真、更流畅的体验、更cool、更好玩、更易安装、更容易传播、更安全…更容易使用户迷惑、更复杂、更容易不切实际、更难部署、更高开发成本…
——可见，多出来的既有优点也有缺点。
我们假设B=f（U，E），即行为(Behavior)是一种以用户(User)与环境(Environment)为变量的函数(function)。
我们想要通过交互设计创建一个符合逻辑的流程以及在其中进行的符合意料的行为，但是我们不能直接控制用户，我们需要通过交互、界面设计等，找到有效控制环境的方式。因此，我们要仔细的研习下更“rich”的控制与体验并不断探索。以RIA为例，这种探索包括了解其应用类型与常用模式，了解其设计挑战与风险，在设计其应用时注意扬长避短，并学会评估由此形成的效应。

应用类型与常用模式

RIA从应用上可以做为：
• 单独的软件、widget（脱离浏览器在桌面上运行）
• 网站的某些部分（在浏览器中有效地运行）
• 添加到传统的网页的“丰富组件”（来导航或互动）

且目前已有以下几种类型的应用：
• 信息/参考应用：网络/本地资源的整合，搜索，多媒体，用户参与…
• 资源浏览/编辑应用：浏览，阅读，检索、分类，协作，发布…
• 电子商务应用：购物，数据库浏览…
• 实用应用：提示，过滤，帮助，向导…
• 娱乐应用：游戏…
• 营销应用：广告…

先将这些应用中RIA的模式穷举一下：

再将这些模式分解：
• 交互——每一种模式都以一种交互开始。
悬浮、鼠标滑过、点击、释放、快捷键、拖拽、移动、选择、定焦、调整大小…
• 操作：
查找——“我需要的时候能找到信息”
自动匹配、载入内容、缩小选择、及时搜索、精确搜索、动态过滤、细节缩放、随需刷新、悬停出现的详细信息、原位替换、可调整大小的模块、滚动的模块、模块扩展…

动作——“在界面情境中我能够采取行动”
拖拽模块、当页编辑、内置文字编辑、内置标记编辑、内置的自定义编辑、直接的静态编辑、评价评级、弹出或滑出的自定义编辑、网格单元编辑、记忆选择、自动保存、记忆配置…

验证——“我能提前预防错误发生”
内置验证、验证后建议、气泡提示、计数（如用在文本框的字符限制）、即时预览…

消息——“我能及时的沟通”
• 界面呈现：界面的更新
可用的、已用的、指示、忙碌的指示、进度指示、内置状态、光标状态、渐隐渐现、对比度、动态目标、显示焦点、灯箱特效、高亮、褪色、扩展、淡入淡出、翻转、移动、折叠、幻灯片特效、动画…

设计风险

关于RIA设计容易出现的问题与应用风险，几年来已有很多专家总结，在此仅承接上述模式分类概况几点：
信息浏览与查找是否需要用户更多的注意力和鼠标操作，如：点击、拖拽、滚动?一个页面是否弄得太乱了？是否在界面上滥用了丰富的交互形式？组件与整体页面是否协调？视觉上是否体现出了层次关系？新的交互模式是否改变了用户使用传统网络的习惯？用户可能看不出RIAs和传统网站的不同——但其实没有后退按钮了？没有弹出提示窗口了？
那么我们在设计时就要注意建立一些原则尽量规避风险：
1：将控件及其功能可视化，使用户对控件的位置及其作用容易理解。保持操作一致性及与其他类似网站/桌面应用程序的一致性。
2：提供明显的返回途径或确保后退按钮可用。后退按钮通常被视为锚点，一种大众用户的取消方法。
3：变化适当。界面中有更新或微型状态变化时，确保人们注意到这些变化：
选择适当的动态效果和颜色变化吸引注意。
变化应该发生在人们在看的区域及附近。
不要同时更新多处，用户的注意力跨度过大以至于感觉混乱。
4：当界面上的变化不及时时，提供及时的信息反馈；善用提示更新的方式。
5：不要在一个页面塞满内容，腾出空间给新内容。
6：在（概念）设计阶段不要做太多混合应用，做好可复用的设计。
7：提前规划无障碍设计。RIA中的可用性往往比较困难，比如使用移动设备访问可能无法正常显示（即使使用iPhone)，因此可能需要准备其他版本。

一致性的标准来规范设计

对于设计标准，有两件事一定要明确。一，仍然是以用户为中心进行设计，二是要想清楚rich在哪里可以增加价值。因此评估时要尽量对目标用户测试全方位的互动体验，对于高概率的变化与更新建立详细的标准。比如，我们要规范“悬停出现详细信息”这一模式，就需要说明当需要在界面情境中（文字段落、图片等）查看详细信息时，弹出气泡太快或太慢都可能降低用户体验，因此要注意规范到对于气泡的弹出要相比鼠标触发有0.3s的延迟；鼠标移开或有点击行为时弹出的气泡立即消失。

如前所述，当RIAs为我们提供了提升体验的巨大机会，如何设计更“rich”的控制与体验还需要不断积累探索。

相关话题：少即是多，给产品做减法源地址：http://cdc.tencent.com/?p=954

你才做加法，你全家都做加法

tony — 2009-03-05 07:32:59

这个世界上没有清晰的界定谁是好人、谁是坏人，现实不等于电影。

“减法”这个设计原则在几年前：
会拿ipod只留播放键当案例；
也会拿文案先砍一半，然后再减1/3说事；
……
但是现在，这条原则一点也不新鲜。
虽然这个原则听起来极度有道理，但是为什么直到现在还有那么多设计师写文章说那些网站多余的功能？
在现实的设计中，有谁会像标榜自己是坏人一样说：我在给产品做加法！
非但如此，而且每一个“做加法”的人都介意别人说自己在做加法，当有人提议说要砍掉某功能的时候，他会告诉，实际的需求是这样这样这样……这个需求很大，如果没有X功能，那些处在生死火热之中的用户怎么办呢？

这个时候，拿减法设计来当理由是无比苍白的，因为少很多之间，理论上总是多会占优势一些。
少和多、加和减的战争，不是用一两条设计法则可以解决的问题。

可能有人会说，这个很简单，先分清楚主要用户和次要用户，功能给谁用，然后从数据里面看就OK了。
现实会如何经历过的才清楚。

我承认在大部分时候，我都站在“少”和“简”一边，作为说客，丢掉原则分析具体问题。

相关话题：少即是多，给产品做减法源地址：http://uitony.com/?p=79

少即是多

小强 — 2009-02-08 21:35:57

这里盗用seth的“small is new big”的概念来谈一下互联网的用户体验。
先举出两个我亲身的例子：
1.到北京已经两天了，由于朋友忙，所以一直是一个人东奔西走。对于我一个“新手”来说难免要看各种指示图，每次看图我都很头疼，最主要的原因是东西太多，很多对我没用的信息阻碍了我的视线。
2.每天都要登陆很多网站看看有没有什么更新，由于很熟悉，所以每次打开页面后我的眼睛会自动地聚焦在我下一步要点的按钮上，页面上的其他部分完全被我忽略！（没有统计过我这种人有多少，不过我身边倒是很多）
上面从新用户和老用户两个角度来谈，应该不存在太偏激的情况。
问题很明显：展示在用户面前的内容越多，有时候反而会造成用户浏览的内容越少！
操作系统的多任务功能，浏览器的标签功能都提高了使用者的工作效率，同时也降低了用户的转移成本。他们留给一个页面的时间会更少。所以你要在短时间内抓住用户的眼睛，然后提供高质量的内容和体验。最好的方法就是少！不要让用户把时间花费在“找”和“选择”上！
同时，还存在另一个问题：展示给用户的内容越少，必然导致用户浏览的内容越少！

所以，在提供少量内容的前提下引导，刺激用户产生更多的行为，我认为这样才是一个优秀网站（不包括所有类型的网站）的做法！

相关话题：少即是多，给产品做减法源地址：http://www.xqshuo.cn/?p=269

简单还是复杂——我们需要那些功能么？

plidezus — 2009-02-05 18:55:53

看前田约翰的《简单法则》有感，忽然想到最近换了一些习惯使用的软件，是什么原因促使我放弃了曾经经常使用的软件呢？

首先确立下前提，家里的电脑很老，有四年多的历史了。

第一个说说输入法：

最早是使用的搜狗输入法，很多年了，从测试版用到3.6，一直都觉得很赞。

不可否认的是之前搜狗输入法团队有很多革命性的创意，比如词库的网络同步，笔画输入，错别字纠正读音，细胞词库，特殊符号的输入，字符画等等，都让人无法割舍，就算是Google拼音和QQ拼音都无法与之抗衡。

但是自从4.0推出以后我就彻底放弃了搜狗输入法，最简单的原因就是这台老电脑拖不动4.0繁杂的功能——增加的人名输入没有太多的作用，还有一个遭到很多人反对的搜索框，换皮肤的特效实在是可以忽略掉。

而现在输入这些文字的却是QQ拼音，因为启动很快，不会出现很严重的同步时候卡机，皮肤也算比较精美，说实话输入法用起来的时候就不会在乎皮肤了。基本上sogou之前的精华如细胞词库，笔画输入，错别字纠正读音，英文输入提示等功能都保留下来了，而且没有很复杂臃肿的功能，简洁轻巧。

不能说sogou输入法团队创新能力减弱了，只是一个软件如果增加了很多花哨的功能而核心功能却没有更新的话，就会显得臃肿不堪，渐渐的丢掉用户吧。

当然google输入法也很简洁，但是他没有抄搜狗的一些创意，所以用起来就不是很顺手了，再加上理解词条的时候总是会出现很诡异的效果。

第二个说说播放器：

老早就放弃了暴风，自从捆绑了广告和其他乱七八糟的插件之外就不想用了，市面上打包的MPC不下十几种，所以何必非得在一棵树上吊死。

虽然说暴风很像向一个客户端去发展，但是他的核心功能就是影音播放，而除了号称增加了很多诡异的格式的支持，但是下好一个解码包之后也能搞定大部分的事情，最讨厌的就是无处不在的小广告。然后乱七八糟的点播功能让播放器花里胡哨。

其实我一直用的是风雷影音，但是后来创始人被暴风挖了墙角，接下来还有影音风暴，快乐影音以及QQ影音可以选择。

其实最根本来讲，我们只是需要一个能打开大部分常见格式，启动速度快，偶尔能截图快进快退对字幕支持良好的播放器就好了。

最后说说下载软件：

我用迅雷一直是用ayu免广告版本的。

迅雷很臃肿启动慢，QQ旋风很小巧启动快还没有广告，但是论及资源和下载速度，QQ旋风毕竟还是后起之秀。

之所以还要安装迅雷，是因为有在线观看——这个的确是其他任何一个软件所没有的，而且对于在线视频来讲迅雷在线是支持的最清楚的。最新的版本还支持边下载边看。

其实感觉迅雷的战略定位很清楚，现在需要下载的大文件，多半也就是游戏和电影，而迅雷抓住了在线电影加上自己现有的资源，可以说已经跟pps有一拼了，从一个下载软件衍生出一个P2P的点播软件，加上本身的资源可以支持高清观看，同时又增加了客户端在线人数，还能让下载的人提前看。

总结：与其开发很多花哨的功能让软件变得复杂不如简单的将最核心的功能开发到极致；如果增加很多广告还想让用户继续使用，那么就开发一个独一无二的功能让用户又爱又恨吧。

————————————分割线————————————

以下是从郑州到上海的小见闻：

在郑州火车站看到一种新的传播媒介，就是用投影仪投射在白色的墙面上，就跟当时上课用的幻灯片一样，隔一段时间就切换内容。感觉略显山寨，不知道跟分众传媒的小电视比成本如何，只能说面积大但是效果差。
沪宁城际铁路开始建设了，一派繁忙的景象。北方城镇跟南方城镇的差别越发加大了。

设计简单性与完整性的矛盾

马良S — 2009-01-24 19:02:00

1.什么叫简单？大部分时候简单就是减少“过程”，直达目标。因为这个社会讲究效率，所以大家都说要简单。有啊这样的产品如果要攻击 TaoBao的软肋肯定是做减法，这是产品差异化的策略驱使的。而风险就是牺牲了购物过程的乐趣，比如侃价，window shopping。
2.当然，设计简单的东西没那么简单，因为完备性是必须考虑的，完备必然会与简单冲突，这时候就要牺牲一部分完整性，而那些完整性是可以牺牲的呢？往往创新就出在这里。
3.简单不是万能的，简单化永远是平民暴动的结果，本来属于专业人员的产品要给平民用，所以要简单，这就意味着一部分属于专业人士玩味的高级功能会被削弱，这部分专业人士就会开始抱怨，最终离开。

一个简介的网页设计怎样帮你提高销量

为等古一 — 2008-08-28 23:39:43

现在许多的电子商务网站都倾向于在他们的页面上放置过多的内容。这种凌乱的页面的原因是很明显的：你从该页面获得的信息越多，就会有越多的用户去购买。不幸的是，网购的人们是一些爱挑剔的人。

Jacob Nielson 报道说现在的网民们在网上购物时变得越来越没有耐心。人们不再会去网站的首页上或是按分类查找这个商品的内容和用户评价，而是主要通过快速的google搜索。如果用户们找不到他们想要的东西时，便会离去。

拥有简介的网页使得用户能够快速的找到他们想要的东西是非常重要的，尤其是当你在销售商品时。如果你的网页充斥着一些没用的文章、小工具和一些无关的商品时，这个网页变得没有意义。

然而使网页变得复杂已经是一种通用的惯例了，电子商务网站已经采取一种“散射”的方法旨在提供给所有潜在购买者尽可能多的选择。每一个网页不再使得它只涉及一种商品，而是充斥着许多不相关的信息、广告和相关的商品。

更少的商品意味着更多的关注

很多的网络的公司忘记了这一电子商务网站的主要原则：网购者想要尽量的减少麻烦。相对于待在车里开到商店里去买DVD，在亚马逊网站上只要点击几下要简单的多。消费者甚至希望等待长点时间和花费更多的钱只要他们的购物经历是简单和快速的。

苹果公司就已经设计了有艺术感的简单网页。如果你到他们的网页，他们只给你展示三件事情：

1.一个简单的标题

2.在网页的主要部分展示一种商品

3.在折叠的下面有些关于这种商品的信息链接和图片

除了标准的标题外，网页只包括三个部分，如果你点了商品链接下面是你所看到的（比如说iphone）。

即使是你在这个商品页面上，你将能看到这个页面是怎么样的：iphone。这个商品本身占据了网页的大部分，其他的周围的信息是关于iphone的的特征和应用。但更重要的是，注意什么东西没有在iphone网页上显示：

1.不相关的商品

2.不相关的新闻和广告

3.相似的东西

4.其他的东西

苹果公司已经用一种很有效和非常有礼貌的方式提供了足够多的信息。展示过多信息并没有什么错，只要它不让人感觉到。你也一定注意到所有的信息，链接和图片都在iphone的周围。并没有一些使你分心的广告和其他商品的不需要的信息。

下面有些经实践检验是正确的方法来使我们每位网页设计者能够确保他们的网页不会因凌乱而撵走顾客。

1.只放置你需要的东西。

简洁网页最重要的一个方面是只展示对促销有作用的东西，其他的都没有。这并不意味着你不能提供给用户很多的信息。确信他们是需要很多关于商品信息的。苹果公司就用“更多信息”的链接来实现这些。

2.减少点击次数。一个用户买一件商品需要更少的点击数，就会有更大的回买率。不要让顾客们买一件商品等的很累了。

3.“外婆”规则。如果你的外婆（其他老点的人）能够在网页上识别出你所买的东西，那么你买东西就很大了。一些不需要的信息会很快把你的外婆赶走的。

4.减少你段的个数。每次你在网页上增加一段时，商品内容就会被挤到一个更小的空间。这些都没有在强调主要商品，而是更多的使顾客们知道他们不想了解的东西。

5.给予更少的选项。对于在网购的人来说做决定需要额外的压力。最后来说，顾客们希望在买东西时思考的少一点。展示商品的方法一定减少过多的思考，这样就会使网购者很快做决定，并且给顾客一种平和的心态。

6.保持整洁。一个整洁的设计使得浏览者心情愉悦，通过时间来确保网页的布局具有审美观点并使顾客能够再次回头购买你的商品。

一个有直觉的网页设计意味着一个有潜力的消费者。你会在这写站点上买东西吗？

Bell.ca 只用了几种颜色来指示出品牌并且提供给浏览者主要的一些选项。注意到这个设计怎么样很好的把不同的选项布局在一起——商品导航、在个人和企业上的支持。这个设计不凌乱并且简单干净提供给浏览者一个所有可用选项的直观界面而且并没有要求浏览者去一一选择它们。也注意到在网页顶端商品导航设计的多么巧妙。这样几乎没有用户会选错。

Shoeguru.ca 展示了一种用户和商品集中的设计。这个商品仿佛就在观众眼前的舞台上一样。这种设计只展示商品并没有其他的；甚至有几个导航选项是可用的。

Etsy 是一个把很多信息放置在网页上但又不显凌乱的很好的例子.Etsy拥有很多种的商品，然而Etsy的设计是一种很轻松的品质。创造一个有用不使顾客分心的主页并不是一个小的事情。

Crupress 是一个很好的并没有很多分心东西的书籍网站。这个主页展示很多的文章并没有使得用户产生焦虑。开头的导航选项是很突出的，但并不能引起很多注意。所有的设计元素都配合的很流畅。

Tokyocube 是一个专卖日本商品的有趣且时髦的小网站。这个网站并没有花很多空间来解释这个站点到底买什么，而是把商品直接摆在顾客眼前。很大空白空间的也允许商品在页面的右面展示出来。你会迫不及待的点击一种商品以便于更多的了解它们。

而Furious Tees较前面的网站更加注重图形方面，它帮助你两件事情：

1.显示出网站的活泼气氛

2.使大家清楚知道这里每件衣服买19.99美元

你不会指不出在Furious Tees 上买什么，所有的商品都在你眼前。把所有的商品放在主页上对于那些不经常买卖的新颖网站来说是很用的。

但是把所有商品放在主页上是冒着凌乱的风险的。Furious Tees 并没有这样的问题。他们不用除衣服以外的一些花边新闻和广告来吸引注意力。这些注意力完全放在衣服和欢闹的设计上了。

为了买出商品不要再比37 个信号的项目管理工具 Basecamp看的更远了，它使得一个难以置信的混合多种信息的例子卖出了商品。然而已经有足够的信息做一次有效的销售了。每一个字，每一张图片都放在设计中。如果没有足够多的信息，用户不会花时间来辨认这个商品到底是干什么的。而过多的信息又会使用户受不了。

对于标题背景和公司标志的别致应用使得每一个信息凸显出来了。并且使得所有不同的媒体融合起来，有着足够的空间以便于用户不会被一时的文章和图片冲昏头脑。

你只有几秒钟

每一个网站都需要一种不同的布局，设计和模本来销售商品。但是设计者努力的做的更多通过：

1.权衡每一个字

2.删除不需要的元素

3.运用优美的颜色和空白空间

4.限制用户在一时间看到的过多信息

记住，网购者是一批易变的人。他们不在窗口中买东西，只是通过搜索引擎来在很狭小的范围里搜索东西。如果没有他们所喜欢的商品，他们就会离开。网站销售者只有一个很小的窗口空间来吸引潜力消费者的注意力。一个优美的、不凌乱的并且只关注在商品上的设计将会使得消费者很快找到他们所想要的。

简洁的网页设计帮你拉顾客

暂不留名 — 2008-08-28 23:43:33

最近很多电子商务网站在登陆页面上放置了大量信息。而他们“汗牛充栋”的逻辑很简单：信息越多，用户越多。不巧的是，网上购物的人总是很挑剔。

Jacob Nielson 报导说网络用户在挑选和购买的过程中，变得越来越急躁。他们不会根据分类或产品介绍，花时间到网上查找信息，大部分人更愿意使用方便的搜索引擎。如果用户找不到他想要的，这笔交易就告吹。

这就使得简洁的网页设计成为关键，特别是你需要销量的时候，它能让用户更快地找到资讯。如果一个网页充斥着大量无用的文本、widget或无关的产品，那么这个网页可以说已经作废了。

不过，有些电子商务网站恰恰相反。他们喜欢搞“多点开花”，以图给潜在的用户尽可能多的选择，在网页上添加了许多无用的信息、广告和无关的产品。而不是清楚的一个网页一件产品。

更少的产品意味着更多的关注

许多网络公司可能忘记了一条电子商务的基本规则：网络购物越简单越好。可以在亚马逊点几下鼠标就买到的DVD，谁也不想驾车跑几公里外去买。如果购物的过程简单快捷，顾客甚至不会介意多花点钱或多等些时间。

苹果公司已经完全掌握了极少主义艺术网页设计。如果你打开他们的主页，只会看到三样东西：
   * 一个简单的顶部导航
   * 主体部分的一件产品
   * 在倒影部分的产品相关链接
除了标准的页脚导航，整个主页仅由这三个部分组成。以下是点击一件产品进入的网页（以 iPhone 为例）。

在产品页面，你第一眼就能了解这个网页是关于什么的：iPhone。产品本身占据了大部分的页面，周围是新 iPhone 的特点和一些应用程序。但更重要的是，我们要了解这个网页上没有什么：
   * 无关的产品
   * 无关的侧边栏广告
   * 过多的重复
   * 混乱的排版

苹果公司用一个舒适的页面展示了足够多的信息。展示大量的信息没有错，只要让它看起来并不多。这样你同样可以看到所有的信息，链接和图片排列在 iPhone 的周围，同样发挥了作用。网页上没有任何无聊的广告或无用的其它产品的信息。

这儿有一组经过实践考验的方法，任何设计师或网页开发者都可以学去，免得糟糕的页面布局把顾客赶走。

只有你需要的。简单的网页设计中最重要的一个方面就是，只展示你要卖的产品。但这不是说你不能向用户展示大量的信息。你只需要确定用户想了解更多的信息。苹果大量使用“Learn more”链接达到这一点。

减少点击次数。顾客到达想要的页面点击次数越少，对你来说可能的回报就越高。可别让顾客劈荆斩棘去买你的产品。

“奶奶”规则。如果你的奶奶（或任何年老的人）可以通过你的网站了解如何购买产品，那么产品被购买的几率就很大。无用的信息会很快把你的奶奶搞晕的。

减少分栏。你每增加一个分栏，显示内容的空间就少一截。顾客不想要的东西占据了太多的版面，这就无法强调主要的产品。

尽量减少操作菜单。展示产品应当避免无关的干扰，推动顾客购买的进程。顾客在选购时都希望尽可能少的思考，要让顾客有更多思考的空间并专注于购买的过程。

保持整洁。一个干净的设计可以让访问者心情愉悦。多花点时间确保你的网页布局美观，这样才会有回头客。

作为设计者应该从顾客的角度审视网页设计。你会在自己设计的网站上购物吗？

其它优秀的电子商务设计实例

Bell.ca 只使用了很少的色彩来展示品牌，而给浏览者的操作菜单只有主导航栏。注意设计者是如何安置这么多不同的菜单——购物导航，还要同时照顾到私人和企业客户。网页不仅不凌乱，反而显得简洁明快，提供了很多菜单，但并没有迫使浏览者一一浏览查找。同时也要注意到顶部的产品导航设计得有多聪明，我想没有谁还会选错产品了吧。

Shoeguru.ca 展示了一个完全以用户和产品为中心的设计。似乎产品本身就是一名推销员。网页上除了产品毫无其它无关的东西；甚至连导航菜单都“少得可怜”。

Etsy 在主页上放置了如此多的信息却丝毫不显凌乱，简直是网页布局的样板。Etsy 的产品目录很繁杂，但优秀的设计使其显得轻松朴实。事实证明，一个实用性的主页也可以有很好的商业效果。

Crupress 是一个文雅的图书网站，没有什么娱乐成分。主页上有大量的文本，并没有搅乱用户的思绪。顶部的导航很醒目，但也只需要瞟一眼就能了解。所有的设计元素水乳交融。

Tokyocube 是个有趣时髦的销售日本产品的小网站。网站没有浪费宝贵的空间来介绍产品，而是把他们摆放在屏幕的右侧。网站使用大量的留白使得用户能够快速清晰地欣赏产品。谁也忍不住要点击几个玩偶好好瞧瞧。

Furious Tees 相对前面几个网站更注重图形设计，主要有两点作用：
* 体现网站活泼的基调
* 清楚的显示所有的衬衫只卖19.99美元

访问者也不会忘了 Furious Tees 是卖什么的，产品不都在面前吗？把产品都放在主页对于那些销售新奇产品的网站特别有益，因为通常人们都不会去找这些东西。

但是把产品都集中放在主页上，很容易把布局搞乱。Furious Tees 很好地避免了这些问题。他们把关注都集中在 T-shirt 和风趣的设计上，没有在网页上放任何侧边栏或是广告。

Basecamp (37 Signals)

论混合不同种类信息来销售产品，恐怕没有比 37 Signal 的项目管理工具 Basecamp 更牛B的了。但网页上的信息数量恰到好处。每个词语、每个图片都经过权衡。如果没有足够的信息，用户不会浪费时间去理解产品；太多的信息用户也无法招架。

得当的顶部背景色彩和公司徽标，使得下面的主体部分更引人注目。他们将各种不同的媒体融合在一起的同时，还留出大量的空白，使得用户不会一下子被繁杂的文本、图片搞晕。

最后的总结

每个网站都会要求不同类型的布局、图样和文章以便销售产品。但作为设计者有些事半功倍的办法：
   * 权衡每个词语
   * 删去没用的元素
   * 使用雅致的色彩并大胆留白
   * 控制访问者每一次看到的信息数量

记住，网上购物的人总是很挑剔。他们不会磨磨蹭蹭地挑选商品，而会使用搜索引擎搜索关键词来找到他们想要的。如果他们不喜欢看到的网页，对不起，拜拜。对于网站来说，只能用一个不大的界面来吸引这些潜在客户。一个雅致的、整洁的设计可以将关注集中到产品上（而不是其它任何东西），并帮助顾客更快地找到他们想要的。

简约的google好，还是华丽的淘宝好？

mooqii — 2009-01-15 01:39:57

做产品设计的，一般都非常注重产品的用户体验，在用户流程的设计上也尽量流畅，把多余的砍掉。而网站的运营以及市场，销售等收入部门则往往更希望能把PV利用起来，向用户push更多的东西。这里有一个不大不小的矛盾，从鸦总twitter 上的牢骚来看似乎支付宝也存在这样的矛盾。

google产品设计的其中一个宗旨就是以最快的速度让用户获得其想要的信息后离开google，这样的设计理念让用户对google爱不释手，也算是为gogle的伟大城堡添砖加瓦。

阿里巴巴在卫哲加盟之后改版了下首页，新首页看起来更简洁，提供更好的用户体验，一段时间后发现PV急剧下降，于是立马恢复纷繁复杂的首页。

在这两个案例中对我们产品经理来说有什么可以挖掘的道理呢？我觉得可以提炼出如下一些有价值的思考，尽管不一定正确。

1.当用户有明确而单一的目的时，我们设计的产品流程也应该尽量明确流畅。
2.当用户的目的性不那么强的时候，我们也许可以适当push给用户一些流程外的东西，但必须要做到如果用户想回归流程就能立马回归流程。

下面来举个例子：

比如某个人来了淘宝，虽然他可能来的时候目的很明确只是来购买手机的，但我们仍然可以假定用户的目的是不单一的，他只是来购物的，在他购买手机的同时推荐他可以买个MP3。所以淘宝的产品设计除了给出用户想要的结果之外更可以推荐一些用户感兴趣的东西（用户进入淘宝后的每一次搜索都是很有价值的数据挖掘对象，尤其是第一次，那是他的主要目的）。对于大多数用户来说他宁可去一个眼花缭乱，东西扎堆，挑东西可以挑到手酸的淘宝卖场，而不是界面冷却的ebay，因为他的物欲远没有被满足，还有很多东西值得他们去买。

而当用户选定了某个物品，准备付钱的流程中，用户的目的不仅是明确的，更是单一的。支付宝是这个流程的载体，它应该做得和paypal一样简洁。为了一点蝇头小利放弃了大局实在可惜，所幸的是目前的第三方支付的壁垒高度不是产品来决定的，相比其它第三方支付，支付宝仍可以高枕无忧好多年。

关于做减法和产品设计

zjf — 2008-09-09 00:22:02

“做减法”这个词我们经常听到，“less is more”也是业界的流行词。但咱们讨论具体的某个产品策划的问题的时候，产品经理和设计师是不是经常会被这样PK：

“这个链接还是很有必要的，用户要是xxxxx，就可以方便的找到”

“这个功能还是很有用的，如果用户xxxx，找不到可以怎么办？”

“这样做的用户其实还挺多的，所以这个功能恐怕还是要加上”

……

遇到这些问题的时候，我们如何取舍？我猜想多数的情况都是妥协吧，找个不太恶心的地方，把这个功能加上，把那个入口也加上，再增加一个选项吧……，因为这样个人承受的压力最小，也最稳妥，甚至这也不能算是一种“坏”的处理方法，起码我们知道要找一个不太恶心的位置加上。

那么有没有更好的解决方法呢？大家来讨论一下。

我的几个不成熟的观点是这样的，欢迎大家来PK：

1、做减法是需要勇气的，一个产品不可能讨好所有的用户。苹果虽好，但比较极端，不是一个值得效法的对象，也是无法效仿的。

2、别偷换“角色”和“场景”。在这些被PK的问题中，口中所称的“有些用户”“有时候”“如果…”大都不是主流的用户的主流场景吧。这些分支的情况当然要处理，然而，每一个多余的说明和链接对那些不需要这个说明和链接的用户来讲都是一种认知负担，为了10%需要这个功能用户方便地找到，而去让剩下大部分的用户承担这种认知负担吗？don't make them think。我们是应该让用户想使用某功能的时候，能够找到，就像下文中所说的那个帮助中心的例子，但用户想寻求帮助不是在这个网站上进行的主流场景，或者说这根本就是另一个场景。绝大多数的操作或许应该是让用户没有感觉、没有任何心理负担的情况下完成的。

3、做减法是一种理念。某一特定的入口，链接、模块的处理可能是无关大局的，但倘若是每个细节都是妥协的结果，那做出来的这个产品不见得是一个坏的产品，起码是个没个性的产品。

4、“人性化”是个感性而非理性的概念，重视用户使用的感觉，而非功能的完备。相信大家都用了chrome，你觉得chrome比ie少了什么，除了google toolbar和某些网页的兼容性问题外，我觉得它什么都没少，这当然不能说IE的那些功能都无用。再看看google chrome设置界面的导航。

谁都知道google的意思是“初级用户”“中级用户”和“高级用户”吧，再看看ie7是怎么处理这个导航的。

很明显前者是个用户维度的导航，后者是个功能维度的导航。

5、产品是纵深的，交互是立体的，或许不必忙着把所有的功能都直接呈现用户面前，尽管有些甚至是很好的东东。譬如你就不太容易找到Gmail和google reader的热键介绍，虽然我觉得热键很好用。再看gmail是怎么把不重要的功能藏起来的。

它把什么details藏起来了？

更多的操作是什么？这一列放不下里面藏着的6个操作吗？

你要给不在这个列表当中的好友发消息，要怎么做？

6、要简洁”“要清爽”“要做减法”这些也不是用来砍功能，砍特性的刀剑。解决问题方法永远不是只有“是”和“否”，“做”和“不做”，这样二元的，而是一定拥有第三种，第四种，第N种的解决办法，妥协其实也是行之有效的解决方法之一。

看到白鸦的文章《Design IT.(2)，关于好设计》想到了上面这些。

[译]web 2.0设计指导之一：简单

杨梅 — 2008-09-15 16:15:14

[原文地址：http://www.webdesignfromscratch.com/web-2.0-design-style-guide.cfm]

我使用“ Web 2.0设计”来形容目前占主导优势的网页设计风格，很多人用这个词来形容：

网络经济的复苏
网站和用户之间更高水平的交互
或一种社会想象，由新型的网上社区和社会网络而形成

Web2.0 式网页先睹为快

如果您没有足够的资源创建自己的2.0式的网站，TemplateMonster 刚发布的web2.0模版频道可以帮到你。当然，购买的模版不一定能完美的契合你的目标，但是为用户定制的设计也常常不能保证。

简介

我将带你过一下目前优秀的网页设计特征，仔细分析最突出的特色，讲解每个点优秀的原因，并向你展示如何将他们使用在你自己的网站上。

如果让我用一个词来总结web2.0，那将是“简单”，那我们就从这开始说起。

我是简单的极力支持者，我认为它是网页设计未来的方向。目前简单、大胆、优雅的网页设计用少来传递更多：

通过引导用户视线只浏览少量但精心选择的视觉元素，使设计师能直接瞄准网站的目标
它们用更少的语言来表达更多信息，同时精心选择的图片设计去创造看的欲望
它们认为，我们能猜测用户期望从网站得到什么

一、简单

网页设计比起以前风格更简单，这是一件好事。

2.0风格设计代表着聚焦、干净和简单，但那并不代表着要极简主义，我们应该用少量但必需的元素去达到我们的目标；有个原则是我一直坚持的：假如解决某个问题有两种方案，那么更简单的就是更好的。

这里有一些例子，注意他们把不必要的元素都剔除了，也许每个页面都可以有更多的元素，但是那样能使页面变得更强大吗？

结果你会感觉不由自主地去看主体内容，你发现自己与页面的元素互动正是设计师所希望的，而且你并不介意这种简单，同时又达到了你的目的。

为什么简单更好

·网站和每个页面都有目标

·用户的注意点是有限的资源

·帮助用户找到他们想要的（或让用户注意我们希望他们看的内容）是设计师的职责

·屏幕上的元素吸引眼球，元素越多，用户去关注的各种不同的事情就越多，同时他去关注重要内容的几率就下降了

·所以我们需要很确定的交流方式，也需要把信息噪音减少到最少，那代表着我们要找到一个尽可能少用元素的解决方案，那就是节约元素即简单

何时/如何让你的设计简单

1、何时 始终如此

2、如何做有两个方面能让你成功做到简单

1）在不影响效果的情况下，去掉多余的元素

2）能达到同样效果的可行方案中，选择更简单的

看起来达到完美的结果，不是没有东西可再添加，而是没有任何东西可被去除的时候，每当你设计的时候，有意识的把去除多余的视觉元素作为准则。

不要把注意力特别集中在和页面目标相关性比较小的区域，因为用户视线在关注这些时会分散在主要内容和导航的注意力。利用视觉细节如线条、文字、形状和颜色去传达信息，而不仅仅是为了装饰。

这里有个设计的例子，由于不够简单而深受其害：

Yaxay 的界面用了很多像素，但是大多数都是修饰性的，一部分是页面的背景。相对少的像素被用来让用户找到或理解信息或被站点吸引。

想想这个页面看上去东西可真多啊，但是能使真正的导航、内容和交互特征清晰的元素实在太少了。

爱德华•托佛特用“数据墨水”（如可以传递信息的细节）和“非数据墨水”（如只是修饰的细节）来形容这一现象。

托佛特的衡量信息设计（图形，图表，演示等）有效性的一种标准是数据墨水和非数据墨水的使用比例，数据墨水使用的比例越高，设计的有效性可能就越高。

以Yaxay第二幅的细节图为例，它有太多被称为“繁忙”的元素，比如大量的边缘、色调、颜色变化、形状、线条……很多要看的元素，但是在这个细节真正有用的是：

网站的logo
导航按钮上的标签文字：art gallery

剩余的其他“繁忙”元素：背景上的形状、界面上的斜线、网格、渐变……所有这些噪音都是非数据墨水，因为它们都不能传达信息。

我并不反对网站设计的丰富、复杂或美感性

简单的意思：无论采用什么方式，只要是为了让信息传达更顺利的元素是越多越好，当然，通常你要传达的不是硬数据，而是软数据；

硬数据：指事实，如新闻、股票价格、列车时间或你银行账户的存款……

软数据：涉及信息传达的质量，如公司给人的第一印象，服务提供者是否亲切，一种产品是否适合你……这些都是同样重要的。

无论你要传达的是硬数据还是软数据，你都应该有意识并谨慎的使用元素数量。

以下图为例：

Alex Dukal的站点很丰富、有趣、吸引人，它用了一系列视觉技巧来引起你注意，让你感觉有趣，对Alex的工作给你一种温暖的感觉。但是它也是简单的，因为它谨慎而敏感的使用像素、墨水或繁忙元素，它并非是没必要的，而是节俭而丰富的。

无论怎么说，当你使用墨水、像素时要明智的选择，用它来传达首要的信息，同时，问问自己用少量的元素能否有效的传达信息，如果可以，就这样做。[未完待续……]

第一次翻译专业性文章，有不得到之处欢迎指正：）

我的产品瘦身日记

A-宣 — 2008-09-21 23:39:14

烦恼：

· 如何设计一个舒服易用并且看起来非常简单的Web产品。
· 需求方(运营或者老板)，经常要求对产品加入新的功能和功能点，系统变得越发肥胖。
· 产品运营到一定阶段之后，结构和功能的梳理变得异常复杂。

如果你试过了改变视觉风格，甚至拒绝改动这些方法都不太凑效。
不妨试试这个“瘦身日记”。

Okay，我们开始。借鉴女孩子的瘦身经验，我们把Web产品的瘦身分为三个阶段来进行。
一· 瘦筋骨：卸掉包袱 - 信息架构瘦身
二· 瘦外表：自然妆容 - 视觉层次瘦身
三· 瘦方法：养成习惯 - 坚守瘦身方法

一：信息架构的瘦身
如同人的骨骼，保持信息架构的清晰是由里至外，抵御系统变臃肿的基础。
我们清晰的认知到：信息架构就是合理的组织信息的展现形式。页面的信息架构是由角色加之以任务而形成。好让使用者与用户容易寻找与管理的一项艺术与科学。

如图所示：应该怎样组织和归类页面结构，角色和任务呈现给了我们一条基准线。产品定位结合用户研究得出角色和任务。一个良好的解决方案应该是用减法来提炼任务过程而不是用加法来增加用户的认知负担。

我们不妨来举个例子：一个电子商务平台，发布商品的页面。
主要角色的主要任务：已登录用户选择一种适合的发布方式。
主要角色的次要任务：查看相关发布规则。
次要角色的任务：未注册和未使用过发布功能的用户
马上体验和学习功能。

如图所示，把不同角色的任务叠加到页面中，一个页面的信息架构最完成了最简单版本。

二：视觉层次的瘦身
我们把视觉元素根据任务结构主次及归属关系分层呈现。即页面中最醒目的区域为页面中的主要任务标题(页面中我能做什么),最终目的是为了包成视觉层次的清晰及简单。就像翻一本书一样，用户可以根据自己的需求准确快速定位到自己所要的信息。我们暂且叫它“页面视觉索引”。

第一层次：任务标题或区域（我能做哪些事情）
第二层次：任务内容（我该怎么做）
其他层次：任务辅助信息

继续刚才那个例子，我们可以得到这样一个视觉层次的效果，用结构而不是过多的加粗，颜色变化来呈现不同的功能和信息，这里只举了一个简单任务的例子：

三：坚守瘦身方法
经过了前两层瘦身，只是实践了万里长征的第一步。经历过戒烟和减肥的朋友可能都明白：难得不是改变，而是坚持。因此，我们的瘦身计划还要加上这最重要的一环：坚持设计方法。这个方法和艺术一样，需要不断学习，实践的执着追求。把它们按一定规则分类整理，甚至打印成册，像传教士一样去相信它，在团队传播它。当你的老板和运营在给不同页面的空白处不停增加功能点时；当同一个Web产品不同的功能信息呈现方式差别很大时，当越来越多的用户开始抱怨“不知道，找不到，不会用”时，就是我们反省自己的时候了。

到这里，我们经过信息架构，视觉层次和坚持方法的梳理这些设计方法和思路，来让Web产品变得更加轻巧和易用。相信电脑前的你也有一箩筐的产品设计方法要表达，那好，马上开始吧。

本文分享在UCDCn的小笼包子会第一期中，可以点此参与讨论。

相关话题：少即是多，给产品做减法源地址：http://www.a-xuan.cn/?p=209