连续性的设计——改善产品的体验

以上例子中，我们可以观察到：门什么时候打开；什么时候可以进去。现实中的断续

“自动投币饮料机，它的操作让人感知是断续的。”

Qzone个人中心动态

以上的例子中，缺少等待过程的提示，容易产生误会，造成重复的单击操作。

连续的好处

· 不打断用户的任务流──每个人都希望他的目标可以实现；用户在每选择一个操作时都希望当前的任务是连贯的。

· 让产品设计更贴心，提高易用性

断续导致的问题

· 断续会让人没有预期、无法预知结果。

· 面对自动售卖机会愤怒、等待红绿灯会不知所措、等电梯时焦虑…

· 网页还没有打开，重复点击刷新。等待时间太长，离开网站。

· 网站的高级功能不知道怎么用

…

网页中为什么会产生断续的界面？

网页的后台运作就好像变魔术一样：

1. 用户激发一个操作 ── 鼠标单击一个超链接，从导航上的主页切换到日志

2. 发送一个请求到服务器 ── 服务器收到请求，处理，返回结果

3. 返回一个结果给到用户 ── 页面内容刷新了

单从技术层面把内容呈现给用户时，则只会有1、3；断续的原因在于，2没有呈现给用户。如何改善这样的断续变成连续？

简单来说，让“过程”有“提示”动画。

这些过程包括：

· 鼠标经过

· 鼠标单击

· 键盘

等操作行为，包括现在的触摸屏设备。

“提示”动画

Gmail邮箱载入界面

等待过程采用动画的进度形式，减少用户的焦虑；

等待时间过长时有其他的选项，使得产品更贴心。

什么时候需要提示？

对于网页中的时间，大家比较认可的方式：

0.1 秒在该时间内显示反馈结果用户是可以接受的。

1.0 秒是用户保持不间断的思维流的限定时间，用户会注意到这样的延迟。

10 秒是保持用户关注当前对话框的极限时间。

·如果没有特别的信息反馈超过0.1而少于1秒，他们会比较难以忍受。

·对于长时间的延迟，用户会想在等待完成期间处理其它事务。所以需要显示将要完成的时间（通常选择进度条或百分比来表示），不然用户期待会大打折扣。

什么时候需要动画？

· 隐喻的操作──文字链、按钮、某个操作区域（鼠标经过高亮突出可点击）…

· 等待的过程

· 操作的结果──下拉列表菜单单击后展开的抽屉列表、拖动后的位置、删除后将会消失…

另外一个特别的例子：

Mac OSX系统中，最小化窗口时，反应了操作的结果，最小化窗口的位置在哪里：

动态中的微妙设计

Android（htc sense）

单击、选中都采用绿色高光的动态效果。单击某个项目后，动态效果暗示着已经激活并运行了这个项目。

我经常有这样的烦恼：

“我明明点了，怎么没反应？”，重复单击尝试。—— 用户经常不确定是否已经激活了

缺少选项激活过程的提示──没有一个动态效果告知用户：系统正在处理请求。

Ipod

单击、选中都采用蓝色高光的效果。表面上看，和android的操作效果毫无区别。

单击音乐播放，这个过程偶尔需要花点时间等待，它将选中的效果一直呈现。

选中状态的保留，隐喻了选项被激活── 使用中发现，将单击的效果保留可以避免误会。

不用冗余的激活过程提示──大多数人并不会觉得有延迟。一般情况下，加载过程只在几秒之间（可接受的范围）。

如何改善我们的产品？

红绿灯例子中，在红灯到绿灯的过程，添加以下某种方式：

1.最后几秒会闪烁

2.加上倒计时

3.利用声音快慢来告知，也方便了盲人

4.沙漏的形式

Qzone导航项切换的例子，可以添加等待过程的提示，避免用户重复点击或等待时间过长离开。

还有很多需要我们一起思考、探讨的，如何让产品体验更贴心…

来源：/?p=297

人人都是产品经理（）中国最大最活跃的产品经理学习、交流、分享平台