usability 30

可用性30

UE组 guihuawu@gmail.com

1

可用性：规则和原则• 7±2

• 2秒

• 3次

• 80/20

• 交互设计的八条黄金法则

• 费茨定律

• 倒金字塔

• 满意原则

2

可用性：规则和原则

• 7±2原则

因为人脑在获取信息时有容量限制，所以在处理复杂信

息时会把其分为大的块和单元。根据George A. Miller

对人类短时记忆的研究，人脑每次能记住大概5至9项。这个理论通常用在

1.限定导航菜单选项的数目为7。

2.每屏的版块设置等

3

可用性：规则和原则

• 2秒规则

一条不成文的规则说，在一定类型的系统响应下，用户

不必等待多于2秒，例如，切换应用程序和启动应用程

序。尽管2秒钟的说法多少有点武断，但还是一个合理

的规则。更可靠的说法应该是：让用户等待的时间越短

，用户体验越好。

Reliable principle: the less users have to wait, the

better is the user experience.

4

可用性：规则和原则

• 3次点击法则

如果用户在点击3次鼠标之后都找不到信息或者找不出

站点的特征，那么他们会放弃使用这个网站。

5

可用性：规则和原则

• 80/20法则（巴莱多定律）

指80%的效果归结于20%的原因。这是经济学上的基本

经验（“80%销量来自20%顾客”），但也可以运用在

设计和可用性上。

•20%的页面承担着80%的流量

•20%的会员创造80%的内容

•……

6

可用性：规则和原则交互设计的八条黄金法则• 保持一致性• 让熟手用户使用快捷键• 提供信息化反馈• 设计对话框提示结束• 提供简易错误处理• 允许简单的恢复操作• 提供控制的感觉• 减少短时记忆载入

7

可用性：规则和原则

• 费茨定律

这是保罗·费茨在1954年发布的，费茨定律是移动点或

者手指到达目标的时间和移动距离的对数成正比。该定

律经常运用于鼠标从点A到点B的运动。

例如，以一个更有效的途径使可接近性更大和提高点击率去放置内

容，这个定律便显得重要。

8

可用性：规则和原则

• 倒金字塔

倒金字塔是文章的摘要在文章开头的一种书写风格。文

章以结论开头，然后陈述主要观点，最后是次要的细节

例如背景信息。

既然网页用户想要即时的满足感，那么，正如 尼尔森所

说的，倒金字塔对于网页写作是非常重要的，而且更有

利于用户体验。

9

可用性：规则和原则

• 满意原则

网页用户不喜欢以最优方式去寻找他们所需要的信息。

他们对最合理的解决方案不感兴趣。相反，他们经常以

又快而并不清晰的方式浏览。

在网页应用里，满意原则实际就是描述这种方式：用户

以“够用就好”的方式解决问题——尽管长远来看另一

种方案能更好地满足他们的需求。

10

可用性：规则和原则• 7±2

• 2秒

• 3次

• 80/20

• 交互设计的八条黄金法则

• 费茨定律

• 倒金字塔

• 满意原则

11

可用性背后的心理学

• 小鸭子综合症

• 无视横幅广告

• 蔡格尼克记忆效应

• 形态理解的完全法则

• 自我参照效应

12

可用性背后的心理学

• 小鸭子综合症

小鸭子综合症描述了访问者趋于坚持他们接触的最初设

计以及用最初设计的相似性去衡量其它设计。结果是比

起其他不相似的系统，大多数用户更喜欢类似的系统。

这是因为大多数再设计所具有的可用性问题：用户习惯

了原先的设计，对于新的站点结构感到不适应，而不得

不重新去适应、找新的方法。

我们的用户习惯了什么？阿里巴巴、新浪？

13

可用性背后的心理学

• 广告雷达

网页用户习惯无视看似广告的任何东西，有趣的是，他

们还十分擅长这个。尽管 广告显眼 ，但却 经常被忽略

。因为用户上网有不同的目的，当在网页上搜查明确的

信息时，他们只会将注意力集中在他们认为是相关的信

息上，例如，小的文本和超链接。大的色彩斑斓或者动

画横幅和其他图形在这种情况会被无视。

14

可用性背后的心理学

• 广告雷达

15

可用性背后的心理学

• 蔡格尼克记忆效应

“蔡格尼克记忆效应”，是指人们对于尚未处理完的事情，比已处理完成的事情印象更加深刻。蔡格尼克记忆效应就是基于这种现象；蔡格尼克记忆效应下的电影、文章和情节都有一个意外的结局，经常留下一个突然震惊的意外或是困境。这种效应经常运用在广告里：叫访问者回答，要想知道答案广告商强迫他们阅读广告，点击横幅或者跟随一个链接。在网页写作中蔡格尼克效应也用于联系访问者到网站（例如，“订阅我们的RSS以免你不会错过文章的第二部分！”）

16

可用性背后的心理学

形态理解的完全法则

•邻近性•相似性•连续性•关闭性

17

可用性背后的心理学

形态理解的完全法则

•邻近性如果东西紧密地放在一起，看的人会将这两个东西建立关连，这就是为什么UI上面控件要分群的原因。

18

可用性背后的心理学

形态理解的完全法则

•相似性如果两个东西具有相同的尺寸、体积、颜色、方位，那么看的人也会为他们建立关连。

19

可用性背后的心理学

形态理解的完全法则

•连续性我们的眼睛看到的连续的线和曲线，由较小的元素所组成。

20

可用性背后的心理学

形态理解的完全法则

•关闭性我们也想要看到简单封闭式表单，就像矩形，看起来方方正正。

21

可用性背后的心理学

自我参照效应

自我参照效应对于网页写作特别重要，而且可以有效地

提高作者和读者的沟通。比起跟我们无直接关系的事情

，我们能更好地记住跟我们个人想法有关的事情。

例如，阅读完一篇文章，用户可以很好地记住跟他们经

历相似的角色、故事或者事实。

在网站的可用性中，自我参照效应经常运用在网页写作

和内容展示方面。22

可用性术语：专门名词和概念• 眼动追踪

• 中心注视点（中心区域）

• 注解

• 容错性

• 粒度

• 热点

• 易读性

• “扫雷”

23

• “肉之谜”导航系统

• 物理一致性

• 逐渐地加强

• 可读性

• 以用户为中心的设计（UCD）

• 警惕性（连贯注视）

• 走来即用的设计

• 线框图

可用性术语：专门名词和概念

眼动追踪

眼动追踪是度量凝视点（我们

在看哪里）或者眼球运动的过

程。眼动追踪监视器记录每只

眼睛的运动和在可视点上最活

跃区域。眼动追踪研究可以帮

助评估用户浏览网页的舒适度

，以及他们要用多少时间了解

架构和系统。

24

可用性术语：专门名词和概念

中心注视点（中心区域）

中心区域是你的眼睛可以瞄准的小范围空间区域，它也是你可以感知最

多细节的唯一区域。中心区是位于你眼前大约两度的视野或两个指甲大

小的狭窄区域。这就是你传送最重要的信息给访问者的位置。

25

引用

• Interaction Design Encyclopaedia交互设计的百科全书，还在不断补充更新；文章不仅解释了可用性的规范和原则，也细致描述了它们现时在设计的使用。

• Usability First Glossary: Alphabetical Index其中一个最大的可用性词汇，包括上百条可用性术语相关的文章。

• Usability Glossary可用性101。来自明尼苏达州德卢斯大学的信息技术系统和服务的可用性词汇。

26

我们要怎么使用这些经验？讨论

27

谢谢！巫桂华

Email:wuguihua@staff.yidaba.comMSN:guihuawu@hotmail.com

28