“当一个人过马路的时候,他在斑马线上是从马路的一端,走到另一端。”
· 我们可以观察到这个过程的变化。
“种子、发芽、最后开花。”
· 种子到开花的过程我们很少会看到,那是因为它的变化速度很慢,需要几周甚至更长的时间。
· 而这个过程通过监拍摄像机快速回放时,我们也可以看到过程的变化。

现实世界中,我们所感知的事物变化,都是连续的。
相反
人们制造的科技产品中,却存在很多不连续的体验,比如街边的红绿灯、饮料机…;
在计算机网络中,网页的设计也存在不连续的问题。
需要关注的
在设计一个互联网产品的时候,不仅仅只是考虑界面上的图形表现、布局排版… 其实还需要考虑到体验的连续性。我们应该关注细节,每个可操作的环节。设计师们(产品、交互、视觉设计…)都应该确保每时每刻产品的体验都是完美的。
现实中的连续
“门在打开/关闭时”,我们可以观察到它的变化的。
关闭的门 > 打开的门 。过程:从下往上收起。

实际的例子,这里是腾讯大厦某一楼层:
过程:从中间往左右收起。

以上例子中,我们可以观察到:门什么时候打开;什么时候可以进去。
现实中的断续
“自动投币饮料机,它的操作让人感知是断续的。”
饮料机的操作步骤:投币 > 选择饮料 > 拿到饮料

以上例子中,我们只能通过声音判断机器是否正在运作。
如果不再听到机器运作的声音;等了很长时间,饮料还没有出来;那是在说饮料被卡住了?机器坏了?
“红绿灯”
红灯表示停车

绿灯表示通行

驾车在十字路口,我们经常会发现等红灯的人多数时候会在绿灯亮时没注意到,而受到的困扰是后面的车会不断地鸣笛,直到前方的人意识到绿灯已经亮起,可以通行。
发生这个问题在于红灯到变换绿灯的过程,是没有任何过渡或提醒的。大部分都是直接变换。
同样,腾讯大厦的电梯间,没有人可以知道这个电梯什么时候到达该楼层。当想上、下楼时,等待电梯到达是一个很漫长的时间,我试过在中午高峰时期等了半小时,最后放弃改走楼梯。
这里的问题也类似红绿灯:等待电梯到达的过程没有明确的提示,不知道什么时候哪一部电梯会到达。甚至是电梯发生了故障到不了,也不知道。等待时间过长,容易让人产生焦虑。

网页中的连续
flickr批量管理的界面
(访问 http://www.flickr.com/photos/organize)

Qzone照片上传界面
(访问 Qzone 的相册>上传照片)

Qzone个人中心动态
(访问 Qzone 的个人中心)

情非得已
21个Sketch实用高频小技巧2019-02-15
25款值得收藏的优秀网站模板免费下载2015-09-16
20套高质量的免费网页模版PSD素材2013-09-02
20款国外时尚大气的按钮开关PSD素材下载2013-07-31
CSS实例教程:十步学会用CSS建站2011-10-05
网页设计师:浅淡网页BANNER设计2010-09-27
网页细节教程:WEB设计精确点滴2010-09-13
网页设计中的点滴细节把握2010-09-01
总结交互组件创新的四种方式2010-06-28
最全的国外电子商务CSS模板下载2010-06-18
实例解析3种文档大屏适配方法
相关文章2632020-03-09
详细解析UI设计中搜索栏设计的技巧
相关文章6092019-03-31
UI设计师如何设计最常见的关闭按钮
相关文章4042019-02-24
如何提高登录注册的提高用户体验
相关文章2902018-12-20
设计师解读如何让扁平的网页更出彩
相关文章10302018-12-07
UI设计师需要学习的保存功能设计总结
相关文章3422018-12-07
7招表单设计设计师方法提升表单体验
相关文章5672018-12-07
UI设计师必学栅格设计原理和技巧
相关文章4992018-11-29
