usability 30
description
Transcript of usability 30
可用性:规则和原则• 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