Don't make me think -by Steve Krug
Chap1
可用性第一原则: 别让我思考
例子: 命名(简洁、易懂); 点击(符合习惯)
“在每个可用性问题背后,通常都有一个貌似合理的根据,以及一个良好但是错误的意图。”
大部分的心理活动发生在一瞬间。
原则:如果不能做到让一个页面不言而喻,至少应该让它自我解释。
Chap2
我们想象的用户使用方式和用户的实际使用方式差别巨大。
1. 用户不阅读网页,而是浏览网页
原因1:大多数时候我们都是带着任务来浏览网页的。
原因2:扫描有助于找到与任务相关的内容,剩下的内容不关心。
原因3:扫描是一种适应性能力。
应用: 针对不同目标/任务进行设计
注意点: 与手头任务相关的+当前或接下来的个人兴趣+触发器(自己的名字/美女/免费)
2. 用户不找最佳选择,而是找大致满意的选择
现象:当用户觉得一个链接看起来似乎会跳转到想去的地方,就会进行点击。而不会花更多时间进行判断。
原因1:寻找最佳策略需要的时间更长且难,寻找满意的策略更快。
原因2:在网站上点击错了不过是多点几次返回按钮,错误判断的成本低。
原因3:在设计不佳的网站中,花费精力去做最佳选择不如按照直觉去点击看看。
原因4:猜测不会像仔细衡量那么累,而且可能遇上意外但不错的内容。
决定因素: 用户的目标+时间紧迫性+对网站的信心
3. 用户并不(且不打算)了解网页背后的运作原理,只要能用就好
现象:人们对于一直在使用的网站、软件或是电器,并不理解它们的运作原理,甚至有错误的理解。
很多人完全不是以设计师设想的方式使用产品,但仍旧用得很好。
原因1:只要能正常使用,是否理解机制并不重要。
原因2:我们习惯按照最初的方式去使用产品,除非意外发现更好的方法。
Q: 是否应该让用户明白产品机制?
A: 是。方便用户找到需要的东西+更容易理解网站的服务范围+可以引导用户到你希望他们看到的位置+ 让用户觉得自己更能把握产品
Chap3
1. 尽量利用习惯用法
广为采纳/已经标准化了的设计模式:
Logo出现在左上角,导航横跨页面顶部,购物网站都会提供购物车,视频链接的图标应有的样子
设计师总是希望重新发明轮子。
如果你想发明轮子: 确保它和已有的方案一样不言而喻,没有学习曲线;你的方案所带来的价值大于用户的学习成本
原则: 简洁胜过一致
2. 建立有效的视觉层次
如果一个页面没有清楚的视觉层次,我们将降低扫描页面的速度。
我们需要寻找关键的文字来拼凑出我们感觉重要的内容,并将它们重新组织起来。
特点一: 越重要的部分越突出(字体更大、更粗,颜色更特别,留白更多,更接近顶部)
特点二: 逻辑上相关的部分视觉上也相关
特点三: 逻辑上包含的部分视觉上进行嵌套
3. 把页面划分成明确定义的区域
目的:让用户很快决定关注页面的哪些区域,放心跳过哪些区域。
例子: 广告盲点-用户可以完全忽略他们认为包含广告的区域~
4. 明显标识可以点击的地方
通过视觉线索寻找下一个可以点击的地方:
某种形状(按钮、选项卡)
某些位置(菜单条)
某些格式(文字颜色、下划线)
网页上可以根据鼠标形状变化判断,触摸屏上没有鼠标。
5. 降低视觉噪声
第一类:所有的内容都希望得到你的注意(大量不同字体和颜色,自动播放的视频,弹出窗口,广告和促销)
第二类:页面元素排列混乱,无法形成视觉层次结构
第三类:信息过于密集(低信噪比-噪声很多,信息很少,还被掩盖)
有罪推定:先假定所有内容都是视觉噪声,去除任何对页面没有帮助的内容。
6. 为内容创建清楚的格式
方法一:精心构思标题。(概括大意/引起兴趣)
原则: 多级标题间要有十分明显的视觉区分+标题应该更靠近它们引导的内容
方法二:保持段落简洁。
方法三:使用符号列表。 (分点阐述+条目之间应有留白)
方法四:突出关键词。(加粗&太多会被自己淹没)
Letting Go of the Words by Ginny Redish
Chap 4
"三次无须思考、明确无误的点击相当于一次需要思考的点击"
反例: 不得不经常深入到站点某一位置+不得不重复一系列的点击+页面载入过慢时,点击越少越有价值。
Forms that Work: Designing Web Forms for Usability by Caroline Jarrett
“当你不可避免要给我一个困难选择时,你需要用你的方式给我提供必要的帮助和指引。”
简短:只需要提供最少的帮助信息
及时:放在我正好需要它的地方
不会错过:设置合适的格式,确保我一定会注意到它
让选择变得无须思考是让一个网站容易使用的最重要因素。
Chap 5
“去掉每个页面上一般的文字,然后把剩下的再去掉一半”
原因一:降低页面的噪声。
原因二:让有用的内容更加突出。
原因三:让页面更简短,从而在当前页面上能见内容增多,不必滚动屏幕。
The Elements of Style by E.B.White
原则一:欢迎词必须消灭(请直接了当,别耽误时间)
原则二:指示说明必须消灭(通过让每项内容不言而喻来消除指示说明)