28
可用性30 UE组 [email protected] 1

usability 30

Embed Size (px)

DESCRIPTION

about usability 30

Citation preview

Page 1: usability 30

可用性30

UE组 [email protected]

1

Page 2: usability 30

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

• 2秒

• 3次

• 80/20

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

• 费茨定律

• 倒金字塔

• 满意原则

2

演示者
演示文稿备注
可用性:规则和原则
Page 3: usability 30

可用性:规则和原则

• 7±2原则

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

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

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

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

2.每屏的版块设置等

3

演示者
演示文稿备注
可用性:规则和原则
Page 4: usability 30

可用性:规则和原则

• 2秒规则

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

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

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

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

,用户体验越好。

Reliable principle: the less users have to wait, the

better is the user experience.

4

演示者
演示文稿备注
可用性:规则和原则
Page 5: usability 30

可用性:规则和原则

• 3次点击法则

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

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

5

演示者
演示文稿备注
换句话来说,这个规则强调导航清晰的重要性, 具备逻辑性的架构和容易领会的站点系统。在大多数情况下,点击次数其实是无关重要的;真正重要的是访问者总是知道他们在哪里,去过哪里还有下一步可以去哪里。如果用户完全了解系统如何工作,甚至10次点击也是可以的。
Page 6: usability 30

可用性:规则和原则

• 80/20法则(巴莱多定律)

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

经验(“80%销量来自20%顾客”),但也可以运用在

设计和可用性上。

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

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

•……

6

演示者
演示文稿备注
巴莱多定律(也叫关键少数法则和稀疏因子法则)
Page 7: usability 30

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

7

演示者
演示文稿备注
通过交互设计研究,本·施奈德曼从经验和大多数可行的交互系统提取出有启发性的法则集。这些法则对于用户界面设计和网页设计都是普遍适用的。
Page 8: usability 30

可用性:规则和原则

• 费茨定律

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

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

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

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

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

8

演示者
演示文稿备注
费茨定律
Page 9: usability 30

可用性:规则和原则

• 倒金字塔

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

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

例如背景信息。

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

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

利于用户体验。

9

演示者
演示文稿备注
费茨定律
Page 10: usability 30

可用性:规则和原则

• 满意原则

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

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

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

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

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

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

10

演示者
演示文稿备注
费茨定律
Page 11: usability 30

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

• 2秒

• 3次

• 80/20

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

• 费茨定律

• 倒金字塔

• 满意原则

11

演示者
演示文稿备注
可用性:规则和原则
Page 12: usability 30

可用性背后的心理学

• 小鸭子综合症

• 无视横幅广告

• 蔡格尼克记忆效应

• 形态理解的完全法则

• 自我参照效应

12

演示者
演示文稿备注
可用性:规则和原则
Page 13: usability 30

可用性背后的心理学

• 小鸭子综合症

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

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

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

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

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

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

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

13

演示者
演示文稿备注
费茨定律
Page 14: usability 30

可用性背后的心理学

• 广告雷达

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

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

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

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

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

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

14

演示者
演示文稿备注
费茨定律
Page 15: usability 30

可用性背后的心理学

• 广告雷达

15

演示者
演示文稿备注
费茨定律
Page 16: usability 30

可用性背后的心理学

• 蔡格尼克记忆效应

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

16

演示者
演示文稿备注
这个效应由蔡格尼克于1927年发
Page 17: usability 30

可用性背后的心理学

形态理解的完全法则

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

17

演示者
演示文稿备注
http://www.interaction-design.org/encyclopedia/gestalt_principles_of_form_perception.html
Page 18: usability 30

可用性背后的心理学

形态理解的完全法则

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

18

演示者
演示文稿备注
这些法则是人机交互设计的基本心理学。
Page 19: usability 30

可用性背后的心理学

形态理解的完全法则

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

19

演示者
演示文稿备注
这些法则是人机交互设计的基本心理学。
Page 20: usability 30

可用性背后的心理学

形态理解的完全法则

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

20

演示者
演示文稿备注
这些法则是人机交互设计的基本心理学。
Page 21: usability 30

可用性背后的心理学

形态理解的完全法则

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

21

演示者
演示文稿备注
这些法则是人机交互设计的基本心理学。
Page 22: usability 30

可用性背后的心理学

自我参照效应

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

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

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

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

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

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

和内容展示方面。22

演示者
演示文稿备注
这些法则是人机交互设计的基本心理学。
Page 23: usability 30

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

• 中心注视点(中心区域)

• 注解

• 容错性

• 粒度

• 热点

• 易读性

• “扫雷”

23

• “肉之谜”导航系统

• 物理一致性

• 逐渐地加强

• 可读性

• 以用户为中心的设计(UCD)

• 警惕性(连贯注视)

• 走来即用的设计

• 线框图

演示者
演示文稿备注
可用性:规则和原则
Page 24: usability 30

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

眼动追踪

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

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

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

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

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

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

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

架构和系统。

24

演示者
演示文稿备注
http://www.simpleusability.com/services/usability/eye-tracking/gaze-plot
Page 25: usability 30

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

中心注视点(中心区域)

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

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

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

25

演示者
演示文稿备注
http://youtube.com/watch?v=GzgRfE5B1Yc
Page 26: usability 30

引用

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

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

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

26

Page 27: usability 30

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

27

Page 28: usability 30

谢谢!巫桂华

Email:[email protected]:[email protected]

28