手机
当前位置:查字典教程网 >网页设计 >交互设计教程 >连续性的设计 改善产品的体验
连续性的设计 改善产品的体验
摘要:“当一个人过马路的时候,他在斑马线上是从马路的一端,走到另一端。”·我们可以观察到这个过程的变化。&l...

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

“当一个人过马路的时候,他在斑马线上是从马路的一端,走到另一端。”

· 我们可以观察到这个过程的变化。

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

· 种子到开花的过程我们很少会看到,那是因为它的变化速度很慢,需要几周甚至更长的时间。

· 而这个过程通过监拍摄像机快速回放时,我们也可以看到过程的变化。

现实世界中,我们所感知的事物变化,都是连续的。

相反

人们制造的科技产品中,却存在很多不连续的体验,比如街边的红绿灯、饮料机…;

在计算机网络中,网页的设计也存在不连续的问题。

需要关注的

在设计一个互联网产品的时候,不仅仅只是考虑界面上的图形表现、布局排版… 其实还需要考虑到体验的连续性。我们应该关注细节,每个可操作的环节。设计师们(产品、交互、视觉设计…)都应该确保每时每刻产品的体验都是完美的。

现实中的连续

“门在打开/关闭时”,我们可以观察到它的变化的。

关闭的门 > 打开的门 。过程:从下往上收起。

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

实际的例子,这里是腾讯大厦某一楼层:

过程:从中间往左右收起。

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

以上例子中,我们可以观察到:门什么时候打开;什么时候可以进去。

现实中的断续

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

饮料机的操作步骤:投币 > 选择饮料 > 拿到饮料

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

以上例子中,我们只能通过声音判断机器是否正在运作。

如果不再听到机器运作的声音;等了很长时间,饮料还没有出来;那是在说饮料被卡住了?机器坏了?

“红绿灯”

红灯表示停车

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

绿灯表示通行

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

驾车在十字路口,我们经常会发现等红灯的人多数时候会在绿灯亮时没注意到,而受到的困扰是后面的车会不断地鸣笛,直到前方的人意识到绿灯已经亮起,可以通行。

发生这个问题在于红灯到变换绿灯的过程,是没有任何过渡或提醒的。大部分都是直接变换。

同样,腾讯大厦的电梯间,没有人可以知道这个电梯什么时候到达该楼层。当想上、下楼时,等待电梯到达是一个很漫长的时间,我试过在中午高峰时期等了半小时,最后放弃改走楼梯。

这里的问题也类似红绿灯:等待电梯到达的过程没有明确的提示,不知道什么时候哪一部电梯会到达。甚至是电梯发生了故障到不了,也不知道。等待时间过长,容易让人产生焦虑。

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

网页中的连续

flickr批量管理的界面

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

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

Qzone照片上传界面

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

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

【连续性的设计 改善产品的体验】相关文章:

简洁网页设计你需知的6点技巧

完美的用户体验设计从何而来?

PINTEREST 的设计团队是怎样工作的

交互设计在产品设计中的工作流程小议

APP动效设计分为哪几种?

正在失效的用户体验设计方法

网页设计与重构那些事儿

帮设计师快速解决GIF图的锯齿问题

你应该知道的产品设计的14招

合理设置响应式设计的响应点

精品推荐
分类导航