网页设计技巧:防止错误发生的防呆设计(3)

http://www.itjxue.com  2015-08-07 20:44  来源:未知  点击次数: 

4.步骤状态

在一些复杂的操作时,用户会产生一定的心理疑问:什么时候才是个头呢?此时,为了避免用户发呆,需要告诉用户操作所处的状态和接下来的操作步骤。

对用户在这个页面需要做什么、已经做了什么有清晰的划分,对现在需要进行的、当前所处的操作阶段予以高亮显示吸引人进行操作;对于还未进行到的操作阶段也预先做了一个介绍,很清晰的介绍了完整的任务流程。

13

14

另外,对状态的巧妙标识也是防止用户发呆的一个有效途径。操作过多,用户可能已经遗忘了一些状态,比如浏览网页时哪些看过哪些未看过。Opera 在新开网页标签上设计了折角处理,提醒用户这个页面还未浏览。

15

无确切进度时,随着时间的增加改变wording,以提醒用户当前页面仍在努力加载,避免用户误认为页面卡住。

16

5.唯一操作

不具备专业的知识、对操作的流程没有预期的普通用户,在一些流程复杂的交互操作前总会或多或少的迷茫。如何降低这种迷茫?解决方法就是让用户单次只需执行唯一操作,不要把复杂的选择题抛给用户,让用户发呆。

17

例如在电脑杀毒这个相对复杂的任务中,一次只提供给用户唯一明显按钮,避免用户在选择时左右为难。把简单留给用户,把复杂留给自己。用户只给用户唯一的推荐,别让用户思考。

6.想你所需

用户在操作时不会保持高度的谨慎和耐性,所以必要时要帮助用户思考。帮用户想他没想到的,帮用户想他所需要的。如新浪微博使用邮箱做为登录名,用户在输入@ 后,将会出现输入建议,输入建议里有常用邮箱的后缀以辅助输入。此时用户就可以直接选择无需输入。

18

根据用户场景设计用户想不到的需求是防呆设计的较高境界。当你使用手机竖屏浏览时想将内容放大你会怎么做?没错,将屏幕翻转至横屏显示,之后触控放大。谷歌翻译对这一场景进行了延伸设计:当翻译完句子后,如果将设备横屏旋转其界面会自动全屏并放大,方便展示给旁边的人观看。这个贴心的细节提前考虑到用户使用翻译的场景,帮助用户省去一步操作。

19

替用户思考,帮用户想他们所想不到的,不局限与让用户停止发呆,还要让用户意想不到。

结语

防呆设计就是如何去防止错误发生的方法,让非专业、无经验的用户可以第一时间完成正确操作。最后,总结下防呆在交互设计中的应用。

避免错误

1.限制操作:将暂时不可用的操作隐藏起来;

2.预见出错:将用户可能的错误提前展示,比事后诸葛要好;

3.跳出空白:别让用户止步与空白,空白应有更广的发挥空间;

无需思考

1.状态指引:让用户了解当前的状态和未来的进程,防止用户迷失;

2.唯一操作:复杂的任务流中不要让用户过多选择,简单唯一就好;

3.想你所需:用户是匆忙的,我们要替用户想到他们想不到的事情。

总之,我们应该抛开自己的高级用户视角,在用户可能“发呆”的各个时刻精雕细琢。深入挖掘用户行为习惯和心智模型,真正从用户的角度去分析使用上可能会出现问题,通过系统的设计去尽量避免错误的发生——把简单留给用户、把复杂留给自己,让发呆成为不可能。

(责任编辑:IT教学网)

更多