设计思想 - UCD大社区

关于用户体验与产品价值

kent.zhu — 2013-04-10 19:40:10

解释一下，这里说『产品价值』也许不准确，但是我没找到更合适的词，所以，将就一下，我具体会描述清楚。

上午在折腾Mac下的虚拟机，烤了一个别人装好了的Win7系统，做简单的优化，卸载360的时候遇到一个界面。于是，我发了一条微博，并评价到『这是一个很牛逼的设计，值得学习』。看了一下微博的反馈，大家都觉得我是在黑360安全卫士，觉得这个设计很脑残或者体验很糟糕。

实际上，我确实是觉得这是个很值得学习的，很牛逼的设计。

360安全卫士的这个卸载界面设计，跟早前新浪微博每次更新新版本之后，提示用户发送一条微博，且把取消分享做的很不起眼是一个类型的设计。

这2个设计，站在产品经理的角度，我都是支持的，并且认为确实是应该这样做的。但是，可能更多的人会站在『用户体验』的角度来思考，认为是个『很糟糕的体验』或者有点『强奸用户』。

我一直认为，产品设计是一个很讲究『平衡』的艺术工作。平衡产品的利益与用户的利益，通过『设计』在两者之间找到平衡点。

也许你会认为，只要跟用户的利益保持一致，自然就可以获得产品的利益，但，实际上，这往往只是个美好的理想罢了。

更多的时候，用户的利益诉求与产品的利益诉求是冲突的，而产品的艺术就是去保持这种平衡，实现共赢。

所以，我常常把构建一个产品循环比喻成『设计鱼池』，用户就是鱼儿，产品设计者是在设计一个鱼池，让用户在鱼池中活动。鱼池设计的目标是让鱼儿在其中按照设计者的思路游弋。

实际上，用户体验并不等于用户的体验，而是服从与产品战略层的一种体验。我这么说，也许很多人觉得有点被颠覆，但是，你仔细想想，一个不符合你产品战略的『优秀的用户体验』，意义何在？

今天我们也在移动饭醉团中讨论过360安全卫士的这个设计，@oxygen 提到一个观点『用户价值大于用户体验』，我很认同。

对于新浪微博而言，更新之后发送一条微博，是要告诉更多的用户去升级，去体验更新的服务；对于360安全卫士而言，卸载之前再次跟用户对话，是想再能继续的帮助用户去解决一点问题，挽留住这个用户。

虽然，这2个设计，从交互上看，跟用户的预期都不一致，但是，用户价值是有意义的。作为一种平衡，舍弃掉『跟用户预期不一致』这个体验的收益很明显。这，确实是一个好的『设计』，值得学习。

当然，也许在交互的方式上或者界面的表现上确实是有值得提高的地方的。比如，早前有个设计案例是说，当你点击退订某个EDM的时候，界面会出现几个被揍的半死的产品经理的形象，这种卖萌的方式很多用户会乐于传播。

—— 微信添加 iamkentzhu 为好友，有更多精彩等着你

源地址：http://www.ikent.me/blog/4530

好的产品关注功能，优秀的产品关注情感

Steven — 2013-04-08 13:05:52

「好的产品关注功能，优秀的产品关注情感」

产品设计当中的趣味性、愉悦度，这些都是针对用户情感化设计的领域

功能、实用性，这些需要很强逻辑性的事物很难和情感产生关联，并不是指这些不重要，它们很重要，它们是基础，但缺少了情感的作用，很难产生一些东西，像：快乐、愉悦、悲伤、美…

花、大海、春天、小屋… 这些都是很普通的名词，但将它们富有诗意的组合在一起：我有一所房子，面朝大海，春暖花开。接受者会投入不同的情绪去理解这样一个组合。

上面这些名词就像我们在设计过程当中所遇到的各种元素，按键、菜单、icon、动态效果… 将它以诗意的方式组合在一起，由此用户产生了情绪上的波动。

交互设计的本质是对用户行为的一种设计，直达内心的设计能够影响用户自身的情感，从而导致用户的行为。常会有设计师说将用户当成是一个易怒、情绪不定、不明理的人，为什么？因为人的本质是非理性的，逻辑是理性层面的考量，而面对情感这个潜藏在理性背后的东西，需要设计师有深厚的功力，这不是单纯技巧上的问题，而是一种时间、感觉、情绪等综合的圆熟。

针对用户情感进行设计时需要考虑产品的用户群，情感设计的应用将会为产品塑造个性，需要明确产品个性是否与目标用户相符。所以题主需要考虑一下，所说的趣味性是否与产品所预期的个性相符，这很重要。

交互设计中的趣味性如果让我用一句话表达，我会说：「情理之中，意料之外」

扯回到正题，交互设计中，哪些做法可以增加趣味性，或提升操作愉悦度？
btw.自己对有趣的定义可能会与大家不太一样。

方式1：「延伸现实」
最知名的例子莫过于，iOS的惯性滑动效果（或许有同学会不同意，但这真的是我认为很有趣的设计），这样的一个设计，在我眼中可以用两个字来形容–惊艳，什么样的设计师才能够对周围世界的观察敏锐到如此境界呢？让我们记住这个人的名字吧 — Bas Ording，可以说没有这个设计可能就没有iPhone的诞生吧，传送门：乔布斯最关注的iPhone 专利：惯性滚动

图1 惯性滚动专利示意图，专利传送门（翻墙）：List scrolling and document translation, scaling, and rotation on a touch-screen display

这样的设计见微知著，简单、有力、充满乐趣，看似微不足道，但影响巨大，乃至整个iOS的框架就建立在类似这样的设计之上（多点触摸，惯性滑动），即便是刚接触的用户，也能轻易理解这项设计，同时，对于用户进行操作时情感影响也很大。ps.由于工作需要多在两个系统间切换，当从iOS切换至Android时，生硬的边界反馈常令我索然乏味。

时常在想，如果换成是我，将如何进行设计才能达到与iOS惯性滑动同等的效果？

之后，设计师Loren Brichter在惯性滑动的基础上延伸了它的功能性及趣味性，下拉刷新，被Twitter收购后最近正在申请这项专利。传送门：滑动解锁是苹果的专利？下拉刷新是Twitter的

从零开始设计出新东西可以是创造，而在已有的基础上创造也是一种设计。

图2 下拉刷新

方式2：「触景生情」

图3 香蕉汁包装设计 – 深泽直人

通过视觉的的手段，微妙的启发用户的感觉及情绪，这里用深泽直人的一个包装设计做一个例子吧（如图3）。
此类方式也是目前在各APP上应用最多的设计技巧。

方式3：「小把戏」

图4 Google搜索结果页面转跳设计

对枯燥的事物进行转变，以一种轻松、幽默的方式进行展示，在不失其功能性的基础上增加一些想像力，这样的尝试能够使用户产生有趣且愉快的感觉，这是一种积极情感，对你的产品也会有正向的帮助。ps.别使用过头

图5 微信中的蛋糕雨，快捷酒店管家日房左侧的纸巾以及提示图片

方式4：「保持新鲜感」
人们往往会忽略身边所熟悉的事物，这是人本身的适应性所造成的，当在熟悉的状态当中出现新奇有趣的东西时，人们的注意力也会被集中过来。

这种方式常应用在游戏类的APP当中，增加新的装备、新的玩法、新的资料包… 令用户能够在现有游戏框架拥有不一样的游戏体验。

还有像，输入法产品的皮肤，输入相对是一个枯燥的过程，为了令用户在这个过程中能投射入一些情感，会为其制作并不断推出新的皮肤。ps.不过更换皮肤是一种被动的选择过程。

图6 百度Mac输入法皮肤（听说近期会有品质更高的皮肤出现）

方式5：「充分利用声音」
声音对于我们的情感有一些特殊的作用，节奏和旋律的变化都能够影响到用户的情感，有时可能只是一个单一的声音，现在请你们在脑海里回响一下：QQ新消息的声音、微博客户端下拉刷新的声音、Windows开机时的启动音…

在你的APP当中增加一些有趣的声音，实例化一下：设计一款计时器，在时间倒数时出现时钟的嘀嗒声，接近结束时出现一种急促声，引发用户的注意，结束时出现水壶烧开的声音（现实生活中，水烧开时的声音会令你快速产生动作），这会不会让用户感觉到会心一笑呢？

除声音外，充分利用身体的其它感官来增加APP的趣味性。

方式6：「游戏」
游戏本身就充满了交互的趣味性，做为设计师需要考虑的只是如何将游戏引入到产品设计当中，或将产品以游戏的方式展示。例如：Android解锁屏幕，以游戏、益智的方式实现加密以及解屏的功能，很优秀。

图7 Android解锁屏

先写到这吧，所有的设计其实都已经你的脑中，只是看你如何去发现它们。

ps.从内心深处觉得设计不应该始于技术或功能，但实际往往受限于技术及功能，这是一个矛盾的事实。

源地址：http://www.jianjia360.com/?p=408

关于移动应用的上下文情境

c7210 — 2013-04-08 13:02:46

要打造终极完美的体验是不可能的，因为每个用户都会以不同的方式使用产品，其中涉及到的因素有方方面面，包括文化、社会环境、个人品味、目标动机等等。

虽然这些因素使得我们难以精确的了解不同的用户在使用产品的过程中产生了怎样的体验，不过，对移动应用上下文情境的研究可以帮助我们对这些因素进行梳理，以便尽可能全面深入的了解用户，有针对性的打造产品的体验模式。

三种情境

在实际设计与开发一款产品之前，充分的研究工作是非常必要的，我们至少需要对产品最核心的那个目标用户群有所认知。这项工作不需要进行的很复杂，有时候一支笔、一张纸，外加一些常识就足够了。

对上下文使用情境的研究特别有助于在前期预计产品投放到市场后会遇到的一些陷阱和潜在问题。上下文情境分为三类：

物理情境：用户在使用产品时所处的物理环境。
技术情境：会对用户理解与使用产品产生影响作用的技术因素，包括移动应用自身的设计，以及产品所处的系统平台、硬件设备等等。
社会情境：对产品的推广传播起到推动作用的互联网社会属性。

物理情境

作为产品的设计与开发者，我们通常会将注意力过多的集中在产品本身上，从而忽视了很多会影响用户体验的外在因素。了解用户、提升体验的第一步就是要明白目标用户是怎样使用产品的。他们在怎样的环境中使用你的应用，在家还是路途中？使用的时候是否会处于匆忙的状态下？是否时常有外部因素会导致使用过程被中断？

让我们说的具体一些，比如当你正在手机上玩游戏时，很有可能是因为在等车而打发无聊时间。玩游戏的过程随时都会被打断，例如车来了，你必须上车；这时游戏的体验就中断了。当你在车上坐定之后，又会拿出手机继续之前的游戏，此时你显然希望可以从之前中断的地方继续玩下去。对于这款游戏产品来说，暂停按钮或是退出时自动保存进程的功能就是必需。

通过创建这样的情境剧本，你可以比较清晰的预见到产品在实际使用当中有可能遇到的问题。

我们可以从两个方面来分析产品所处的物理情境：一是环境背景，例如户内或户外、背景噪音、光照强度等，二是人的行为状态，例如行走、驾车、站立等待、下厨、购物等。结合用户的核心目标与需求，分析他们通常会在怎样的环境背景与行为状态下使用产品，你将发现很多有可能影响产品体验的外在因素，并在设计过程中有针对性的进行解决或规避。

下面我们将物理情境方面的问题汇总一下：

用户通常会在怎样的地理环境使用你的应用？
这样的地理环境当中有哪些因素会分散用户的注意力？
对于这些干扰因素，你的产品当中能否有相应的预见与响应机制？
用户在使用你的产品时是否通常处于多任务状态下？
用户自身的行为状态是否会干扰产品的使用？
对于用户自身行为所产生的干扰，产品当中能否有相应的预见与响应机制？
是否有必要根据用户在使用产品时通常所处的地理环境，对产品的功能与设计进行优化调整？

相关阅读：iOS Wow体验 - 为应用的上下文环境而设计

技术情境

另外一个需要考虑的是产品自身的设计、技术特性，以及用户使用产品的技术能力。举个简单的例子，眼下有不少关于拟物化与扁平化界面设计风格的争论，实际上，一个大体的原则是，无论使用怎样的设计风格，都必须确保界面的自解释性，使用户能够在很短的时间内理解并上手使用。

充分的测试工作是很有必要的，譬如你新设计了一个自认为非常容易理解的图标，但是用户很有可能因为从没有见过这样的设计而无法理解图标的含义。

在设计过程中，通过纸质原型进行可用性测试总是会有帮助的。简单快速的测试工作不需要很大的成本，却可以帮助你观察实际用户与产品原型之间的实际交互过程；记录并分析他们的反应和决策，这个过程可以为你带来很多意想不到的信息。

根据目标用户的群体特征来选择产品面向的系统平台，这也是一个重要的决策。你需要问自己一些具体的问题，例如产品功能对平台设备有怎样的技术需求，对系统资源及电量的消耗如何，等等。像待办事项这样的轻量级应用不该产生很大的耗电量，用户也很难保留功能有限却非常耗电的应用。设计师应该与开发者一起，将这些有可能影响产品体验的技术情境要素考虑进来。一些典型的问题包括：

根据目标用户的特征，你的应用产品需要支持哪些系统平台？
不同系统平台之间的优势与劣势在哪里？
应用需要利用的硬件设备功能有哪些？
应用对系统资源的消耗量如何？
目标市场的技术前景如何？
应用是否需要用户保持网络连接？
应用对于流量的消耗量如何？
在功能设计与技术上有没有可能降低数据的传输量？
怎样确保用户数据的安全？

相关阅读：怎样打造高性能的移动体验

社会情境

考量移动应用产品所处的社会情境是具有挑战性的。互联网将整个世界连接了起来，我们不能低估各类社交网站对产品推广和传播所起到的作用。

我们需要判断产品身上有可能具有的社会化因素，考虑能否有效的利用互联网的传播能力。如今，“分享”或“喜欢”这类功能是很常见的，不过你需要首先弄清楚这些社会化功能与自己的产品是否具有相关性，能否有效的产生附加价值。

要考量产品的社会情境特征，我们需要从用户的角度出发考虑一些问题：

用户的目标和实际需求是什么？
产品的目标是什么？
用户是怎样与产品进行互动的？
用户与产品互动的过程中需要集中多高的注意力？
产品有哪些核心功能？
用户是怎样使用这些功能的？
用户使用产品的方式是否会与设计目标有所出入？
用户对于界面会产生怎样的反应？
用户使用某些功能的时候是否需要保持网络连接？

通过对社会情境特征的分析，你可以发现产品当中那些有利于社会化传播的功能与文化元素，并有针对性的推广给潜在的目标用户。

总结

你即将或已经开始设计开发一款移动应用产品了吗？记得考虑以上这些有可能影响产品体验的上下文情境因素。要打造一款能够真正帮助用户解决特定问题的产品，这方面的研究工作是必不可少的，毕竟，在真正设计和开发工作之前，你应该了解用户为什么会下载你的应用，以及他们会在怎样的环境中以怎样的方式使用你的应用，如果有可能的话，又是否可以促进他们主动传播你的产品。

源地址：http://beforweb.com/node/180

符合黄金分割的抠菊花造型

西乔 — 2013-04-01 09:06:35

多么垃圾的设计稿上只要加上黄金螺旋，看起来就像是经过专业设计的垃圾了。

上图是我用随便找到的一张照片做的演示，经过几十分钟的研究，我发现非常巧合滴是，这抠菊花的造型也如此完美地契合了斐波纳契黄金螺旋这一神秘的美的规律，专业，紧密，浑然天成。

如果你的设计稿不入流怎么办，找黄金螺旋，缩放来缩放去，一定找到你设计稿里某个元素能凑上的边线或拐点，咔嚓对上了。这就叫艺术“掉书袋”吧。

当然我同意创造一种基于数学思维的艺术是可能的。在设计中运用几何结构是一个非常古老流派。在设计中使用Grid system或参考线是可取的，很多情况下非常有效的，用来统筹布局、统一定位。对称，等分，黄金分割在视觉上的确也有特别的效果。比较离奇的还有√2、√3、√5这些比例，估计质数什么的也有人试过了。。。

这个流派有人信奉有人不信。但是过于迷信这些有理数或者无理数的神奇效果，我觉得是没啥必要的。用什么工具信奉什么理论不重要，重要的是你做出来的，得是个东西。

其它的也不多说了，我来讲一个丢勒 Albrecht Dürer 的故事。丢勒是文艺复习时期最著名的德国画家和艺术理论家之一，（我认为他的最高成就在铜版画和木刻画）。

他写过几何学著作《度量四书》和《人体比例四书》，研究的几何结构包括螺旋线、蚌线、圆外旋轮线以及三维结构、多面体结构和倍立方， “偏爱托勒密的方法超过了欧几里德的方法”，非常有前瞻性地把几何学原理应用到建筑学、工程学和版式编排设计之中。

他曾经说过：
“……没有什么东西比一张毫无技巧笨拙的图片更让健全的判断力所讨厌了，尽管花费了许多心思和努力。现在这类画家没有意识到它们自身错误的唯一原因就是，他们没有学过几何学。没有几何学知识，任何人都不可能是成为一名纯粹的艺术家，但是应该谴责他们的老师，他们自己对这种艺术是无知的。” – 丢勒《Of the Just Shaping of letters》 1953

丢勒代表着“健全的判断力”蔑视你们这些无知的不配称之为艺术家的小瘪三们。是不是很耳熟。

但是，然而, although, but, however, 丢勒在死前的一篇附于他的几何艺术学著作的最后一卷书后的美学短文中，他写到：“一位艺术家应该凭借丰富的视觉经验去想象一个美的事物”。“一个人随手在半张纸上花一天的时间用铅笔画出的东西，或在一块小木头上刻出的东西，可能比另一个人花了一年的辛勤劳动炮制出来的大作品更有艺术魅力。”

In other words, that an artist builds on a wealth of visual experiences in order to imagine beautiful things. Dürer’s belief in the abilities of a single artist over inspiration prompted him to assert that “one man may sketch something with his pen on half a sheet of paper in one day, or may cut it into a tiny piece of wood with his little iron, and it turns out to be better and more artistic than another’s work at which its author labours with the utmost diligence for a whole year.”

附：审美、效用与情感——关于icon和Logo设计的一些想法

源地址：http://blog.xiqiao.info/2013/03/28/1387

产品成长中的”节外生枝”

ico — 2013-03-22 07:59:47

是否经历过这样的场景，“网站中边缘的商品，却发现卖的意料之外的好”；”页面中的大banner却敌不过某处的文字链”；”流程上给用户加上的贴心功能，反而却让用户迷茫” 等等，这些意料之外，”节外生枝“的事情，是不是和当初设计功能时初衷完全不同？这篇文章就像简单讨论下这些“节外生枝”的事情。

节外生枝与 “节外生籽(种子)”

如果换个角度，从“节外生枝”变成“节外生籽(种子)”，可能会有疑问产品还没有做大做强就开始想着做别的？怎么还会做得好产品？其实并不是这样，每个产品都会有几大类型的用户，主流用户，专家用户，随意用户，边缘用户。边缘用户的需求和主流用户的需求是不一样的，产品抓住主流用户就可以了，但如果发现一颗有潜力的种子，培养一下也可以把边缘用户再转化成主流用户，并非对当前产品忽略。先看看几个例子：

饿了么最近推出的“订奶茶”产品，主打订奶茶，虽然和外卖一样都是预订，不过从人群上来说“外卖”和”订奶茶”是2种有交集不重合的人群，身边的同事有中午叫外卖的，有习惯出去吃饭的，也有中午自己带饭的？如果下午休闲时刻大家一起叫一杯奶茶是不是又是另一种情况了？这些不习惯订外卖的人，并不一定会对订奶茶这件事没有热情，把这块单独分离开，保留奶茶，下午茶，鸡排的分类，并且做更多方便的“订奶茶”的功能，可能对“外卖”的“边缘用户”产生影响，再转化成“订奶茶”的“主流用户”，拉动“外卖”这件事，从人群，行为，场景的不同，换一个角度，也会发现产品的种子。

大众点评的“周边快查”也是如此，有些用户只是快速的查找附近银行，ATM，邮局等，最多用到这10%的功能，却要去消化目前完整的点评客户端，随着点评客户端越来越大而全，这部分的空间会越来越挤压，所以大众点评拿现有产品，做了删减和优化，推出“周边快查”的应用，也可以帮助这些“边缘用户”变成“主流用户”。

种子的成长

种子的成长会有3部分，从“发现种子”-“培养种子”直到“茁壮成长”，除了之前之前提到的，饿了么的“订奶茶”，点评的“周边快查”，国内还有不少产品都有他们的种子产品，比如：美团的“猫眼电影”，美图秀秀的“美颜相机”，等等，关于具体的成长，我们就拿美团的“猫眼电影”来举个例子：

发现种子：

美团通过销售数据分析发现团购商品中的电影票的销量非常好，人们非常喜欢通过团购的方式看电影，又分析到整个电影行业在未来几年仍然会持续不断增长的行业，这是个非常有潜力的市场，团购电影票可以誉为种子。

* 2011全年美团卖出430万张电影票，占电影行业1%份额 2012.01.10 【来源: 中国经济新闻网《美团网全年卖出430万张电影票：销售额1.2亿》】

培养种子：

发现了种子之后，美团推出“网页的电影频道”和“美团电影App”，这样团购电影的用户不用再每次在这么多团购商品中查找电影票了，直接可以在美团电影App中找到，同时提供了电影信息，评论，附近电影院位置，更加灵活的把单纯的购买变成平台，把一些只在买电影票想到美团的用户发展成为“美团电影”的主流用户。

* 2012.02 美团推出美团电影App 2012.02.28 【来源：Appstore】
* 2012.11 团购电影票占总体票房份额 16.7% 【来源：网易科技《美团电影APP改版：去团购化卡位移动购票》】

茁壮成长：

美团电影App经过一定发展达成了一定量级，美团想让美团电影再往上提升一个等级，可以变成独立的垂直于电影的产品，所以改名“猫眼电影”并且在产品设计上全面去团购化，增加选坐，等更加垂直的功能，让用户感受到猫眼电影就可以解决一切问题，而非淘便宜团购电影票才找我们的感觉，黏度和名气大大增强。

* 2013.01 美团电影改名“猫眼电影”，目标去团购化，强调观影指南，在线选坐等功能 2013.01.24 【来源：Appstore】

(以上仅为本人通过数据报道的一些推测，如美团同事看到纰漏请多多包涵)

被抑制的种子

未发现种子没问题，如果发现了也无动于衷，那么在原本这么大的产品盘子里，种子要么被抑制，要么吞噬产品其他部分。

种子并不是可有可无的事情

“任天堂最初是做花牌的”，“诺基亚是做橡胶”，“三星是开制糖厂的”，“Skype初期只做文件共享的”，“Twitter一开始想做播客的”。这些公司在现在所做的业务，在他们创办时候做的业务是有天翻地覆的变化。虽然很多人会说有时代&科技发展的因素在里面，但是不可否认的是他们发现了自己身上的种子，在原有基础上的再一次发芽，给了自己更多的可能性，强大了自己。

图片来自，折折熊的《产品周期中的策略》

任何产品在发展中间都会经历“试错、爆发、平稳、衰减、经典”这几个周期，无非是时间长短的问题，种子在里面可大可小，有没有曾经发现过自己的产品有种子存在？

源地址：http://icojump.in/?p=2559

为什么要用户登录？

kent.zhu — 2013-03-20 13:15:56

只有登录才能完成相应的操作似乎已经成了很多产品，尤其是交易类产品的一种理所当然的规矩。所以，当你点击购买按钮的那一刻，一个讨厌的登录框就会弹出来，打断了你的操作。

你必须开始思考你是否曾经在这个产品里注册过，你的密码是什么，最郁闷的事情是，你常常还忘记了用户名…..

于是，为了完成交易，你必须再次完成注册，但是，他可能会提示你你的某个证件已经使用过了，你需要更换…..

但是，该证件是唯一的，所以，你又必须开始想办法找回你之前的账户。

好吧，当这一切都忙完了，请问，你还能记起你是因为什么而搞了这么多事情吗？还有，你还有想继续交易的心情吗？

所以，每次在使用交易类产品的时候，我总是想问一句，你们凭什么让用户登录？用户为什么要登录？

快捷酒店管家是一个典型的交易类产品。在最初的产品设计中，我们就最大程度的弱化了“注册”这个概念，同时也最大程度的弱化了“登录”的概念。我们从另外一个角度重新思考并设计了这个交易系统。

用户来快捷酒店管家是要预订快捷酒店的。这个跟你去酒店前台预订酒店，去一个代售点买个火车票完成的任务是一致的。你需要提交的基本信息，然后付钱，然后拿到房卡或者火车票。那，这里有存在登录这么一说吗？

既然是一个交易型的产品，从骨子里说就是，你提供给我相应的信息，我卖给你东西，就这么简单。提供一套账户系统，然后用户帐户名、密码登录进行交易，看似简化了这个交易流程，但，实际上则是增加了用户的负担，也打断了用户的使用流程。

所以，在快捷酒店管家，只会出现2种情况。你之前预订过，下次预订的时候直接点击预订，确认订单，就完成了预订；你之前没预订过，你需要输入姓名、身份证、手机号，确认订单，完成预订。不论是哪种情况，你能感受到的都是顺畅，无打扰，这是一个对现实生活的拟物与映射。

当然，还有另外一种比较折衷的情况。在交易类产品中，默认所有的情况进来都是填写交易需要的表单，但是，提供额外的入口允许用户切换到现有的账户模式，这个时候再进入登录页面。也能一定程度上保证用户操作流程的完整流畅。

在移动端产品设计中，因为移动设备与用户的更亲密的结合的存在，强制让用户进行登录，其实是个很反人类的事情，是在折腾用户。更快的完成任务，更顺畅的操作流程才是最重要的。

—— 微信添加 iamkentzhu 为好友，有更多精彩等着你

源地址：http://www.ikent.me/blog/4490

设计沟通的七条经验

CDCer — 2013-03-20 11:04:12

经常有新入职的同学，搞不清设计师和别的职位如产品经理，在工作内容上有什么区别。回答了几次之后，我总结出两方面的差别，简单概括为：技能和定位。

“技能”指的是设计师掌握了项目中其他角色都不具备的能力——画图。这么概括有点简单粗暴了，事实上设计师的专业能力远比画图两字涵盖的内容要广。但“画图”确实是更容易被所有人理解的说法（向家里长辈解释我干什么的时候，他们如果不理解我就会说是画图的，他们就会貌似恍然大悟地哦一声，终于听到一个他们想要的能听懂的答案了）。伴随着人机界面从命令行到图形可视化，再进化到哪儿哪儿都可以摸的触屏时代，用户对于“美”和“交互”的要求越来越高，设计师的能力和价值也愈发受到重视。

设计师的“定位”，是随着用户体验受重视而发展起来的。互联网产品有一个很重要的特点是免费。聊天是免费的，搜索是免费的，游戏是免费的，杀毒也是免费的。免费对用户来说当然是好事，但免费也意味着用户迁移的成本很低，特别是当产品同质化严重时。一款免费游戏，如果突然宣布收费，市场上又有同类游戏，结果很有可能是大规模的用户流失。和传统行业不同，在免费的商业模式之下，用户黏性、忠诚度对产品来说至关重要；而用户体验就是构成黏性的一个重要因素。于是伴随着互联网行业的蓬勃发展，用户体验设计师，以用户体验卫道者的姿态站了出来。

这么说不代表别的角色不用对用户体验负责。在一个优秀的团队中，从项目经理到开发测试，每个成员都会对最终的体验努力并负责。但设计师之外的其他角色会面临屁股决定脑袋的困境。比如产品经理除了用户体验之外，还要兼顾商业价值和老板需求；开发要考虑实现成本和技术限制；运营要负责营收和转化率等。而设计师的定位更纯粹，自身立场不存在矛盾和冲突：站在用户立场，坚持用户体验的价值，时刻提醒团队用户想要什么；同时负责设计细节的执行。

这样就引出正题了，一个项目团队中设计师和其他角色的矛盾冲突，本质上就是这层定位差异带来的。（开发：这里明明功能都实现好了，设计师你还老是要改来改去的，到底想搞哪样！）基于这种定位冲突，设计师不能简单地把自己定位在执行层面上，还要通过积极主动的沟通，推动用户体验的落地和实现。这就对互联网设计师的沟通提出了很高的要求。

实际工作中，我们每天也花大量时间在开各种会，各种讨论上。沟通的效率和效果都直接影响着最后产出的质量。但在我们看最终的工作结果的时候，沟通作为过程反而不那么直观，很难去评价和衡量。我试着列举设计沟通中容易犯的一些错误，并总结了7条经验，希望对同样在思考这些问题的同学有些帮助。下文主要拿产品经理和设计师之间的矛盾冲突来举例。

1. 避免鸡同鸭讲

双方都在说自己的道理，却不听对方是怎么讲的；或者因为沟通双方无法说出真实的想法，导致沟通停留在表面上无法深入。这两种情况下，沟通效率都很低，而且很难达成共识得到结果。

比如我有一次看到，产品经理在和设计师争执，一个在讲运营的事情，一个在讲设计规范的事情，都在尝试着告诉对方，从自己的专业角度来看，这个事情应该怎么做。讨论几乎无法进行下去，因为谁也不肯让步。这种沟通效率是很低的，双方压根就没有站在同一个层面讲问题，设计师不懂运营，产品经理不懂设计。

这种情况在新人身上更常见，因为新人刚进入工作岗位，只了解自己的专业和工作内容，还不太理解别的团队中其他成员的目标和立场，很容易出现鸡同鸭讲的情况。当发现自己和对方讲的不是一个层面的东西时，及时找有经验的同事来帮助沟通会是行之有效的办法。

另一种情况也很常见，就是沟通的其中一方不愿意或者不知道怎么说出自己真实的想法。如一个产品经理一定要设计师改一个东西，设计师怎么解释也没用，请来了有经验的同事看，也觉得这里其实不用改。沟通到最后才发现，原来是产品的老大说要这么改，产品经理在老大面前答应了要改，所以就跑来设计师这里软磨硬泡。产品经理如果可以从一开始就告诉设计师，这个需求是来自某某，我坚持是因为我答应某某说肯定可以改掉的，整个沟通就不需要耗这么久了，因为只要把这个某某也卷入一起讨论就可以搞定了。

设计师需要掌握更多跨专业知识，理解不同职位的立场；学会讲自己内心真实的想法，挖掘对方的表述背后真实的含义。只有当设计在同一层面上时，才能做更有效率的沟通。

2. 不要过早陷入细节

优秀的产品一定是有细节的产品，优秀的产品设计人员也一定是个对细节敏感而挑剔的人。但细节也同时意味着需要更多精力的投入。要让投入有性价比，就要把握好切入细节的时间点。做产品和画画的道理很像，先草稿，再勾线，再上色，是一个由粗入细的过程。草稿没画完的情况下，如果先上了一部分颜色，再要修改整体构图就非常困难了，或者就得换一张重画。

道理说起来很简单，但实际操作的时候，即便是有经验的设计师，有时也会不自觉地陷入细节。比如有次开会，会上需要确定产品的定位。偶然讲到一个遗留的设计问题，于是开始激烈地争论，直到开完会都没讨论出结果。这个设计问题重要么？应该说也是重要的，但是否应该在确定产品定位的会议上讨论，是否应该卷入这些人参与讨论？

3. 认真你就输了

团队每个成员掌握的信息是不对称的，而设计解决方案往往是综合了这些信息之后做出的判断。所以不管是谁提出来的方案，随着讨论的深入，都有可能被证明是错的，或者有更优的解决方案。

讨论中每个人都会有自己的赞成或反对的观点。见过一些人，会非常激动地维护自己的观点，和别人大吵什么是对的。他会陷入自己的思维，无法跳出来，甚至有时自己也觉着不对了，也依然为了面子而坚持。这种人往往特别喜欢坚持，和他们确定方案是件真心累的事情…

每个人都会维护自己的想法，但我们不用像捍卫尊严那样去捍卫它们。有经验的设计师会控制自己的情绪，平静而肯定地表达自己的立场；在发现自己错误的时候，能不失面子地向对的方向靠拢。做得更好的设计师还知道怎么控制别人的情绪，在轻松的气氛下把讨论搞定。每当有人很激动地表达的时候，我会笑笑跟他说，你认真了。

4. 同理心

做互联网的同学都知道要站在用户的角度看问题，最好能够一秒变小白，这就是所谓同理心。但同理心其实是典型的知易行难，不说一秒变小白了，一小时能变小白就不错了。而在做设计沟通的时候，是否能以同理心去沟通，也直接影响到沟通质量。

有这么个例子，A想了一个晚上的设计解决方案，第二天很开心地过来跟B一说，B说这个不行，我早就想过了。然后两个人就火药味很浓的吵起来了。表面看起来两个人在争论方案，其实是尊严之争。A一个晚上的思考，几秒钟就被B推翻了，B否定的不是A的方案，而是A的智商。A也不明白为什么自己火气就很大，就是要跟丫死磕。

这个例子中，B可以试着反过来想想，如果A在瞬间否定自己，自己会怎么反应，就能明白问题的症结了。这个例子给我们的启示是，永远不要第一时间否定对方，要说让我想想。即使第一时间就对是非有个判断，也要先拖一下，给自己点时间再仔细思考下方案的合理性，再给出答复。

能够想他人之所想，确实能够大大帮助到我们日常的沟通。但是和一秒变小白一样，这需要大量经验的积累才能达到收放自如的境界。不过我还是有个建议，可以帮助更好地沟通。就是当自己情绪波动的时候，可以直观地表达自己的感受给对方听，而不要防卫性地攻击。比如当对方说你的设计很丑的时候，你可以说“审美是主观的，每个人都有自己的评判标准，不过这个设计你觉得丑还是让我很沮丧”，而不要说”这个哪里丑了，这么上流的设计都看不懂你个土鳖，你倒是画个给我看看“。前者的表达直观地把自己的感受传达给对方，使得对方更容易“同理”你，后者只能使沟通变得更糟。

5. 认同“形式追随功能”

一些“有追求”的设计师经常容易犯形式大于功能的错误。

作为设计师，我们要明白，虽然界面表现很重要，但是形式是追随功能而存在的，不能为了追求表现形式而要求功能做妥协。好用和易用，都是建立在有用的基础之上的。当功能和界面表现发生冲突时，界面表现应该向功能妥协。比如要设计一款商务应用，如果为了体现设计师的成就感，非要把界面做得充满趣味性，那就违反了用户使用场景；反过来在游戏里，界面就不能设计得枯燥乏味。设计师要能够控制住自我表现的冲动，认真地理解产品定位和用户场景，然后做出好的设计。

形式追随功能，换个说法其实就是功能限制形式，设计是带着镣铐跳舞。前段时间听广研nico的分享，他对设计师的定义我很喜欢，他的定义是：设计师是有方法的人。这里引用一下再加个定语，所谓牛逼的设计师，是指在种种限制之下，依然可以用优雅的方法解决问题的人。

设计师要从内心建立起对这一理念的认同，转化到沟通中，就更容易和产品团队达成一致。

6. 引入外援

即便是富有经验的设计师，也难免会碰到在沟通中陷入僵持的情况，谁也说服不了谁。这个时候如果擅于引入外部的声音，会非常有助于打破僵持。

也许可以暂时搁下争议，回去做数据上报，一周后看数据大家再做决定？或者随机在周围找n个和项目无关的人，对目前的解决方案做个A/B test，用一场快速轻量的测试解决争议？或者找一个你们都信得过的权威来给点建议？看看置身事外且经验丰富的同事怎么看这个问题。

卷入更多的人，能帮助我们更全面客观地看待问题，跳出从“我”出发看问题时的局限。而在僵持不下时，第三方的介入也给当事人留出了一定的空间，双方退一步冷静看问题之后，更容易达成一致。

7. 教学相长

职业生涯中，什么样的队友都会遇到。神一样的固然要好好把握，猪一样的也要循循善诱。

好的设计师一定是个好学不倦的人，除了设计以外，积极地通过平时的沟通机会，了解和学习跨专业的知识。当你能理解开发是怎么实现的时候，就不会设计出开发无法实现的设计稿；当你能理解产品经理想的是什么的时候，设计返稿率一定会大大降低。

好的设计师一定也是个好的老师，潜移默化地影响身边队友的理念。把自己的设计思想和审美品味带到整个团队中来。当团队成员对设计理念的认同和审美品味趋同的时候，以上很多沟通问题就不成为问题了。是不是会“教”，或者说是否具有影响力，是高级设计师和普通设计师的一道分水岭。有影响力的设计师，能够更大程度发挥自身价值，进而影响项目结果。

严格来说，第7条已经和沟通本身无关了。持续学习并且善于总结分享，应该是每个优秀设计师的必备素质。在这个基础之上，影响团队，增强共识，才是从根源上解决了沟通问题。

(本文出自腾讯CDC博客: http://cdc.tencent.com/?p=7080)

相关话题：产品设计团队协作源地址：http://cdc.tencent.com/?p=7080

小心产品的虚荣指标

kent.zhu — 2013-03-15 20:06:40

标题来自《精益创业》，我懒的想，就借用了。

产品上线了，必然的就需要一些指标来衡量这个产品的价值。常见的比如PV、UV、DAU、MAU、ROI等等。这些数字，一定意义上代表了产品的价值，也是里程碑的象征。因此，我们会经常看到各个产品在媒体上爆料自己的数据，以展示自己的实力。

然而，随着这种里程碑意义的被放大，越来越多的虚荣性指标充斥着互联网，充斥着各种产品的宣传。更有甚者，这些虚荣指标成为了产品的KPI，为了达成KPI，更多的手段被使出来，最终加剧了这些指标的虚假。

比如，将使用过跟这个产品相关联的功能的用户全部算入到这个产品的活跃用户中。比如，始终以累计用户来衡量，而没有去掉流失用户等。类似一周内有 10 万个新用户，单月 PV 达到 200 亿，300 万个会员总数，这些数据成为产品热衷于对外PR的指标。

从趋势上看，用户数量肯定是在不断增加的，随着用户数量的增加，注册用户、激活用户肯定也是增加的，所以，这些数字看上去很重要，但其实意义不大。

类似的虚假指标的出现，在很大程度上阻碍了产品的正常发展。除了对外吹个牛逼，对内基本上都是在玩数字游戏，自己骗自己。

每个产品都应该有属于自己的可行指标。这个指标能指引产品的方向、并帮助公司作出更好的决策，这样的指标能带给公司与众不同的竞争力。这样的指标才是每个产品都应该去关注的，而那些虚荣指标，交给PR部门去对外哄哄媒体和竞争对手就可以了。

比如，点评的可行指标可以是点评数量及餐厅图片上传数量；拍照社区的可行指标可以是每天的照片上传数量，一周内回来网站并上传照片的使用者百分比；社区的可行指标可以是最近30天都活跃的用户数量。

漏斗模型是一个比较合适的衡量方式的。通过漏斗的方式，可以很好的知道产品本身的运转情况及产品的业务模型。

比如从获取一个用户到用户最终下单的漏斗中，掐头去尾，计算获取一个用户的成本是多少，用户一单贡献的价值是多少，再计算出来用户重复购买的比率，大概就能知道这个生意是不是划得来。如果划不来，是漏斗出现了问题，还是模式出现了问题？

在快捷酒店管家产品的前期，我们建立了几个漏斗模型，新用户下单漏斗、老用户下单漏斗等，用来调整产品设计，直到这个漏斗趋于稳定。然后引入新的用户进来，不断优化这个漏斗。

我们需要一套可以看出来这个产品是一个可持续的产品的指标，用来衡量这个产品的价值，而不是一个总量的趋势。比如，用户总量是增长的，但是每个新用户所产生的收益是否有提高？在总量中，新老用户的比例如何？

另外，从产品的循环来看，实际上产品的过程就是一个“设定一个假设 – 用数据去验证这个假设 – 调整假设值，继续验证”这样的一个过程。在这个验证的过程中，虚荣性的静态数据并不能有所帮助，而能够揭示产品因果关系的数据更有帮助。

—— 微信添加 iamkentzhu 为好友，有更多精彩等着你

源地址：http://item.feedsky.com/~feedsky/Kentzhu/~7248736/721713207/5099563/1/item.html

【CDC翻客】用核心-路径法设计页面

CDCer — 2013-03-15 20:06:02

译者注：文章的原名为Designing Screens Using Cores and Paths。本文作者受到城市规划中“交通需求线”的启发，提出了网站设计的“核心-路径法”。区别于通常采用的从框架到主页以及导航的方式，“核心-路径法”让设计者从核心内容入手，由内而外来设计。这个打破常规的方法能够在网站中创造最直接的路径，以便用户找到核心内容。

链接原文：http://boxesandarrows.com/designing-screens-using-cores-and-paths/

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

想象一下，当你隔着一片草坪想要到达对面的巴士站时，你是绕着草坪四周的人行道走过去，还是从中间穿过去呢？假如草地是干的，也没有被禁止进入，那么你很可能会选择最近的路线——穿过草坪直接走到巴士站。如果之前有不少人也这么干过，就会出现一条“走出来的路”。

这种计划外的道路连接了两点之间的最短距离，我们周围到处是这样的例子。在城市规划中，它们被称为“交通需求线”(desire paths\desire lines)，意思是人的自然行为和人为规划路线间的差异。

建筑师Christopher Alexander在他的著作《模式语言》中定义了“交通需求线”（1976）。对于“交通需求线”在建筑学中的应用，他给出了具体说明：

“规划道路的方法，是先在自然景点中设置目标点，再将这些点彼此相连形成路径。” ——Christopher Alexander

原则上，亚历山大的做法是以目标——即人们最终想要的东西为导向，然后将它们以最有用的方法连接在一起。

但在网页设计中，遵循的方法通常是相反的：设计师从主页开始设计。然后他们根据网站结构层次制定出一个导航方案，不管合适与否。但是目标（用户正在找的主要内容，或是他们想要做的事）却成了设计过程中被考虑的最后一件事情。

受到“交通需求线”的启发，我们可以改善这种设计网页的方法。使用核心-路径这种方法，可以指导你在网站中创造最直接的路径，以便用户直达核心内容。

核心-路径模型

“不要一上来就从主页和整体导航方案来开始，而要从核心内容入手，由内而外来设计。“

“以目标为导向。”信息架构师Are Halland在他的演讲《核心-路径法：可寻性设计》中这样建议。他概述了网页设计的另一种方法：不要一上来就从主页和整体导航方案来开始，应该从核心内容入手，由内而外来设计。就是这么直接。

这个方法基于三个关键要素：

1．核心内容

核心内容就是吸引用户来到网站的原因。从开发商的角度来看，核心即是网站提供的内容。需要注意的是，核心内容并不总是一个页面。对YouTube而言，核心内容是视频，而不是www.youtube.com上的页面。这使得YouTube也可能会有在其他网站上能够找得到的视频内容。

核心内容也可能带有辅助信息。例如，技术细节可以认为是核心内容的一个扩展。像Flickr这样的网站，对照片的描述以及用户给它的标签，都是核心内容——照片的辅助信息。

2．向内路径

用户该如何找到核心内容？有时，访客通过主导航或搜索找到核心内容。但他们也可能直接来自谷歌。或者是其他路径，例如来自其他网站，广告，直接在浏览器中输入URL链接，甚至通过RSS和时事通讯。进入路径也要考虑搜索引擎优化，例如人们搜索的关键词是什么。

3．向外路径

假设用户找到了他们要找的内容，接下来他们可以做什么、又会做什么呢？从根本上说，后续的每个交互都会给业务带来某种价值。这就是转变发生的地方。对外路径可以是从“把一样东西放进‘购物车’”到“推荐一款产品给朋友”这些操作中的任何一个。和向内路径一样，向外路径也有很多选项要考虑，包括离开网站的链接。

这三要素中的每一个都具有不同的功能。核心内容真正是为用户和业务双方创造价值的地方。向外路径的引导在这里起到了很大的作用：网站最终希望用户产生购买等具体行为。向内路径保证了可寻性，就是如何让用户在网上找到他们想要的产品和服务。而从商业的角度来看，向外路径是为网站带来投资回报率的东西。

下面是核心-路径法的图解，以Amazon为例（图1）。核心内容是一款产品，这里用红色方框中的内容来表现，包括一本书的封面和关键细节等。在左边列出用户可以找到这本书的多种方法，这些就是向内路径。把Amazon认为用户在核心内容上能够产生投资回报的行为，作为可能的向外路径列在右边。

图1 www.amazon.com的核心-路径模型

核心-路径法的运用过程

想象以下场景：你在一个小的设计公司工作，接到了一个自行车网站改版的单子。这家店现在仅有一个“小册子”一样简陋的网站，上面写有地址和营业时间。他们想引入电子商务，以便能够在线出售。产品包括高端赛车和山地自行车，以及它们的一些配件。这家店想在线出售的产品总共有1000款左右，主要的目标客户群是职业自行车选手和业余发烧友。已售出的自行车主要来自于优质品牌，因此，网站的设计应该强调自行车产品的高品质。根据核心-路径法，以下是如何设计这个网站的完整步骤。

第一步：定义核心内容

核心产品是什么？首先列一个候选名单：自行车，配件，服务等等。名单来源于脑暴，没有对错的概念。编辑完整的名单之后，确定一个核心内容和它的辅助信息。在大的团队里这意味与团队成员和利益相关者达成共识。

在上述场景中，核心产品是自行车。自行车照片是展示核心内容的关键元素。在这个案例中，自行车的功能、品牌以及产品系列是从属于核心内容的信息。辅助信息包括价格和额外的技术细节。

在优先考虑和确定这些细节之后，手绘核心内容（图2）。不要绘制包括导航和标志的整个页面，只专注于核心内容。

顾客可能希望详细的查看产品细节，所以在这个阶段要考虑两件事，第一：他们如何与产品内容进行交互。第二：要思考一旦用户找到核心内容之后的使用场景。

图2手绘核心内容和辅助信息

请记住，用户也会从智能手机和平板电脑来访问网站。他们也可能会发图片到 Facebook或者 Pinterest。这是分布式核心的一个例子。因此我们手绘出如何将核心内容放到不同场景中（图3）。同样，不要绘制页面装饰或者导航，只专注于核心内容。

图3 不同场景中核心内容展示的不同版本

从这里你可以看到，核心内容和辅助信息在不同场景下的表现形式。你可能不得不来回地通过版本的迭代来更新它们。

第二步：列出所有可能的向内路径

用户到达你网站的所有方式是什么？显然浮现在脑海的第一个是：网站搜索，主导航，谷歌和其他网站的链接。但是通过头脑风暴，能够找到更多的路径：购物比价网站的链接，乃至来自于线下媒体，如印刷产品目录。

对于列表中的每一个向内路径，都要写下设计需求，同时满足这些需求。例如，对于来自谷歌和其它搜索引擎的访客来说，搜索引擎优化和登录页优化是必要的（图4）。

图4向内路径的列表和对应的关键需求

第三步：列出所有可能的向外路径

从核心内容推测出路径。就像步骤二一样，向外路径也要满足设计的需求。依据业务的重要性把向外路径进行排序，使得后续设计更清晰。由于向外路径最终会产生商业价值，对其排序要参照商业目标。在这个例子中，通过一个明确的引导按钮将顾客带入结账流程。如果顾客不能马上做决定，那第二个优先级是给顾客提供一个链接，链接到愿望清单，或者向他人推荐产品的链接。

图5向外路径的先后次序

到现在为止，我们既不用看主页也没有想过导航。然而，我们已经完成了重要的设计决策，如核心产品的移动版本长什么样，以及用户如何与网站的主要内容进行交互。当做出高保真模型后，这些最初的界面可以进行用户测试。

第四步：将所有内容整合在一起

当你设计了核心内容，罗列了向内路径和向外路径之后，再来关注主页和导航。这个阶段的目标是让用户以最简单，最直接的方式找到核心内容。

设计网站的主页，导视页面以及搜索结果页面。手绘几个备选方案。在设计的时候，要记住核心内容和路径的元素：核心内容是什么，用户如何得到它，以及业务如何转换？

图6手绘主页—第一稿

在这个场景中，为了使顾客从主页到核心内容区，自行车商店的三大产品系列出现在主导航：职业赛车，山地车以及配件。对于目标客户来说，品牌也是很重要的考虑因素，因此品牌也包含在内。一个明显的环节——购物车和结账流程也位于导航区中。

图7手绘有过滤和排序选项功能的导视页面

以下是一个模版，关于在文章中我们捕捉的所有关键点以及描述的步骤（图8）。在本文末尾下载模版，尝试自己的核心-路径法吧。

图8核心-路径法的模版

总结

以下几个方面是这种方法对设计的改善：

识别差距。

在最开始的时候，对主要内容的目的进行质疑可以发现差距。

设计元素的优先级。

分解关键要素，可以优先考虑在整个设计中如何呈现。

聚焦设计。

核心-路径法为整个设计团队提供了一个明确的方向。

核心-路径法与其他方法直接的差异在初始阶段是很小的。但是这种影响是巨大的：现在，核心内容巍然屹立在你的设计中。网页设计中所有的其他元素服务于一个目标，那就是用户和商业的完美结合。

了解“CDC翻客”，请移步：【CDC翻客】翻客来袭！Fanke is coming！(链接：http://cdc.tencent.com/?p=6518）

(本文出自腾讯CDC博客: http://cdc.tencent.com/?p=7057)

源地址：http://cdc.tencent.com/?p=7057

一次内部“精益创业”的总结

小强 — 2013-03-07 20:07:14

《精益创业》是一本好书！强烈推荐，没有这本书，我也搞不出下面说的那些事情。

2013年之前，当你玩一款移动游戏的时候，你会发现很难获得游戏资料和游戏攻略。很多移动游戏压根没有官网，或者官网很简陋，得不到你想要的资料和攻略。只要东找找西找找。所以当时我们在公司内向尝试一下，看能否做一个产品来满足移动游戏玩家的这些需求。于是开启了下面所说的精益创业的过程。

精益创业的核心思想我觉得就是上面这个循环。另外一个就是最小化原型（这个我会在下一篇文章里细说）。

我们挑了一个外部产品做这个事情：

背景：我们只有2个人，没有资金支持，只有1-2个月的时间。所以我们的摊子铺的很小，一些不配称之为产品的东西，被我们当做最小化的原型（事后让我对最小化原型有了新的认识）。同时我们挑了一款其他公司开发的产品——《大掌门》，这么做是为了体验外部人员做这些事情的难度和可行性。

点子	开发	测试	认知
做一个游戏资料整合的事情，把散步在网络各处的攻略整合到一起，利用图形化的目录方式让内容更好找	用mindmanager做了一个《大掌门》攻略大全，涉及到了游戏的所有方面为了节省时间，只做了结构，没有添加内容	在玩家QQ群里发布了结构图的图片，看看玩家的反馈如何同时找一些玩家单独聊天，获得更深入的反馈	玩家觉得表现方式很好，但是结构过于复杂，层级太多。我们画出来的图中，很多内容都找不到资料和攻略，很多内容玩家也不太关心。
从“大而全”改为做“垂直细分”决定做弟子细分的资料攻略。我们在贴吧和QQ群里查看了最近的100个玩家问题，大部分都是弟子和血战相关	用word文档的形式将所有甲级弟子的基础属性，成长，天赋，缘，培养方向，评分等信息整合到一起。	当我们还没有放出去的时候，就感觉这个东西不行，自己看着都不爽于是回炉重做	当时已经有一个excel的版本被玩家广为流传，内容跟我们差不多。我们把做好的word放一起发现没有任何优势。所以决定在表现上下功夫，同时做的更适合移动设备的阅读。
用网站作为载体，表现上要很好，移动设备也要易于阅读。	用wordpress搭建网站，把word里的内容搬到网站上，加入更多的图片和图标，一定要美观。	在贴吧和Q群里传播这个网站，通过GA来查看数据表现	回访只有30%左右，跳出率20%以下，停留时间在8分钟。每次浏览页面数量在16页以上。除了回访低，其他数据表现都很好。但是回访低用户就无法沉淀。内容性质的产品也无法爆发，很难成长。
除了更好的表现以外，我们希望把用户评价作为一个特色，就好像大众点评和中关村一样。	加入友言评价插件，降低评价的门槛，同时可以获得一定的社区传播。然后自己先整一堆马甲号，填充一些评价。	在百度贴吧开展了一次评价送游戏cdkey的活动，每个cdkey价值10块钱，高质量的评价就可以获得。	活动被贴吧置顶的两天，评价数量很多，每天70个左右，但是取消置顶后评价几乎为0，玩家主动些评价的行为十分少。想通过评价来作为特色需要慢慢培养，不断积累，是一个长期的工程。而加了评价之后，GA上各项数据并没有明显提升。

最后总结一下：

这种垂直领域任然有机会！任玩堂做MT的专区也只有几个月，但是MT专区已经占到整个网站流量的10%，同样，着迷网的wiki版块也占到了网站整体的10%。（数据来自alexa，跟真实数据会有出入）

但是有4个难点：

1.游戏的原始数据不容易获得

2.流量从何而来？（搜索引擎细水长流，无法爆发。贴吧或者其他网站虽然能够短期爆发，但是不持久，且爆发力不够。口碑？）

3.内容做的再好，表现形式再漂亮。都只能是工具！如果只做内容，用户不容易沉淀。需要一些内容之外的东西黏住用户，沉淀下来。

4.外部竞争。不难看出，现在很多手游垂直媒体都开始对一些游戏做精细化的内容，吸引了不少用户和流量。如果再有更大的公司加入，在流量和资金方面都有更大的优势。风险很大。

PS1:这是“创业”虽然以放弃告终，但是让我们更加看透了产业环境。发现了百度的优势（搜索是入口，贴吧沉淀用户）

PS2：之前在evernote不断记录每个阶段我们做了什么，数据，心得等。比这篇文章内容更多，细节更多，但是记录的很随意，没有章法，感兴趣的可以看看，共享地址：http://www.evernote.com/shard/s94/sh/4168c76a-1029-4244-8ea8-d15d3d734769/a34904d60f0e103eeca3e77a784c09fe

源地址：http://xiaoqiang.me/?p=4063&utm_source=rss&utm_medium=rss&utm_campaign=%25e4%25b8%2580%25e6%25ac%25a1%25e5%2586%2585%25e9%2583%25a8%25e7%25b2%25be%25e7%259b%258a%25e5%2588%259b%25e4%25b8%259a%25e7%259a%2584%25e6%2580%25bb%25e7%25bb%2593

APP新手引导之殇

kent.zhu — 2013-02-28 21:14:42

APP的新手引导，原本的出发点很简单，类似于一个简洁的产品说明书，其主要目的是为了向用户展示该APP的核心功能及用法。一般出现在用户首次安装APP后打开的时候。欢迎界面一般为3 – 5屏的全屏静态图，左右滑动进行翻页，有跳过按钮；新功能指示及操作引导一般用蒙板加箭头指引的形式完成。

比如，快捷酒店管家的APP在用户首次打开的时候会出现4屏静态图，左右滑动翻页。第一屏是说我们只做快捷酒店的生意，有全部快捷品牌的货源；第二屏是说在地图上不同的房态如何展示的，因为地图的展示形式有些新颖，担心用户首次接受有障碍；第三屏是说我们额外提供了酒店的电话及导航功能；第四屏是说预订很迅速。然后，进去之后用蒙板介绍一下一些隐藏的功能的位置，因为藏的相对比较深。

快捷酒店管家的新手引导，只会出现1次，APP的版本做了更新之后再次打开，这个引导都不会出现了。因为，你已经是老用户了，新功能是在老功能的基础上迭代的，你不会感觉突兀。但是，现在想来，还是有些罗嗦，接下来的版本中，会把新手引导减少到2屏，会把操作蒙板引导去掉，因为要保证用户能足够快速的进入APP，解决当前的困难。

随着APP设计的发展，APP的新手引导逐渐成为一种标配，而这种标配，很多时候充满了不必要与乱象。

某些APP，生怕他的用户都是白痴，所以，恨不得每个功能都做一个提示，那张操作指示的蒙板，俨然一个刺猬，满界面都是箭头……

某些APP，功能和操作简单到爆，也要来个5屏的新手引导，引导就引导吧，还是上下滑动的，你左右滑半天还以为是APP挂掉了……

某些APP，每次更新都来一轮新的引导界面，真不知道这APP有多少视觉设计师在操作啊……

某些APP，看人家微信弄了个5屏的小文艺引导，也学。学就学吧，还学的不伦不类，搞的酸了吧唧的，完全是奔着写散文去的…..

打个不恰当的比方，你现在憋了一泡屎在裤裆里，着急想找个厕所，路口正好有1个，你正准备冲进去大便，这个时候，门口站了一个大妈，开始跟你说，我这厕所冬暖夏凉，在我这里拉屎蹲坑舒服无比，我这厕所瓷砖都是艺术品…..你几次三番的想冲进去，但是，大妈不说完是不会开门让你进去的，于是，你就只能听着听着，听着，然后，妈的，直接拉裤裆里了！！！

这，就是现在APP新手引导之殇，你他娘的就顾着自己在那煽情，完全不顾及别人的感受，人家只是想让你赶快的定位成功，赶快的展示出来主界面，赶快的帮我解决问题，你他娘的还一个劲的让我翻翻翻，翻你妹啊！！！老子不是来看你煽情的好不好！！！

有人说，你看人家微信，不是每次都是5屏小文艺吗，人家还在新手引导上直接来了一首歌呢，凭什么我就不能这么玩了？拜托，神有神道，人有人路，修为没到那程度，就别练那心法，不然就是走火入魔！微信这种极客范儿的小文艺，很难学的来的，这是一种骨子里的东西。

不信？那，我们来简单看几个例子。老规矩，中枪的算你倒霉！

左侧第一个，某问答社区的APP。第一次打开后，进入到某个答案具体页面的时候的新手引导。提示右滑可以返回，为了看答案，你得把这个提示消除掉，当你点击那个蒙板，你以为可以消失，但是，他，真的就，返回了，返回了，你妹的，我是来看答案的啊，你给我返回了，你什么意思！

中间那个，你们能猜出他是什么APP吗？这是他首次打开的新手引导第一页。然后，你知道该左滑还是上滑？反正我是亲眼看到某个做产品的人在这里呆了半天….

右侧那个，微信的漂流瓶新手引导。如果你拣到瓶子，立刻就点击了，是永远不会看到这个提示的。只有你捡到了，但是几秒没任何操作的时候，才会出现这个。你看，这才是优雅的引导！

所以，在绝大多数情况下，形式不要大于功能！（注意看，这里有个度的限制）作为设计者，永远应该想到的是，怎么让用户爽，不要做那么多的铺垫，简单粗暴一点更合适。对于APP的设计，有些东西，只是一个简单的辅助，但是一旦辅助变成了绊脚石，那就是问题了。

—— 微信添加 iamkentzhu 为好友，有更多精彩等着你

源地址：http://www.ikent.me/blog/4335

【CDC翻客】移动用户体验要素（下篇）

CDCer — 2013-02-28 21:13:46

译者注：对于移动用户体验的从业人员，本文可以说是一部宝典。文章不仅提纲挈领地概要了移动用户体验的12大要素及其规范，更提供了详实而丰富的参考文献。Queen的上篇介绍了功能、信息框架、内容、设计、用户输入，下篇将介绍移动情景、可用性、信任感、反馈、帮助、社交、营销。相信对大家肯定有帮助的。

英文原文: The Elements Of The Mobile User Experience

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

上篇链接:【CDC翻客】移动用户体验要素（上篇）

｛移动情景｝

我们可以在任何时间、任何地点使用移动设备，因此，移动情景指的是用户使用时的环境和状态——也就是任何可以影响用户与设备进行交互的内容。由于这些情境持续而快速地变化，对移动设备而言就显得尤为重要。我们在考虑用户分心、多任务、手势操作、低电量条件和糟糕的连接环境的同时，也要考虑极端好的情景——假设在一个快速Wi-Fi环境下使用平板电脑。

《移动交互的情景》（参见：The Context of Mobile Interaction）,Nadav Savio

规范

1. 根据设备功能和硬件能力来预测和支持用户的使用情景。iCookbook应用中，用户可以用语音来查看食谱——就再也不用担心手上糊满面糊怎么办了。

2. 根据一天不同的时段或用户使用过程，来适应情景的变化。Navfree GPS应用能在白天、夜间模式下自动切换，夜间采用低眩光的地图，开车会更安全。

3. 判断用户当前位置并展示附近相关的内容和帮助。用户在移动设备上用Google搜索电影，可以搜到附近正在热映的电影以及当天的电影场次，如果有票的话，还能看到买票的链接。

4. 权衡用户提供的信息，并且尊重用户的喜好和设置。在完成多线航班的第一站后，TripIt应用向我展示了下一个航班、登机信息以及必须要花费的时间。而United应用并没有做这样的事情，尽管它知道得更多。我就纳闷了，既然知道我是会员，它为什么不向我展示如何从当前飞机前往下一班飞机，另外明确标明途中United的贵宾休息区，好让我舒适地度过这等待的两小时呢？

5. 默认为用户提供最合适的体验（例如：一种适合小屏幕的移动体验，也可能是适合平板电脑的桌面产品体验），但还要提供高级选项。最近一次关于如何向用户展示这些信息的大型的讨论会上，Jakob Nielsen建议将移动网页与Web网页分开（参见Jakob Nielsen recommending a separate mobile website），Josh Clark则觉得自适应的移动网页设计更好（链接：Josh Clark arguing instead for a responsive design），而其他人认为Nielsen和Clark都错了（参见believe that Nielsen and Clark are both wrong）。

拓展阅读

1. “The Context of Mobile Interaction” (0.2 MB, PDF), Nadav Savio, Jared Braiterman

2. “On Mobile Context,” Jason Grigsby

3. “When and Where Are People Using Mobile Devices?,” Luke Wroblewski

｛可用性｝

可用性指的是全面衡量信息架构、设计、内容和其他元素是否让用户很好地完成任务的标准。

规范

1. 让用户清晰地知道什么是可选的、什么是可点击的或可滑动的，尤其是在触摸屏设备上。尼尔森诺曼团队在iPad的可用性调研（参见Nielsen Norman Group’s usability studies of the iPad）中发现，用户通常不知道什么是可点击的，有时也被滑动这个手势搞得迷糊，尤其同一个滑动手势在同一界面的不同区域滑动却有不同的功能。所以，请确保可点击的内容是清晰的，比如链接、icon和按钮，要一看上去就是可点的。

2. 在触摸屏上，确保点击对象的尺寸和位置以避免误操作。另外，将点击对象放在合适的区域，比如：把“删除”等具有破坏性的功能对象放在下图所示的“Reach”区域，Luke Wroblewski在《移动为先》（Mobile First）中提及。

Luke Wroblewski , 《移动为先》

3. 遵守规范和模式来减少用户的学习成本，也能让移动体验更加自然。App的设计应该遵守特定平台规范标准和指南。在Breaking the Mobile Web网站中，《移动设备和平板电脑的网页应用设计指南》一文的作者综合收集了很多来自官方的UI和UX指南链接（参见UI Guidelines for Mobile and Tablet Web App Design）。

4. 通过设计元素比如对比度、颜色、排版和字体大小，确保产品在情景变化下的可用性，变化的情景包括白天刺眼的阳光下，以及改变设备的物理角度和朝向时。

5. 不要依赖那些不被移动设备广泛支持的的技术，比如Java、JavaScript, cookies, Flash, frames, 弹出框和自动刷新。当需要打开一个新窗口，或者从应用跳转到网页上时，要提醒用户避免重新加载已打开的页面。

拓展阅读

1. “Usability of iPad Apps and Websites,” Nielsen Norman Group

2. “UI Guidelines for Mobile and Tablet Web App Design,” Max Firtman

3. “Mobile Usability Update,” Jakob Nielsen, Alertbox

｛信任感｝

　　这里讨论的是当用户使用移动网站或App的自信心、信任感以及舒适度的问题。根据Truste和Harris Interactive两家公司在2011年的研究，隐私和安全是智能手机用户最关心的两个问题。

规范

1. 在未经用户明确许可下，不要使用移动设备里的个人信息（比如地理位置和通讯录）。今年的头几个月中，已经有不少关于从手机中私自复制通讯录的报告，文章watchdogs up in arms 和users retaliating中有所提及。

2. 让用户轻松掌控App如何分享个人信息，比如访问位置前询问用户，允许他们退出目标广告。

3. 在合适的情况下，清楚地阐述你们公司的商业行为（包括隐私、安全和投资回报）（比如在注册页面告知隐私和安全条款）。这些条款应作为次要元素出现（比如可以放在底部栏或是“more”标签里）。通过显示受信任的标记来加强用户的信任感，尤其当用户需要提供个人或财务信息时。

4. 在移动设备上适当地为用户提供条款，包括简洁的概述和是否发送到邮箱的选项。众所周知，隐私和安全条款通常冗长而无趣，用户往往都会盲目地点击同意继续下去，因此我们要尽量让这个过程容易一些。

5. 当提供条款的时候，不要打断用户的任务流程。在被打断之前，让用户返回到之前的位置（参见：Take them back to where they were），而不是重新开始。

拓展阅读

1. “Layered Policy Design“, TRUSTe Blog

｛反馈｝

这指的是如何吸引用户的注意力以及如何展示重要信息。

规范

1. 将提醒次数降低到最少，确保每一次的提醒都提供了重要的信息和有用的选项。可以去看看Chris Crutchfield的文章视频上过多的信息和提示（参见：video on notification and alert overload）。

2. 确保提醒简短而清晰，解释为什么会有这样的提示，用户可以做什么。另外，按钮标记要清晰。

3. 消息提示应该简短而带有告知性，不要干扰用户的操作，并且很容易操作和离开。

4. 在界面上提供的反馈和确认信息不要打扰用户的操作流程。

5. 如果这个App有消息标记或是在状态栏上有提醒，就要保持这个标记和消息的更新。当用户添加新消息时要清除这个标记。当用户访问到消息标记时提醒要被清除，即使用户还没有发现究竟是哪个账号触发了消息提醒，这也会迫使用户一个个账号去试探。

拓展阅读

1. “Mobile Notifications,” Fred Wilson

2. “The Future of Mobile Notifications,” True Ventures

3. “Chapter 8: Feedback and Affordance,” Theresa Neil

｛帮助｝

这指的是能帮助用户使用网页或者应用的相关选项、产品和服务。

规范

1. 让用户能轻松进入帮助和支持选项。用户通常会在移动网页的底部和应用的工具栏，或tab栏寻找帮助选项。

2. 帮助的形式要多样化，尽量与移动应用场景相关，比如自助服务式的常见问题，现场帮助式的点击通话，接近实时的直接消息推送。美国运通（American Express）和花旗银行（Citibank）这两家金融服务公司都积极地通过Twitter提供支持。

3. 在用户首次进入应用的时候，提供快速的介绍和简短的教程，但也要提供跳过和稍后查看的选项。

4. 当首次引入新的或者特别的功能时（比如首次介绍如何使用移动应用检查支票），需要提供给用户情景化的帮助和提示，这也是对不经常使用的功能的回顾。

5. 在合适的情况下，提供视频指导，但是要允许用户可以按自己意愿开始、暂停、停止和控制音量，并记住上文“内容”中提到的多媒体相关的规范。

拓展阅读

1. “Chapter 7: Invitations” and “Chapter 9: Help,” Theresa Neil
Chapter 7 is available online at UX Booth.

2. “Top 6 Help Design Patterns for iPhone Apps,” Catriona Cornett, inspireUX

｛社交｝

这指的是有社交元素的内容和功能，从而让用户在已有的社交网络上进行分享和交互。

规范

1. 创建和维护社交网络（如Facebook）和本地服务（如综合的服务页面，像谷歌地图、Bing商业门户和雅虎本地）。在搜索结果和基于位置的社交网络服务中重点突出它们，除了你的商业名称，也包括了你的家庭住址、电话号码、URL和营业时间。

2. 将社交活动和移动体验进行融合：如在网上展示最新活动，提供简单的方式关注或喜欢。

3. 将社交网络的特性与网站的移动体验进行融合，用户可快速连上社交网，这就像使用APIs（using APIs）支持社区分享、书签、加标签、喜欢和评论一样简单。

4. 邀请用户使用移动设备创建能展示你品牌、产品和服务的内容，并提供一些激励作为回报。例如，汉堡连锁店红罗宾向用户发起邀请：只要分享一张孩子在店里读书的照片，就能获取一杯免费的奶昔。

5.让移动端的内容可以被分享和病毒式的传播。比如，美国运通公司（American Express）最近提供的信用卡的储蓄和折扣优惠，只要你将个人信息同步到Facebook、Twitter和Foursquare上，就可获得。

6. 那些依靠用户创建内容的App，应该要探索出一套让初始内容有用并最终能进行不断维护的方法。比如：My TSA应用有一个用户创建内容的功能，展示了安检站等待的时间，但是它常常显示一些过时的消息，尽管机场工作人员已经将等待时间贴了出来。

拓展阅读

1. “The Definitive Guide to Adding Social Features to Your Mobile Apps“, Verious

｛营销｝

这指的是如何让用户发现一个网站和应用的途径以及鼓励反复使用的因素。

规范

1. 通过优化移动端搜索和发现来确保产品的可寻性，比如保持URL简短。如果你有一个独立的移动网站，请遵循URL命名约定(m.site.com或mobile.site.com)。在移动搜索结果里，提供快速访问本地的内容的入口（如当前位置的方向）以及系统自带功能（比如点击快速拨号）。

左边是移动端对UPS搜索结果优化后的网页，右侧是没有优化的

2. 二维码的出现让移动设备的登录得到很大的优化，我们不需要到传统的那种需要放大才看得清楚的页面上，更加不需要到网站首页上寻找登录入口。另外，附在产品上的二维码（参见QR codes painted on buildings）应该清晰明确，这样移动设备才能辨识和解读。

3. 给用户发送的邮件应当以移动设备支持的格式，内容应该包含一条可以查看产品相关信息的链接——而不要回到设备自身的网站首页上去。

4. 可能情况下，在其他平台上（如电视、纸媒、店内广告）推销你的App，并且激励用户下载使用，通常可采取打折的办法。如果你的App有价格标签，那么可以在过度拥挤的市场中通过限时促销来吸引用户。另外你还可以通过每日限免市场来吸引用户。

5. 提示使用过你App的用户进行评价打分，或是分享到社交平台，但是要给延迟或停止提示的选项。虽然这不是唯一产生口碑的途径，但能让你洞察到用户喜欢什么不喜欢什么。Smalltech在控制你的评论（参见Taking Control of Your Reviews）一文中讨论了如何让用得爽的用户进行评价，以及让不爽的用户用邮件反馈意见的策略。

拓展阅读

1. “iPad App Marketing Case Study: Flickpad,” Chad Podoski, Mobile Orchard

2. “The Art of Launching an App: A Case Study,” John Casey, Smashing Magazine

3. “How to Market Your Mobile Application,” Michael Flarup, Smashing Magazine

｛总结｝

移动用户体验是一个正在蓬勃发展的领域，也不断涌现更多可完善的契机。本文作者已经概述了移动用户体验的要素以及每个要素的规范，这些内容必将帮助我们创建更好的移动用户体验。

了解“CDC翻客”，请移步：【CDC翻客】翻客来袭！Fanke is coming！(链接：http://cdc.tencent.com/?p=6518)

(本文出自腾讯CDC博客: http://cdc.tencent.com/?p=6986)

源地址：http://cdc.tencent.com/?p=6986

红绿灯与设计规范

CDCer — 2013-02-28 21:11:45

过马路的时候突然注意到红绿灯，恰好最近的新交通规则也热火朝天，就顺势吐槽下关于“设计规范”的思考。

提到设计规范，很多人都觉得是个很虚、不务实的绩效工程，很多企业为设计规范而设计规范，拍脑袋定规则，投了精力进去，面子起来了，最后死掉了。以前也很不情愿去制定设计规范，经历多个终端的设计痛苦后，渐渐明白了设计规范“存在即合理”的意义。

红绿灯的启示

扯淡之前，还是先回到红绿灯这个事儿上：

这是再常见不过的红绿灯。当工业化城市化达到一定程度，出现车如流水马如龙的复杂交通，红绿灯也便应运而生。在这里，红绿灯起到的就是规范的作用，路人、司机达成一致共识：红灯停，绿灯走。一切有序进行。缺少它，过马路将变得惊心动魄。

这是再简单不过的常识，但同样的思维迁移到设计上来，会引发很多有趣的思考。

常看到产品设计团队经常对导航、反馈等交互问题进行激烈讨论，虽然多元碰撞是好事，但一旦系统开始庞大，问题也将显露水面：团队成员各有创意追求，尤其是视创意如生命的设计师，对规则创新的追求更为突出，如果团队缺少“红灯停绿灯走”这样的共识、缺少设计约束，将导致规则无序叠加，使得软件的整体交互变凌乱复杂。

设计规范三宗罪

1. 规范制定时机过早/过迟

小村庄的道路是不需要红绿灯的，因为压根用不着，红绿灯的存在反而限制了人们的自由走动。但却有那么一类公司，在早期产品野蛮成长、规模还小的时候，早早制定设计规范，花大功夫，却无人接受，难以执行。与过早相对，太迟也不合适，大公司也会犯这样的错误，如google，android在4.0之前出了个相当粗糙、有和没有一个样的规范，等到自家系统跑着很多长iPhone模样的app时才发现问题的严重。

2. 规范过于详尽

红绿灯是一个特别简单的“约束”，红灯停，绿灯走，至于怎么停、怎么走，交给甲乙丙丁自行决定。《iPhone Design Guideline》的制定者非常有先见之明，他们在撰写规范的时候，选择了一种宽泛的表述方式，没有定义“点击按钮”应该多大、没有定义“返回按钮”必须长左上角、没有定义删除就非得有一个扔进垃圾桶的动画…表述越细，限制越大，反而会成为设计团队创新的枷锁。

3. 规范一成不变

早期的红绿灯就只有两种颜色更替，但还是会遇到一定的危险，经过不断的改进才出现了由红黄绿组成的三色信号灯并一直沿用至今（最近有人冒出来把黄灯给否定了）。红绿灯也已经不是简单的颜色更替，而是一套完整的信号系统，人行道的、车道的、带方向指示的…设计规范同样如此，当产品变复杂，大到像一只庞然大物如QQ、微信时，为了保证体验的一致性，规范会逐渐完善和明晰。规范的建立是一个长期的过程，宽泛的设计指引应该与时俱进。

大指引，小规范

关于规范的讨论，在这之前就已经有很多前辈进行过各种思考激辩，至于执行，也会因团队因项目而各有差异。

以iPhone的产品设计为例，苹果官方的《iOS Human Interface Guidelines》（以前叫《iPhone Human Interface Guidelines》）比较系统，很多产品设计直接参考这份文档去构建自己的app，产品生命周期中唯一的设计规范也就是这份现成的参考。我们除了会以官方的设计指引为基本参考，还会根据项目的需要将设计规范细化，以1+1（平台规范和应用规范）的方式整理软件繁琐的交互细节。

规范案例（一）：信息提示系统

提示系统作为软件设计中一个小点，很多团队都不会在意，过去我们有一套比较完整的信息提示系统，将提示分成了四类：

3.0设计过程中我们对整套提示系统再次进行了优化，彻底去掉Toast提示，并且将Banner Tips统一为一种样式，直接挨着导航栏下方。

规范案例（二）：菜单系统

菜单是软件设计里中另外一种常见的交互系统，我们第一个版本刚出来的时候使用了隐晦的方式（横滑）设计菜单，经过几个版本的演进，菜单的出现更加直接、更容易扩展，并对不可操作的异常提供了解释说明。

iPhoneQQ音乐发展到现在，俨然是个庞大的产品，有海量乐库的信息组织、个人音乐资产的管理，基础的播放操作体验….

除了上述的信息提示和菜单系统，我们还对产品的几个常见交互系统提供了一些简单的指引，包括：

1. 导航：定义全局导航规则，包括普通的层级进入、临态界面、界面内互调、跨产品互调

2. 异常处理：如网络中断、内容为空时的提醒及引导

3. 品牌传达：在异常、边缘情况、产品幻灯片展示方面对音乐品牌的视觉传达

当然，如果出现某种不能满足的情况，我们会再重新审视，及时调整。高效可控的交互体系是应需而变的。

最后，说回投入/产出比的问题，既然大部分自定义的规范意义都不大（平台级的规范除外），何必投入大把精力？其实这种官方规范之外的小规范成本非常低，不需要整理成一个完整的样式库，只需要简单地把规范罗列在一张大图上，供团队成员或中间接手的设计师参考即可。对于节奏非常敏捷的移动互联网产品而言，简单，才最具生命力。

(本文出自腾讯CDC博客: http://cdc.tencent.com/?p=6996)

源地址：http://cdc.tencent.com/?p=6996

设计有效的“用户行为与反馈效应”循环

c7210 — 2013-02-28 21:05:57

最初看到原文时，认为是关于界面当中反馈机制设计的文章，类似“为用户的操作提供正面反馈”这样；读下来发现是相对来说高一个层面的主题；一起看看叭=)

这里进入译文。无论你在设计怎样的产品，总会涉及到“用户行为与反馈效应”这样的循环。很多时候，良好而有效的“反馈循环(feedback loop)”是决定一款产品能否取得成功的重要因素。本文中，我们来一起看一看，怎样通过精心打造的反馈循环对用户行为产生影响。

什么是反馈循环

反馈循环由以下几个环节组成：

一个人发起行为
该行为产生一个或多个效应
其中一些重要的效应会以某种方式反馈给行为发起人
行为发起人根据收到的反馈继续产生新的行为，规律的如此循环下去

“反馈循环”在我们的现实生活中是无处不在的，它可以揭示出人们是否做了正确的选择。一个人吃了不好的东西会觉得恶心难受，并在未来产生排斥行为；而吃了好的东西则会感到幸福香甜。如果你善待他人，而对方也以同样的方式进行反馈，你就会觉得很开心；如果一个人损害自己的身体，身体就会出问题——我们的大脑似乎就是有一套这样的奖惩机制。

除了这些自然的反馈循环以外，“人造”的例子也不胜枚举。我们参加考试，基于自己对知识的掌握程度获取相应的成绩，对自己接下来的学习进行指导调整；我们在社交网站中更新自己的状态，得到他人的“赞”或是评论，获取存在感和认同感，产生继续发布内容的欲望，等等。

那么接下来就让我们就一起深入挖掘一下产品当中的反馈循环叭。

探索产品中的基本反馈循环

首先我们需要识别出产品当中的反馈循环，看看有哪些规律性的“行为-反馈”循环是用户需要参与到的。

很多社交应用都有一套最基本的反馈循环：用户发布内容，其他用户看到这些内容，点击“喜欢”，然后po主发现自己的内容被认可，产生继续发布的动力。

另外一些类型的反馈循环看上则没有这么直观。以Yelp为例，一家酒店提供餐饮服务，更好的服务通常可以带来更好的点评；顾客们用餐之后来到Yelp发表点评，而这些点评内容本身又会得到来自其他用户的评价(通过“有用”、“有点意思”、“酷”一类的按钮)。一部分发表了足够数量点评的用户还会享有某些“特权”，例如参加派对或是成为“Yelp精英”。这些反馈循环都是经过良好设计的，它们可以有效的让用户黏着在网站当中，持续的发布内容——这对于Yelp、商家还有用户自身都是有价值的。

试着在你的产品中找到这类“用户行为与反馈效应”的循环，列个清单出来。它们涉及到的范围可能很广，包括数字世界与现实世界中的信息沟通、线上线下的人际互动等等，另外在时间方面也可能具有很大的跨度。仔细观察那些用户产生行为并触发信息传递的环节，那些用户彼此之间或是用户与网站本身进行直接、间接交流的环节，这些都是孕育反馈循环的肥沃土壤。

增强与改进

在你列出的清单中找出最重要的、与产品核心价值关系最密切的反馈循环，试着从以下几点入手进行增强或改进：

速度
可量性
目标上下文
与动机的关联性

1.速度

太慢了！

问题：反馈效应呈现出来的越慢，对于用户下一步行为决策的影响力就越低。

也就是所谓的“及时性”的问题。举个例子，用户在金融类型的产品中产生投资行为后，也许要花上几年时间才能看到最后的盈亏结果，这就是一种典型的慢反馈。

解决方案：尽快输出反馈效应，缩短循环。一方面，你可以试着提升反馈效应的输出效率；另外，在确实无法减少等待时间的情况下，也可以尝试采用模拟的方式，在用户做出实际行为之前就提供反馈效果供其参考；只要模拟出来的反馈效果是有理可依而非凭空捏造的，便会具有一定的影响效力。譬如前面提到的投资行为，在用户选定某个投资对象之后、执行投资决策之前的这个环节当中，可以基于他们的投资额度及实际市场规律等方面因素提供模拟的收益结果，让用户对投资之后会发生的状况有一个大致的了解，以辅助他们进行决策。

ReadyForZero的做法是个不错的例子。他们提供的工具可以帮助人们管理和偿还自己的债务。在图所示的这个环节中，我们可以看到，该工具能够根据用户选择的支付计划来即时的计算出未来几年的债务偿还详情，包括总额、节省出的时间和金钱数量等等，让用户在决策之前心知肚明，安心的选择对自己最合适的方案。

移动应用的推送机制也是一种很有代表性的快速反馈形式。当你在Instagram、Facebook或Twitter上发布一条内容之后，关注者的手机很快就会收到一条推送提示，这是很强大的反馈循环。一定要试着在合适的产品中以合适的方式运用好推送机制。

而相反，有些时候，慢反馈循环才是某些类型的产品真正需要的；对于这类产品来说，降低用户对反馈效应的感知是非常重要的。我们来看一个线下世界当中的例子：信用卡。这些小卡片正是通过减缓一个痛苦的反馈循环来帮助银行赚取巨额利润的——消费者从皮夹子里掏出自己的血汗钱，反复抉择，然后换取想得到的东西；花光之后，还必须再到银行取上那么一打。信用卡有效的延迟了负面反馈，让你在消费时畅快淋漓，每个月只在收到账单的时候才焦虑那么一下；即使在这个焦虑的环节，你仍然可以选择进一步延迟负面反馈，只偿还最低限额；而银行也可以因为你的这种自我安慰而赚取更多的利息。

2.可量性

相比之下如何？

问题：含糊不清、无法量化的反馈效应难以成为下一步行为决策的依据。

举个例子来说，“摄取营养”这件事在反馈效应方面就是出了名的含糊。人们怎么知道他们吃的不错？如果你告诉他们，刚刚吃的东西并不健康，那么这东西到底有多不健康？如果反馈效应能够以一种与现实相关联的、可量化的方式呈现出来，那么就会好理解的多，并且可以对人们的饮食行为起到实打实的指导作用。营养标签就是为此而生的，通过它，人们可以了解到吃一个苹果能够摄取哪些好东西，吃一坨培根会带来怎样的问题，等等。

解决方案：就像饮食方面的营养标签，我们也要在产品中以可量化的方式向用户输出反馈。不妨尝试一些可视化的、有可比性的呈现方式，因为人类的大脑比较善于对有形事物的大小、位置等方面的属性进行比较。

Klout便是在自己的产品当中通过“Klout得分”来呈现用户的社会影响力的，它充分体现了“可量化”、“可视化”对于信息传达的重要性。

这种方式是蛮有意思的，不过必须承认，它所基于的也只是一系列相对有限的“社交指标”，例如收到的鲜花数、被赞的次数、被评论或是转发的数量等等；对于“社会影响力”这样的概念来说，这些指标还无法做到足够可信，最终的反馈结果很难准确的反映出实际情况。

回头看看之前的ReadyForZero案例。如果只是告诉用户，他们一共需要偿还15万美金，这与告诉他们“你需要还很多很多钱”没什么区别，因为这样一个总额虽然明确，却很难给人一种切身的、容易感知的概念。不妨同时告诉用户他们每天需要偿还多少钱，这样，用户就可以将这个金额与他们的日常消费进行比较，例如咖啡或午餐等，从而对信息产生更清晰的认知，便于进一步选择还款方案。

3.目标上下文

意味着什么？

问题：反馈内容的表达形式缺乏目标上下文，信息缺乏方向感。

节省下额外的支出会让人感觉不错，不过让人了解到可以节省下的目标总额则更加有意义。“我的目标是为度假而存钱，目前已经存下了500元，达到了目标总额的三分之一。” 这种形式的信息不仅表达出了当前的状态，而且指明了行为的具体目标，以及当前状态与目标的关系，更加符合人们日常考虑问题的思维框架。再举个例子，“你本周已经花费了1200元”，与“你本周花费了1200元，当周预算为700元，目前超支500元”相比，虽然在数据上是相同的，但后者的含义显然更加明确，更有方向感，对于用户接下来的行为决策更具指导作用。

解决方案：将信息放在整体目标的上下文当中，让用户了解到自己的行为致使当前状态距离最终目标还有多远。

明确目标，就像是帮用户设定了锚点，使他们随时能评估当前状态在整体进程中的位置；只要与目标之间还存在距离，用户就会产生向前推进的主观能动性。

Nike+ 能量腕带以及很多同类型产品就是围绕着用户行为与目标建立反馈循环的典型案例。这类产品可以追踪用户的肢体行为，将当前数据与目标进行对比，向用户输出报告信息并分享到线上。无论是移动应用还是手表、腕带，这些产品的界面中通常都会运用进度条来展示状态与目标。

4.与动机的关联性

我不在乎。

问题：与用户真实动机没多大关联性的反馈对用户接下来的行为决策影响作用不大。

“游戏化”的反馈循环确实具有一定的影响力，不过对于很多类型的产品来说，点数、徽章一类的反馈形式与产品本身及用户动机没有多大关联，它们的激励作用不会持久。很多时候，用户并不在乎点数，他们真正关心的是健康、快乐、亲友关系和财富等等。想想看，你更希望得到下面这些东西当中的哪个：30个Foursquare点数，Facebook上的30个赞，每一天中的额外30分钟，以及30美金。答案虽然会因人而异，但我打赌选第一个的肯定不如选后面两个的多。

解决方案：挖掘用户真正关注的东西，思考他们的行为动机与目标，提供合适的反馈形式，激励他们达成目标。对于某些类型的产品来说，社会化的“奖励”，例如评论和赞，确实可以有效的与人际交往的动机本身建立关联；让人感觉好看且舒适的东西通常更适合于以“健康”为目标的行为；而金钱的适用范围则是非常广泛了。

ReadyForZero综合使用了一些重要的反馈方式来促进用户发起支付行为。首先，他们使用进度条向用户明确的展示了当前所选的支付方案对于完成债务偿还目标的推进作用，可视化的呈现方式有效的将信息内容与用户心中“完成目标”的愿望关联了起来。另外，用户也可以了解到支付方案可以帮助他们节省下多少利息与时间，这两方面的信息对于“偿还债务”这个目标来说具有非常强的行为决策作用。

当然，要全面而准确的抓住用户的行为动机并不是一件容易的事情。在这方面有不少理论学说，其中比较值得学习参考的一个就是“自我决定理论(Self-Determination Theory)”。该理论认为，人在对个人需求及环境信息产生了充分的认知之后，会对个体行动做出自主的选择。在这套框架下，人的行为动机是由内在产生的，而非由外界引发。

除了这些理论之外，我们平时所熟悉的那些用研方法更是我们用来了解用户需求及行为动机的可靠武器。

需要记住的两点

除了以上四个方面的要点之外，我们在设计工作中还需要记得两件事情。

1.考量实际效果

当你识别出自己产品中的重要反馈循环，并通过以上四点入手付诸改进之后，要记得对设计方案在实际产品中的表现进行考量；无法通过量化的方式检验效果的改进是没有意义的。

“数据分析”对于设计师自身来说，其实也相当于一个反馈循环：你设计或改进了产品中的一些信息反馈模式，然后通过量化的统计分析来验证自己的方案，对接下来的工作进行指导。选择几个最关键的指标，对它们在几个最关键的上下文用例情景中的表现进行追踪，另外在报告的频率上也要结合自己产品的实际情况进行制定。

2.产品的道德准绳

在整个设计流程中，对每个决策当中包含的“道德”元素进行评估。改进反馈循环以驱使用户做出我们所希望的行为决策——这对于你和你的团队来说或多或少都是一件涉及到社会责任的工作。你们正在打造的是一个帮助人们改善健康状态的应用产品，还是提升他们工作效率的工具，亦或是一台老虎机？

Zynga的商业模式就是围绕着一系列极端有效的反馈循环来展开的，其中的一些循环模式所产生的商业价值时常会因为道德因素受到指责。例如，他们通过进度条、目标设定、身份等级、社会化激励等方式有效的将“开心农场”打造成为赚钱的产品，但一些负面的声音也随之而来，很多人认为，Zynga是通过消耗用户的时间、金钱与创造力来谋利的，他们的商业模式的基础便是操纵人们的情绪与行为动机。

这类问题确实是有争议的，特别是对于游戏类的产品，要对“价值”、“乐趣”等概念进行准确定位也不是容易的事，并且超出了本文所探讨的话题范围。简而言之，作为设计师，我们应该做的是通过对设计准则的合理运用来打造出能够让世界变的更好一些的产品。

总结

设计可以影响人们的行为决策，经过良好设计的“用户行为与反馈效应”循环更是具有可观的推动效应。将注意力放在信息反馈模式的速度、可量性、目标上下文及动机关联性等方面，帮助用户更好的理解与达成自身的行为目标，并通过定量的分析方法考量反馈循环对于用户行为的影响作用，你也许会切实发现自己正在通过改善产品体验来提升着人们的生活质量。

源地址：http://beforweb.com/node/170

前轻后重

Kant — 2013-02-17 22:34:25

我做产品，最喜欢前轻后重。这是我最喜欢的原则，如果它可以算作原则的话。它是一条相当普适的原则，从各个角度去理解，都有意义。

流程体验上的前轻后重

前轻后重最让用户感知到的，是流程体验上的前轻后重。它是体现在用户解决需求，完成任务的过程中的。

举个例子，在比较完善的淘宝开店系统内，开店的步骤如下：

选择开哪种店
填详细信息
上传验证材料
在线考试
填写店铺和商品信息。

用户在一步一步地完成任务的过程中，先只是做出轻量的选择（选择题），然后做填空题，接着是准备材料，学习知识并考试，然后才是最后的完成开店。用户在流程上的体验，从前面的很轻，到后面的越来越重。这不能抛开产品设计方的需要，实际上，正是因为产品设计方有必然的、不可避免的需要（需要验证材料以辨别开店者的真伪，需要在线考试来保证店主素质），产品的流程和体验是肯定会存在重的一步或者几步，这时，应该把轻的步骤放在前面，让用户一步步做下来，在遇到重的步骤时，才没那么容易放弃。此外，前轻后重的流程，也符合人们在线下生活中，甚至在所有任务完成过程中的先挑软柿子捏的习惯。

功能规划上的前轻后重

功能规划上的前轻后重，指的是在规划和架构产品功能的过程中，应当先组建关键的、轻量的核心功能，使产品的定位得到基本实现，产品想要解决的问题得到基本解决。换句话说，应当先给产品搭骨架，然后再扩展出组织、肌肉、血液和皮毛。这实际是最考验产品经理功底的地方。

前期时为产品搭建出了轻量但扩展性很强的框架后，后面就能一步步地添加出更多的深化、辅助和周边功能，解决更多的细分问题和类似问题。关于功能规划上的轻与重，此前已有一篇博文更详细地进行了讨论，可以看看：《产品的轻与重》

用户界面的前轻后重

用户界面的前轻后重，是我感知最深刻的前轻后重的体现之一。这是最考验产品设计者功底的地方。在设计用户界面时，遵循前轻后重的原则，意味着需要把复杂性尽可能的隐藏，隐藏在屏风背后，展现在用户面前的，仅是一个按钮、一个列表等尽可能简单的元素。这里面的复杂性，可能包括实现复杂性，和功能组织的复杂性。

实现的复杂性包括：

列表中如何考虑哪些项在前面，哪些在后面？
在为用户提供信息和知识时，提供哪些，去除哪些？
做出这个功能有多难，你需要考虑，但是一定决定要做，就别畏畏缩缩，希望用户多么感恩戴德，以使自己的付出不被忽视。
等等，肯定还有不少角度，毕竟我没有使劲想全面。

分别举例。

第一条，关于列表中项目的前后次序，你需要考虑这个，但不需要总是去唯恐用户不知道你花了心思，你不需要给出原因甚至数值。正面的例子可以看看百度搜索结果页，你会发现，百度给出的项目相关的信息中，只有项目（每一个搜索结果）的描述，没有任何为什么该项目会排序在这个位置的原因，没有什么PageRank得分或者外链个数什么的。因为用户不需要了解这些信息，你提供给他信息，他在你的产品中消耗时间，便是信任你的结果，你可以致力于如何做出最好的排序，但不要想着如何让用户信任你，用户会因为你的排序结果是合理的而信任你，而不是因为你给出了“本站排序结果真实合理有效公正公平的10个原因”。负面的例子挺多，怕一举就得罪了人，别人或许有自己的考虑，我就不提了。

第二条，关于提供信息时的筛选，你需要考虑这个，但同样的，不要想着告诉用户，你去除了的项目，如果有用户其实需要的信息，错不在你，你是因为产品设计中的什么什么考虑而迫不得已的。举例，我们知道许多产品都会提供一个项目的创建时间、一个评论的发起时间，一个文章的最近修改时间等，聪明的产品在表现这个时间时，会有“5分钟前”、“早上11:23”、“昨晚”等表现形式，这里，产品设计者就做出了统一的信息去除的取舍，对于今天以前的日期，在项目集合页中，是不给出详细时间的，也就是，不给出“昨晚 23:13”，以保持页面清爽。

第三条，关于功能实现难度的宣告。这里挺有名的例子是关于微信里面的动态Gif表情的背景透明的实现。该特性的实现是全球首次的，耗费了团队大量的时间，但是这些都是普通用户不需要知道的，你只需要告诉他们，这个特性有什么用就好了（如果没太大用，那你花那么多代价干嘛）。同类的例子包括性能优化的代价和效果、某个功能体验的方案选择等。反面的例子我则想提关于众移动浏览器比拼HTML5得分的犯二现象。

功能组织的复杂性则包括：

如何按照用户的视线顺序，进行针对性的元素排版？
交互暗示是否需要区分轻重缓急，如果需要，如何区分？
一二级列表、一二级标题如何分类，如何组织？
需要时才出现，那么什么时候（什么场景）需要什么功能、什么元素？
等等等

第一条，关于元素排版，你需要考虑这个，但不需要把为什么这么排的理由摆到界面上告诉用户，你用心设计了。举例来说，可以想想腾讯网的巨大改版，为什么从前在页面左侧的腾讯产品集锦，要放到页面右侧。

第二条，关于交互暗示的轻重，这个例子很多，譬如你总是会看到，登录按钮总会是一个显眼的颜色，而取消按钮则往往是白色。

第三条和第四条，关于列表和标题的组织，以及需时出现的判断，同样可以看看这篇博文，《产品的轻与重》。

技术架构上的前轻后重

技术架构上的前轻后重，事实上已经成为有经验的产品团队的通用规则。无论是QQ、微信等庞大产品，还是正点闹钟、8684公交等移动端的工具型产品，都已经有意无意中将此规则应用到了骨子里（或许没有归纳出前轻后重这四个字，但做法是如此的）。

技术上的前轻后重，能够使产品获得快速更新、快速迭代验错、选批实验的好处，坏处则是流量略多一点的损耗（毕竟同样的逻辑，固化在客户端，和放在服务端每次下载或者更新时下载，前者会使网络包略小几行代码）。技术上前轻后重的好处，越来越为人们所重视，而坏处，则正在迅速变得越来越不重要。

同样举例，QQ客户端被许多用户认为非常重，但是实际上，QQ现有的功能群的数量，如果不利用前轻后重的办法，重量更加难以想象。举例而言，你或许已经在网速不好时，打开QQ上的许多窗口，发现是一片空白，这个窗口虽然看似是一个客户端窗口，实际上是使用的WebView控件来包装网页。而坊间传闻，这一做法，QQ是在数年前从MSN处学习来的，彼时QQ团队发现MSN客户端的许多窗口，今天一个样明天一个样，明明没更新版本却换了功能，拿给技术团队一分析，才得知了这一做法，并发扬至今。

另一个很好的例子是微信，微信客户端实现的功能实际上非常多，技术架构上是非常复杂的，但严格的前轻后重，使得微信能够在一分钟内控制许多的业务逻辑、产品规则。

极致程度的技术架构上的前轻后重，有一个人们耳熟能详的名字，叫做云架构。即客户端只承认输入输出设备的角色，所有实现逻辑均在服务端、均在云端。这是未来。

源地址：http://kant.cc/post538.html

做产品还是做咸鱼？

kent.zhu — 2013-01-29 19:27:11

关于如何做产品的事情，有无数的讨论，也产生出很多的理论，很多的模型，很多的体系。都挺好的，挺高深，我看了一会就觉得自己内力不济，看不下去了，挺烦闷的。于是，只好捡起《金庸全集》继续又看一遍了。看着看着，觉得心静了不少。

于是，回顾了一下最近见到的和自己犯的一些错误，杂乱的做了一个小总结。没有什么关联，我只信笔而书。

1、产品之要，首在场景感

产品之设计，无外乎3个因素：场景、人物、任务。即，是谁，在什么情况下，有什么问题，而你准备如何帮助他们来解决这个问题？

很多人，没有场景感。不知道他的用户会是谁，会在什么场景下需要他的帮助。还有的人，知道他的用户在什么场景下需要他的帮助，但是，不知道从何入手去帮助。你比如说，很多人在写博客的时候喜欢在自己的RSS feed里面加一条“喜欢我就订阅我们吧”，我请问，如果他没订阅过你，他如何能看到这句话的？如果他订阅了你，他还看这句话有何意义？

没有场景感，就像是找不到龙，纵有屠龙刀，又有何用？

2、产品之要，次在聚焦纵深

所谓，棍扫一大片，不若枪挑一条线。只有愈深入方能愈得窥真经，方能立足稳当。之后再依次扩展当有可能。

这一点，很多地方，很多高人都做了阐述，不再班门弄斧贻笑大方了。

3、产品之酷在极客范儿

极客是一种行事方式。

微信4.5出语音聊天室，当时我问allen zhang，我说这是解决了之前微信群聊的时候，语音群聊连续播放的那个问题吧？allen说，不完全是。这是一个完全模拟对讲机的功能，基于VOIP技术的，多酷啊！

Apple火爆之时，因为大家都觉得不论Mac还是iPhone都是一个很酷的设备；Facebook发迹之时，因为年轻人觉得这是一个很酷的社交方式；微信成名之时，也是因为大家觉得这是一种很酷的沟通方式。

没有人愿意使用和传播一个不酷的产品！如果做产品，不增加一点酷的元素进去，那，跟咸鱼有什么分别！

4、产品之灵在于幽默感

幽默，是一种“活”的外在表现。是要传达给用户，这个产品是有“人”在做的，是去试图消除“我是在跟冰冷的机器交互”这样的感受的。幽默，是让这个产品看起来有爱，让用户能打破心扉去接受。

在很多产品人多脑子里，充满了理性的思维，到处是严密的逻辑，当然，这些都是非常的有必要的。但是，如果脑子里这些，只有逻辑，只有数据，那这产品人也无异于机器了，机器再去做产品，结果可想而知。

幽默之感，不一定在于主流程中，不一定非要轰轰烈烈。我的观察是，工程师往往比产品人都幽默，但是，工程师这种幽默又往往会被产品给浇灭。再快捷酒店管家的app里，有很多细节的让人看了觉得很欢乐的细节，都是工程师做进去的，倒让我惭愧了一阵子。

产品即产品人之线偶，你是什么样的人，便做出什么样的偶；你使什么样的心思，观众便感受到什么样的戏。爱之，慎之。

源地址：http://www.ikent.me/blog/4278

那些无法用菲茨定律衡量的用户体验设计（下）

vio — 2013-01-13 20:44:35

新年之后，继续翻译，时间跨度有点长。

英文原文请参见：http://uxdesign.smashingmagazine.com/2012/12/04/fittss-law-and-user-experience/

————我是翻译正文分界线————————————–

菲茨定律第三条：避免肌肉持续紧张

《 Fitts’s index of performance》这篇文章的目标是为了量化人类运动系统的信息容量。通俗的来讲就是：它通过衡量人们完成特定动作指令所需要耗费的身体力量来评价人们的输入方式优劣。

优势

用更少的体力来完成输入的好处是非常显而易见的，尤其是当人们使用一些笨重的输入设备时。最具代表性的就是垂直悬挂的触摸屏，这类触摸屏通常被放在专业的办公环境当中，用于创建，视觉化或是管理大数据量的信息数据。

菲茨定律将会促进并延长垂直触摸屏的使用。（图例：Perceptive Pixel）

当试用垂直触摸屏时，长时间保持手臂向上会迅速的导致三角肌疲劳，从而产生各种各样的错误，或是最终迫使用户放弃操作。

因此，避免复杂和高强度的这类输入方法有助于促进和延长人们对这类设备的使用。

风险

复杂难以进行的输入方法有时却能够避免错误发生。例如，移动设备通常都是被放在口袋中随身携带，很容易意外的触发设备。在这种情况下，高精度的输入方法 应运而生。这种输入方法有着更高的输入难度从而保证每一个输入指令不是意外产生的。并且，这类高精度的输入方法会提醒用户他们正在进行的操作相对重要。iPhone关机时的操作，就是最好的范例。

根据操作结果的重要性来选择UI控件元素：滑动操作通常被用于危险的操作（图例： iPhone，截图源自 Outsideinnovation.com）

关机或是重启设备是非常重要的操作，一旦触发，就无法撤销。因此，它们被设计成滑动条控件，需要高精度的操作才能触发。与其相对的，这里的取消操作产生的后果非常小，因此被设计成为一个普通按钮。

滑动操作和其他需要高精度操作的手势既是最安全的输入方法，同时也是最冗长的输入方法。为了平衡安全性和易用性，这些操作通常被保留用在较为危险而又很少执行的命令，例如解锁屏幕，关闭设备，进行系统定制设置，运行管理员任务或是关闭闹钟等等。当另外一些危险的指令在使用中会被频繁使用时，例如编辑，删除或移动操作，合理的图标和包含确认的两步输入法而非高精度输入就更加合适。尽管两部输入法并不像高精度输入方式那样安全，但是它们更好的照顾到了易用性，因为这些操作发生的频率较高。

另外一个采用复杂高精度输入法的原因是为了利用手势操作的重要特性–节省输入空间。根据菲茨定律关于效率的评价标准，包含一定的拖拉手势需要更高强度的肌肉紧张，因此，菲茨定律更推荐点击操作。然而，手势操作具有一个很大的优势 — 无需放置界面控件在屏幕中就可以完成功能操作。

以在 deviantART管理艺术收藏为例，为了将一个选项添加到你的收藏，你不需要点击一个按钮。你只需要拖动一幅打算收藏的作品，收藏面板会自动触发显示，允许你把藏品放置其中。

由拖拉操作触发并完成的操作无需在界面中放置触发操作的控件元素（图例deviantART）

由于拖拉操作不需要按钮或是其他UI控件来触发功能，因此，它对于节省界面空间，提升利用率很有帮助。当然，不足也同样明显，缺乏明显的视觉提示告诉用户关于手势操作的存在（除非通过tooltip提示）无论如何，如果屏幕空间确实很紧张，那么手势输入虽然麻烦，但却绝对值得。

菲茨定律第四条：利用主要像素

主要像素的理论表明，某些像素比其他像素更加容易获得。例如，屏幕的边缘和角落更容易接近。然而，最容易接近到的像素还是那些鼠标当前所在的位置，这也是右键点击弹出菜单的缘由。

优势

右键菜单会在用户当前鼠标指针右击时出现，并且提供给用户与当前内容相关的选项。因此，你不需要再移动鼠标一定距离到某个特定的位置。通常有两种右键菜单：线性右键菜单和圆弧形或环形菜单。

按照菲茨定律，环形菜单会比垂直线性才对那更优。这是因为：首先，梯形的菜单选项拥有更大的点击响应区域。其次，由于菜单采用的环形排列，鼠标距离每一个选项的距离都是基本想通的。由此带来的一致性会帮助用户的肌肉产生记忆反射。与此相对的，在线性菜单当中，只有最接近鼠标初始位置的选项是最容易被点击到的，因此，这个位置应当放置最常用的菜单选项。

菲茨定律更偏好环形菜单（左例： OneNote 2013,右例： Firefox）

将界面控件放置在屏幕边缘或是角落的另外一个好处是鼠标的移动受限于屏幕的自然空间，从而更容易达到。

屏幕边缘和角落是屏幕最重要的位置（图例：Particletree)

用户可以直接将鼠标大幅度移动到屏幕的边缘或是角落而不用进一步微调。因此，目标也会更容易被点击到。

缺陷

为了验证上述菲茨定律的理论研究而进行的实际测试表明，环形菜单在寻找选项和使用错误率上较垂直线性菜单有微小的优势。然而当问及被试的主观偏好时，环形菜单却不是人们所爱。

事实上，菲茨定律所偏爱的环形菜单，的确具有一些缺陷，这些缺陷在特定情况下甚至远远超过它带来的好处。

其中一点就是环形当环形菜单的选项较多时，所能提供的选项点击范围非常有限。解决这个问题的方法之一是依据 Hick’s 定律移除一些不重要的选项。例如，如果菜单选项不适用于当前选中的内容，或是它们在界面当中的其他位置已经存在，那么它们也不一定非要出现在右键菜单当中。（例如，“撤销”“重做”“新建文件””保存文件”“打印”或是“放大/缩小”这类操作与“剪切”“复制”“粘贴”这类通常针对选中项的操作相比，与选项内容关联并不强，因此可以把它们放置在工具栏当中而非右键菜单中）。

第二种管理多选项菜单的方式是次级菜单。与线性菜单相比，在环形菜单中使用次级菜单会很容易铺满整个屏幕并且显得杂乱无章。在这点上面，线性菜单有巨大的优势：线性菜单固有的结构使其很容易展现层级关系。

分组的菜单选项在线性菜单中更加容易表达。（图例： Word 2013，截图 PCPro.co.uk）

最后，环形菜单需要更多的空间。这会导致两个问题：菜单可能会遮挡选中的选项，并且当鼠标在屏幕边缘右击时，它们可能很容易弹出在其他位置而非鼠标附近。

综上，有以下情况时，应当尽力使用线性菜单而非环形菜单：

菜单中需要有多个选项
可能有次级菜单
菜单选项需要被分组和存在优先级
屏幕空间非常宝贵

最后，在使用鼠标操作的设备时，对于屏幕边缘和角落可能有2个潜在的问题。在大屏幕中，鼠标移动的距离很长，由此点击到边缘的控件并不一定省力。而且，网页设计师们可能无法有效的利用屏幕的边缘和角落，这是因为网页通常运行在浏览器当中。而且网页也通常被要求使用更好兼容性的居中布局。

在使用非鼠标操作的设备例如触摸屏时，将界面元素放在边角可能不仅不会带来易用的提升，甚至可能带来操作交互的倒退。在大触摸屏上，这样的布局可能会需要用户不断的拉伸他们的手臂，从而迅速产生疲劳。因此，在大屏幕界面设计中，一些经常用到的工具应当被设计成为可以拖拽的。这样用户就可以按照自己的意愿来拜访这些工具栏。而通常用户可能会放在他们当前主要工作区域的附近，这样就又符合了菲茨定律所述节省移动距离的原理。

综述

对于交互设计师和用户体验设计师来说，最困难的莫过于如何考虑用户体验的各个维度，从而做出平衡与结合，并创造最优的产品。菲茨定律尝试着为用户体验设计师们提供一些可以量化的数学性质的标准来使得设计决定更容易。

通常，运用数字很容易来衡量界面的质量和效能：某个操作的点击越少越好，定位导航越快越好。常用按钮被放置的距离操作越近，鼠标移动越少。

然而，界面终究是为人服务的，界面需要具有一致性，需要体贴包容人们，需要具有一定的可玩性，功能需要易被发现：这类指标很难像点击数或是像素移动距离那样容易被衡量。那些精确的数字和简化的数学模型可能会比无法衡量的各种体验维度更容易获得设计师们的偏好。但数学定律应当被用户体验设计师当作设计工具和参考，而非金科玉律。

事实上，你应当像尊重菲茨定律一样，尊重各种人类学准则和定律，只要它们能够真正的提升你的用户体验设计。

源地址：http://viosdesign.com/2013/01/fitts_law_in_ux_design/

设计师为何做不出产品经理想要的设计

雪鸮 — 2013-01-11 11:03:08

产品经理和设计师之间最常见也是最尖锐的矛盾就是，设计师把花了很多心血做出来的稿子放到产品经理面前，产品看了一下，觉得非常陌生和超出预期，说：“这都是些什么啊”。

(- -#)，(- -')，此处无声胜有声。倒不是说这里面谁对谁错，都挺辛苦的其实，但为什么总会落得如此尴尬呢。

世上配合最好的其实就是自己的手配合自己的脑袋。脑袋怎么想，手就怎么画，画出来的丁老头再丑也觉得很亲切，恩恩，是我的好作品（星星眼）。只是等到两个人合作的时候，就有些麻烦了。因为，让“设计师的手”精致地受控于“产品经理的脑袋”，每次画完看一看，觉得对就继续画、错就改的敏捷调控是不现实的。

祸起，在于一些沟通中有很多弊端，唯有解决这些问题，才能让团队和谐地高唱“同一个梦想”。

一、产品没有意识到要讲的其实是故事

常见的产品经理提需求的方式往往都是在需求文档里直接写“在Feed上增加一个转载按钮，点击后可以填写转载理由”。这种描述方式其实已经是一个很具象的解决方案了。然后这份包含数十条如此描述需求的文档会被贴到内部需求管理网站上，或者通过邮件发给设计师。

设计师拿到这份文档，通常会觉得很憋屈。哎，忍忍算了，拿人钱财替人消灾。然后拿着这份需求文档在现有界面上去改。但往往会发现产品说这些具体解决方案其实在实时时是有很多细节冲突的。于是，设计师要先逆向YY出这个功能背后的用户需求，然后再尝试在与各种细节不冲突的夹缝中找一个新的解决方案。把这个稿子拿给产品看，产品就会楞一下，说“这是什么…”。(- -#)，(- -')

其实很多产品经理没弄清自己最大的价值点。作为产品经理最该做的是发现生活中用户各种不知道该怎么满足的需求，然后把这些很有挑战也很有价值的用户需求委托给资源方来帮忙想办法解决。这个需求应该以尽量生活化的、讲故事的方式来表达，与任何具体的解决方案无关。这样设计师可以很明确地知道要解决什么问题，设计也就有了出发点，而且是产品经理给的出发点。所以在这一环上，产品经理交付的接力棒是一个好的故事，传情地描述用户的困难即可。

一个故事最核心的内容应该包括: <什么样的人><在什么样的情况下><想要满足何种需求><他/她会尝试某种方式（或找不到任何解决方式）><但所需要的成本是*****><我们来解救他/她吧>。

二、文字不是讲故事的最好方法

大家都听过“下班顺路买一斤包子带回来，如果看到卖西瓜的，就买一个”的笑话吧。产品用文字去表达自己的想法时，有很多信息是会失真的。设计师接收到这些文字，再去逆向理念产品的想法，想象出的就是另一个故事了。

《餐巾纸的背面》以及《Frog Collective Action Toolkit》都提供了表现力更强的讲故事方式。诸如草稿、漫画、视频，都是可以用来表现用户需求场景的，比文字更加高效，引发误解的概率也低。

我们常会说这段文字的画面感很强，但我想并不是所有的产品经理都能写出这样的文字，所以，为什么不直接用画面来讲故事呢：）具体我就不写了，两本书里都有，妥妥的。

三、设计师没有及早确认自己的理解

设计师从产品经理那里领了圣旨，但其实还有一个风险点，就是以为自己理解了产品大人的旨意，但其实不尽然。最好的方法是设计师能够立刻用于语言或者更加可视化的方式，将自己的理解复述一遍给产品经理。否则，你真的会在碰见卖西瓜的以后，买回一个包子来。

设计师最擅长的东西就是把抽象的东西具象化。既然有如此神技，其实也可以在领完旨后，不要急着立刻奔回座位开画，而是先当面随手画一些非常简易的示意图。在这些示意图上，你可以演示一下在未来，用户将会怎么解决他们的需求。产品立刻就能明白，你够不够懂他。要想别闭着眼在错误的道路上越走越远，最好的方法是尽早睁开眼，确认好大方向。

四、设计没有发散出多种设计

产品经理说学逗唱都用上了，讲了一个好故事，给接下来的设计定了一个精准的起点。下面就该设计师露脸了。

对于一个用户痛点，提供怎样的解决方案最有效，其实是非常迷茫的（指着竞争对手的产品界面说“我就想要个这样的页面”的产品经理咱们就不说了）。这就非常需要设计师能够发散思维，向多个可能的方向试探触角，努力探求各种有希望的方法。这样，产生创新的突破性方案的可能也会大一些。

产品经理其实背负了非常大的压力，他们要赌上自己的事业前途来向投资者要到人力（嗯，就是设计师、工程师们）物力来实现一个未知的梦想。设计师要是能码出一排各式解决方案给产品经理说您随便挑，看哪个“最”好，无疑是能帮助产品经理提升极大信心的（星星眼）。

愿此文可以帮助产品经理和设计师这对死冤家的争吵少一些，我们本是吉祥如意的一家。

源地址：http://xuexiao.me/2013/01/%E8%AE%BE%E8%AE%A1%E5%B8%88%E4%B8%BA%E4%BD%95%E5%81%9A%E4%B8%8D%E5%87%BA%E4%BA%A7%E5%93%81%E7%BB%8F%E7%90%86%E6%83%B3%E8%A6%81%E7%9A%84%E8%AE%BE%E8%AE%A1/

不要让“合理性”成为阻碍设计前行的绊脚石

CDCer — 2013-01-09 16:41:33

“这个不符合用户的心理”，“这个功能打破了我们产品整体的平衡性，放在这里在我看来是不太合理的”…

作为互联网行业里万千鼠标民工中的一员，诸如以上的对话，每天都在我们的生活中不断演绎着。合理性慢慢的成为了检验我们专业技能以及设计水平最重要的一种指标；诚然，足够的合理性能够为我们所设计的产品保驾护航，能够给其带来可预见性的回报和收获，但长此以往，却很难再出现令我们叫“WOW！！”的产品了。让我们来看颗栗子~

iPhone5自9月13日发布以来，就受到了前所未有的神吐槽，在这一次，大家都能很明显的感受到没有了乔帮主以后，苹果不再是创新界的翘楚了。

以上是我们再熟悉不过的两张图，也是苹果一直所传达的理念——“单手操作的最佳尺寸”，而除此之外，设计师Dustin Curtis也专门对此进行过相关的撰文。因此，即便自iPhone1推出起已有4年之久，苹果仍将手机的尺寸保持在了3.5寸，而事到如今，随着Android阵营和WP阵营的不断施压，苹果最后也扛不住了，终于加大了屏幕的尺寸，但是“iPhone4L”这种让人倍感吝啬的改变，真的为用户使用的“合理性”赢得了尊重和口碑么？结果却不尽然…

让我们换个角度，从另外几个方面思考一下关于3.5寸是最适合单手操作的手机尺寸这个问题：

1. 在日常的手机使用中，用户使用单手操作的场景有多少？

2. 用户使用单手操作的那些场景一般是什么？

3. 用户使用单手操作的一般是什么应用？

4. 在用户使用沉浸型的相关应用时，他们更多的是选择双手操作还是单手操作？

5. 在用户追求以效率为主要目标的情况下，更多的是选择双手操作还是单手操作？

6. 用户本人对于单双手操作的敏感程度到底有多少？

7. 屏幕尺寸和单手操控程对于用户心理感受的影响，到底哪个更大？

抛出以上几个问题，并不是希望能够得到一个准确的答案，而只是对一个“合理性”结论背后的驱使动机试图做一些探讨。作为一个普通用户，是否真的对于单手操控有那么高的执着性？在这个智能时代，我们看到的更多是用户使用着手机浏览网页，用户使用着手机刷微薄，用户使用着手机玩着简单又酷的游戏，而当用户在较长时间里，沉浸于那一个个精彩的应用中的时候，大家开始发现，屏幕越大，看起来越舒服了；当遇上了内容较为丰富，操作性更强的游戏时，发现屏幕越大，把玩起来更灵活了；当50,60后这一批用户的岁数越来越大，视力越来越差的时候，发现同样大小的字号在大屏幕里能显示出更多东西…

正是如此，在3.5寸这个“合理性”的背后，似乎存在了更多的“合理性”，而设计师们又应该参照哪一条“合理性”来开展相关的设计活动呢？我们再来看一颗栗子…

三星在经过一段时间的蛰伏后，近两年可谓风生水起。Galaxy Note的推出，在当时轰动了业界，闪瞎了大众的眼睛。大家对这个5.5寸的大家伙众说纷纭，褒贬不一，苹果也很不看好这样一款手机，因为这已经严重的违背了苹果本身的设计哲学；不过不管怎样，排除其他的业界评论和观点，市场的反应就说明了一切，Note的销量迅速攀高，并在用户中获得一波又一波的好评，尤其是在iPhone已经成为了街机的当下，更多的用户为了标榜自己的与众不同，选择了更为霸气的Note，甚至有在坊间流传出了“屌丝用iPhone，富帅用Note”的说法，由此看来，Note这种放手大胆去做的方式收到了很好的回报，在这时看来，“3.5寸”这个合理性的说法是显得那么的站不住脚，甚至是有些不适宜的了。很多时候，用户们就是喜欢不按规矩出牌，就是喜欢这种变革，突变式的体验。回想一下，可不是么？当年iPhone横空出世带给人们的不就是完全的不一样么？大家还记得Nokia当时对iPhone冷蔑的态度么，那时稳坐手机界头把交椅的N记所秉承的理念是“物理按键才是最适合用户使用的，只有真实操作反馈才能准确表达用户所输入的命令，并且物理按键的效率也是最高的”。这在当时看来也能被作为一条“合理性”来看待，可是苹果在当时很牛气的将这一合理性给打破，并使得当年的老大哥落得如今这番田地，可时过境迁，到了iPhone的第五个年头了，苹果为什么就不能更加爽快一些的将自己的“合理性”给打破呢？（也许，苹果可能更多的是出于自己的生态圈来做的考虑，如今数量众多的app们，才真正的铸就了iPhone，而让开发者们更喜欢ios的一个很重要的原因就是在开发时适配ios要比适配andorid方便太多了；不过，在以前，苹果是不会迎合他人的，他只是自己把事情做到极致，再让他人来迎合自己，难道如今苹果，也需要去迎合他人了么？好吧，关于这个问题对于iPhone本身的设计影响就不在本文展开讨论了）

再继续聊聊Note，在它提供给予了我们如此之震撼的显示尺寸之后，我们似乎有了更多的设计可能性，在更大的尺寸里，widget的设计有了更多的可能性，在分屏的设计上也有了更佳的尝试，pin的概念也能够得以更加方便的实现…再看看周遭对这个本来看起来并不太适宜的产品的反应吧，Wrangle牛仔裤对针对它进行了口袋加大的再设计、大牌手包增加了放置note的专用暗格，各大品牌还纷纷争先推出了针对它的配件，这些现象都只说明了，note具备积极的市场反映，并且非常受消费者的喜爱；与单手操作的合理性相比，也许用户需要的是更大更惊艳的视角所带来的使用优越感。

如今，让我们回溯过往那些一件件震慑了我们心灵的产品，在你脑海中浮现出来的，是否都具备着那么一丝倔强、独特和不随大流的气质呢？

当年moto v70一改人们对于手机的操作方式，采用360度的旋转开屏，至今仍是我觉得最美的手机

Clear大胆的采用全手势操作，去除掉了所有的操作按钮，将手势的操控弄到极致，当时也在业界引发了相当一阵的骚动

path从最开始起，就独树一帜，没有遵循ios app的guideline来开发，到了2.0，更是有了质的飞跃，至今，我还觉得它是ios里最好用也是最美丽的一款app

还有太多太多，我细数不尽，文章写到最后，我想表达的只是：尽情去想象，不要被“合理性”的那些条条框框限制住了我们灵动的思维，让我们的想象力自由舞动，勾勒出美丽的产品吧~

(本文出自腾讯CDC博客: http://cdc.tencent.com/?p=6769)

源地址：http://cdc.tencent.com/?p=6769

【CDC翻客】移动用户体验要素（上篇）

CDCer — 2013-01-09 16:31:44

译者注：对于移动用户体验的从业人员，本文可以说是一部宝典。文章不仅提纲挈领地概要了移动用户体验的12大要素及其规范，更提供了详实而丰富的参考文献。我和Nina将分别从上篇和下篇带来此篇译文，希望我们提供的译文能为从业者带来系统思考和思维启发。

英文原文: The Elements Of The Mobile User Experience

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

移动用户数和手机使用量都在逐年增加。随着越来越多的用户使用手机完成任务（参见The Future of Mobile），如何改进移动用户体验的各个影响要素，便成为值得关注的焦点。

移动用户体验是指用户使用低端功能机到高清平板电脑间的任意设备中，与移动产品（浏览器或App）互动之前、之时及之后的认知和感受。

为了创建令移动用户愉悦的体验，我们必须重新思考那些长期以来被认为理所当然的桌面端设计。移动用户体验的复杂性源于移动设备的特性，主要包括：小屏幕，设备特性的巨大差异，电量和网络的限制，难以定位又永远变化的移动使用场景。

通过解析移动用户体验的重要组成部分，我们可以得到一个概念框架来构建和评估好的移动体验。这些部分在文章《以用户为中心的移动设计方法》中有所提及 （参见user-centered approach to designing for mobile）。下图组成要素决定了移动用户体验，包括：功能、情境、用户输入、内容和营销等等。

以上这些要素的重要性会根据设备类型不同（如非智能手机、智能手机、平板电脑）和界面显示不同（如App和Web）发生变化。本文将简要介绍这些要素，并详细说明相关的重要准则。

｛功能｝

功能是指帮助用户完成任务、实现目标的工具和特性。

规范

1. 优先考虑和展示其他平台上与移动环境高度相关的核心功能。如对于航空公司，应具有航班状态查询和自助登机功能。对于化妆品连锁店Sephora，用户可以在移动设备上方便地访问产品评论，然后到店内购物。

2. 提供移动设备特有的功能（如条形码扫描和图像识别），必要时利用设备的硬件能力增强功能特性，从而提高用户的参与感及乐趣。在”Old Navy”的老版本中，用户在商店中拍下商标的照片后，可以获得有惊喜的游戏或折扣。

3. 确保为移动设备优化基本功能和内容。例如，查找商店时显示最近的商店，并确保点击号码便能与商店通话。

4. 提供与业务相关的功能。对于零售网站和App来说，主要包括产品搜索，订单状态和购物车。

5. 提供所有平台都会有的关键功能。无论在何种设备或平台上，注册用户应该看到他们的个性化设置。如果移动端没有某些功能，那么要将用户引到合适的平台上，如TripIt，引导用户去web端设置个人网络。

拓展阅读

“Sharing App Bump 3.0 Slashes Most Features, Proves Less Really Can Be More,” Fast Company

｛信息架构｝

它是指将功能和内容组织成一种逻辑化的结构，以帮助用户查找信息，完成任务，包括：导航，搜索和标签栏。

规范

1. 起始页应该优先考虑用户需求，展示产品主要特性和功能链接。《移动设计模式库》（参见MOBILE DESIGN PATTERN GALLERY）中提供了移动设备中的主要导航模式和辅助导航模式的样例，其中不少为垂直导航，而非桌面端网站的的水平导航。

2. 让用户导航至最重要的内容和功能时，所需点击次数尽可能少。小屏幕上的导航通常情况下应该数量多、层级浅，一定不能有太深的层级。我们知道，每一个内容模块的访问不能超过三次点击（参见THREE CLICKS (OR TAPS) IS NOT THE MAGIC NUMBER），同时用户还需要知道每一次点击都在帮助他们完成任务。因为每一个附加的层级意味着：更多的点击、更多的页面加载和带宽消耗。

3. 要同时考虑触摸屏和非触摸屏用户的导航需求。当为触摸屏设计时，需确保导航项的点击区域至少有30个像素的宽度或高度。而对于非触摸屏手机（非智能手机），需提供按键快捷键，这样用户可以通过输入0-9中的一个数字来快速访问。

CNN所做的快捷键（左图），很迎合非智能手机用户。而DELTA做的并不好，用户需要先连按9次下方向键才能开始使用其APP（中图和右图）。

4. 提供导航提示让用户知道他们在哪里，如何返回，以及如何跳回到开始的地方。“移动面包屑”常被用于取代“返回”按钮，它用标签的形式展示了用户是从哪部分或类别而来。对于移动网站，尤其是当每个屏幕上的导航都不重复的时候，可使用标准规范，如“HOME”图标链接到首页。

5. 使用简洁、明确、一致和描述性的标签作为导航和链接。这通常是一个很好的做法，尤其是在小型移动设备上更为重要。

拓展阅读

“CHAPTER 1: NAVIGATION,” MOBILE DESIGN PATTERN GALLERY, THERESA NEIL

｛内容｝

内容并不是LOU ROSENFELD和PETER MORVILLE在《万维网信息架构》中提及的“网站中展示的那堆东西”，而是能为用户提供信息的、以不同样式存在的多种类型的内容，比如文本、图片和视频。

规范

1. 提供适当而大众的内容给用户（如产品信息，社交内容，指导和支持的内容，营销内容）。

2. 若多媒体在移动环境下对用户的操作有帮助，能增加内容价值或支持该网站的目标，那就用它吧。大多数时候，当用户需要消遣或娱乐（如新闻或有趣的片段），或指导（例如，如何使用APP或新功能）时，提供多媒体内容是最好的选择。

3. 让用户控制多媒体：不要自动播放视频或音频、允许用户跳过或停止多媒体内容、让用户知晓多媒体内容占用的带宽。

4. 确保内容适用于移动环境。正如从印刷转化为互联网文章使用的分块规则，应该缩短移动设备上的文章，以使用户能在较短的注意力集中时间读完。为移动设备优化图像和媒体；也就是在小设备上等比缩小图像和媒体内容，并确保图像在新IPAD上足够清晰（参见SHARP ENOUGH FOR THE NEW IPAD）。

5. 确保主要内容是目标设备支持的格式。即使是现在，大众官网仍然让IOS用户下载FLASH。

拓展阅读

“MOBILE CONTENT: IF IN DOUBT, LEAVE IT OUT,” JAKOB NIELSEN, ALERTBOX

“MOBILE CONTENT STRATEGY LINK-O-RAMA 2011,” KAREN MCGRANE

｛设计｝

这是指视觉呈现和互动体验，包括平面设计、品牌包装和排版。

规范

1. 记住名言“移动化，而非小型化”（BARBARA BALLARD）和“不缩小，重新思考”（诺基亚）。它们都提到：移动设计并不仅仅是完全移植台式电脑的设计。

2. 为了预览和快速扫描而设计。预览设计指的是视觉设计如何能快速、轻松地传达信息。

3. 通过色彩、排版和个性化设计，在视觉上保持设计元素和体验（手机，应用程序，网络，印刷和现实世界）统一。如下堆积的图片中，即使看不到品牌名称，辨识亚马逊仍然很容易。

4. 引导用户从最开始最突出的元素着手，帮助他们完成任务，这就是所谓的视觉流。一个好的设计既包含视觉元素，还包含信息结构，内容和功能，以传达品牌形象、引导用户。

5. 设计过程中需考虑纵向和横向的设计。越来越多的设备能支持多个方向，并自动调节以适配到用户的物理方向。当用户改变设备方向时，确保用户的位置位于画面中。如果方向变化后有附加或不同功能，需要明确指示，如下图应用ING所示。

拓展阅读

“DESIGNING GLANCEABLE PERIPHERAL DISPLAYS“ (6 MB, PDF), MATTHEWS, FORLIZZI AND ROHRBACH, UC BERKELEY

UNIVERSAL PRINCIPLES OF DESIGN, REVISED AND UPDATED: 125种方法来增强易用性，影响认知，增加吸引力，做出更好的设计决策，设计教学，WILLIAM LIDWELL, KRITINA HOLDEN, JILL BUTLER

｛用户输入｝

这是指用户输入数据的难度。应尽量降低移动设备上输入数据的难度，同时避免双手操作。

规范

1. 限制必填部分的输入。正如LUKE WROBLEWSKI在著作《移动为先》（ MOBILE FIRST）中提到的那样，“涉及到移动设备上的表格，需要残忍而有效地减少，减少，再减少。”限制登记表，使其只包含最少的必填部分，可能情况下，替换为更短内容。比如，使用ZIP号码，而不是城市和国家。针对这个规范，我最喜欢举的反例是大众的试驾预约表格，移动版必填的字段居然比桌面版还多（高亮部分显示为多余字段）：

2. 尽可能显示默认值。它可能是用户最近所选项（如机场或火车站），或是常选项（如检查飞行状态时选择当天日期）：

3. 可能的情况下，根据设备特性提供备用输入机制。APP可以利用设备内置的很多输入机制，包括手势，摄像头，陀螺仪和声音，但移动网站才刚刚开始使用这些特性，尤其是地理位置。

4. 使用适当的输入机制，并显示合适的触摸式键盘，以减少用户的切换。请记住，在只有数字键盘上的非智能手机上，数据输入更加繁琐乏味。对于无需过度保密的APP，允许用户保持移动设备上的登录状态，并保存电子邮件地址和用户名等信息，因为手机往往是个人设备，不像平板电脑，往往由多人共同使用。

5. 考虑提供自动匹配，拼写检查和预测技术，让数据输入更加容易并减少错误 – 必要时数据可恢复。应禁用一些不恰当的功能，如验证码的输入。

拓展阅读

“FORMS ON MOBILE DEVICES: MODERN SOLUTIONS,” LUKE WROBLEWSKI

了解“CDC翻客”，请移步：【CDC翻客】翻客来袭！Fanke is coming！(链接：http://cdc.tencent.com/?p=6518)

(本文出自腾讯CDC博客: http://cdc.tencent.com/?p=6779)

源地址：http://cdc.tencent.com/?p=6779

设计思想 - UCD大社区

关于用户体验与产品价值

好的产品关注功能，优秀的产品关注情感

关于移动应用的上下文情境

三种情境

物理情境

技术情境

社会情境

总结

符合黄金分割的抠菊花造型

产品成长中的”节外生枝”

节外生枝 与 “节外生籽(种子)”

种子的成长

发现种子：

培养种子：

茁壮成长：

被抑制的种子

种子并不是可有可无的事情

为什么要用户登录？

设计沟通的七条经验

1. 避免鸡同鸭讲

2. 不要过早陷入细节

3. 认真你就输了

4. 同理心

5. 认同“形式追随功能”

6. 引入外援

7. 教学相长

小心产品的虚荣指标

【CDC翻客】用核心-路径法设计页面

核心-路径模型

1．核心内容

2．向内路径

3． 向外路径

核心-路径法的运用过程

第一步：定义核心内容

第二步：列出所有可能的向内路径

第三步：列出所有可能的向外路径

第四步：将所有内容整合在一起

总结

识别差距。

设计元素的优先级。

聚焦设计。

一次内部“精益创业”的总结

APP新手引导之殇

【CDC翻客】移动用户体验要素（下篇）

｛移动情景｝

｛可用性｝

｛信任感｝

｛反馈｝

｛帮助｝

｛社交｝

｛营销｝

｛总结｝

红绿灯与设计规范

设计有效的“用户行为与反馈效应”循环

什么是反馈循环

探索产品中的基本反馈循环

增强与改进

1.速度

2.可量性

3.目标上下文

4.与动机的关联性

需要记住的两点

1.考量实际效果

2.产品的道德准绳

总结

前轻后重

做产品还是做咸鱼？

那些无法用菲茨定律衡量的用户体验设计（下）

菲茨定律第三条： 避免肌肉持续紧张

优势

风险

菲茨定律第四条： 利用主要像素

优势

缺陷

综述

设计师为何做不出产品经理想要的设计

不要让“合理性”成为阻碍设计前行的绊脚石

【CDC翻客 】移动用户体验要素（上篇）

｛功能｝

节外生枝与 “节外生籽(种子)”

3．向外路径

菲茨定律第三条：避免肌肉持续紧张

菲茨定律第四条：利用主要像素

【CDC翻客】移动用户体验要素（上篇）