“当一团体过马路的时分，他在斑马线上是从马路的一端，走到另一端。”

· 我们能够察看到这个进程的变化。

“种子、发芽、最初开花。”

· 种子到开花的进程我们很少会看到，那是由于它的变化速度很慢，需求几周以至更长的工夫。

· 而这个进程经过监拍摄像机疾速回放时，我们也能够看到进程的变化。

…

理想世界中，我们所感知的事物变化，都是延续的。

相同

人们制造的科技产品中，却具有很多不延续的体验，比方街边的红绿灯、饮料机…；

在计算机网络中，网页的设想也具有不延续的题目。

需求关心的

在设想一个互联网产品的时分，不只仅只是思索界面上的图形表示、布局排版… 实在还需求思索到体验的延续性。我们该当关心细节，每个可操纵的环节。设想师们（产品、交互、视觉设想…）都该当确保每时每刻产品的体验都是完满的。

 

理想中的延续

“门在翻开/封闭时”，我们能够察看到它的变化的。

封闭的门 > 翻开的门 。进程：从下往上收起。

实践的例子，这里是腾讯大厦某一楼层：

进程：从两头往左右收起。

以上例子中，我们能够察看到：门什么时分翻开；什么时分能够进去。

理想中的断续

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

饮料机的操纵方法：投币 > 挑选饮料 > 拿到饮料

以上例子中，我们只能经过声响判定机器能否正在运作。

假如不再听到机器运作的声响；等了很长工夫，饮料还没有进去；那是在说饮料被卡住了？机器坏了？

“红绿灯”

红灯表示停车

绿灯表示通行

驾车在十字路口，我们常常会发觉等红灯的人少数时分会在绿灯亮时没留意到，而遭到的搅扰是前面的车会不时地鸣笛，直到后方的人认识到绿灯曾经亮起，能够通行。

发作这个题目在于红灯到变换绿灯的进程，是没有任何过渡或提示的。大局部都是间接变换。

异样，腾讯大厦的电梯间，没有人能够晓得这个电梯什么时分抵达该楼层。当想上、下楼时，等候电梯抵达是一个很冗长的工夫，我试过在半夜顶峰时期等了半小时，最初保持改走楼梯。

这里的题目也相似红绿灯：等候电梯抵达的进程没有明白的提示，不晓得什么时分哪一部电梯会抵达。以至是电梯发作了毛病到不了，也不晓得。等候工夫过长，轻易让人发生焦虑。

网页中的延续

flickr批量治理的界面

(拜访 http://www.flickr.com/photos/organize)

Qzone照片上传界面

(拜访 Qzone 的相册>上传照片)

Qzone团体核心静态

(拜访 Qzone 的团体核心)

以上的例子中，用户在感知这些变化的进程时，能够预知到将发作什么变化。

此外，在Flickr批量治理的界面中能够发觉，除了等候进程的静态成效，更多的是，在鼠标经过可操纵的地位时，静态成效暗示着区域中有可操纵的元素，同时也暗示着如何去操纵。

网页中的断续

Qzone导航项切换的时分

(拜访 Qzone 的日志)

QQ农场偷菜

(拜访 Qzone 的团体核心>QQ农场)

有时分单击偷菜，没有反响；反复单击很屡次… 仍然显现“可摘”。

以上的例子中，短少等候进程的提示，轻易发生误解，形成反复的单击操纵。

延续的益处

· 不打断用户的义务流──每团体都期望他的目的能够完成；用户在每挑选一个操纵时都期望以后的义务是连接的。

· 让产品设想更贴心，进步易用性

断续招致的题目

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

· 面对主动售卖时机愤恨、等候红绿灯会手足无措、等电梯时焦虑…

· 网页还没有翻开，反复点击刷新。等候工夫太长，分开网站。

· 网站的初级功用不晓得怎么用

…

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

网页的后台运作就似乎变魔术一样：

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导航项切换的例子，能够增加等候进程的提示，防止用户反复点击或等候工夫过长分开。

还有很多需求我们一同考虑、讨论的，如何让产品体验更贴心…