最近读了 Steve Krug 的《Don’t Make Me Think》,这本书对于 Web 和移动可用性设计有着很有趣的见解。对于其他可用性设计的书来说,这本书更加的浅显易懂。
一、Don't make me think!!!
贯彻本书的一大定律就是:别让我思考!
作为这个信息爆炸的社会的一员,我们已经失去了耐心去仔细浏览 Web 或移动端页面内容的习惯。“ 扫描”,变成了人们使用网络的方式。中国传统观念对于“ 不求甚解” 多含贬义,然而对于如今的我们,不求甚解已经成为了常态,那么如何让用户得到最舒服的体验呢?那就是不要让用户动脑思考。
二、那么我们应该怎样做呢?
首先,尽量利用习惯用法。例如我们的习惯阅读文字的方式是从左向右,如果网页文字方向是从右向左,那真的不失为逼疯处女座的一种好方法;人们见到红色的第一反应是禁止,而绿色是可以通过,如果页面的禁止或拒绝标志被用了绿色,处女座就又一次疯掉了。所以,使用习惯用法是最安全的手段。
第二,建立有效的视觉层次。越重要的部分就要越突出。如果一个页面没有清楚的视觉层次,用户就要更用力的去思考,降低了阅读的效率。
第三,把页面划分成明确定义的区域。将页面划分区域后,用户就可以清楚的知道哪些感兴趣哪些可以跳过。比如 AlloyTeam 的导航栏,如果用户想要看到团队成员长得有多好看,那就可以点击“ 团队”;如果用户想要表达对 AlloyTeam 的爱慕之情就可以点击“ 留言” 来向我们表白~
第四,明显标识可以点击的地方。无论是链接、按钮、选择卡等,都要有它自己应该有的样子,不要让用户去寻找什么是可以点击的。而 CSS 已经为我们提供了很好的解决方案。
第五,将干扰降到最小。眼花缭乱的配色、乱七八糟的排列、过于密集的文字罗列…… 再一次逼疯了处女座。用户的时间和精力有限,对于那些视觉上的噪声,该抛弃就抛弃吧!
最后,为内容创建清楚的格式,以便扫描。用户一般都会先注意到字体最粗最显眼的标题的部分。给标题设置个讨喜的字体、让标题和它的正文紧密一点、不同的内容按照段落分开等等……
最后
可用性设计是 Web 开发中最重要的部分,《Don't make me think》给出了很多简单易学的可用性设计建议,非常适合我们 Web 开发人员阅读,推荐~