B2.1-可用性原则

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

原则一:欢迎词必须消灭(请直接了当,别耽误时间)

原则二:指示说明必须消灭(通过让每项内容不言而喻来消除指示说明)

你可能感兴趣的:(B2.1-可用性原则)