认知与设计理解UI设计准则

《认知与设计理解UI设计准则》由会员分享，可在线阅读，更多相关《认知与设计理解UI设计准则（21页珍藏版）》请在金锄头文库上搜索。

1、第一章我们的感知存在偏差我们对周围世界的感知并不是对其真实的描述。我们的感知至少受到以下三个因素的影响，与现实存在严重的偏差。口过去我们的经验。口现在当前的环境。口将来我们的目标。Part 1过去的经验影响感知经验，即你过去的感知，会以几种不同的方式影响你现在的感知、感知的启动1、经验影响视觉感知一一2个例子与房地产经理会面vs与广告经理会面这是建筑地图还是单词？你看到的取决于别人告诉你看什么当感知系统预先准备看的是建筑物的形状时，你就看到了建筑物的形状，几乎察觉不到建筑物之问的白色区域。当感知系统预先准备去看文字时，你就看到了文字，也几乎注意不到字母间的黑色区域先入为主能够影响感知墨点or斑

2、点狗2、经验影响语句感知不久前听说过疫苗污染事故的人VS 最近听说过利用疫苗成功对抗疾病的人对于“新疫苗含有狂犬病毒”的不同理解二、熟悉的感知模式或者框架我们生活中大部分时间都在熟悉的环境里度过：家中的房间、花园、上学放学上班下班经过的路线、我们的办公室、小区附近 的公园、商店、餐馆等。同期待不断置身的各种坏境在我们心智中建立起模式，让我们对不同地方的东西有不研究者们把这些 感知模 式称为 框架， 包括在各个坏境下通常遇到的对象和事件。举例:因为对家里的房间足够熟悉，所以你不需要时常详细检查每一个细节。你知道它们的布局，也知道大多数东西放在什么地方。你或许都能够在全黑的情况下在家中行走。但你对

3、家的经验要比自己的住宅更广泛。除了对自己住宅的了解，你的大脑对家也有一个广泛的模式认知。这个模式影响了你对所有家的认知，不论熟 悉的还是陌生的。在厨房，你期待看到灶具和水槽在浴室你期待看到马桶、洗手池、淋浴器或者浴缸。不同场合的心智框架影响人们在各个场合下对期待见到的事物的感知。因为不必不断地详细检视身边坏境的每一个细节，这是心智的捷径，能帮助人们应付所处的世界。然而，心智框架也让人们看到其实并不存在的东西。一个灶具，因为在你付过钱了而心不在例 1: 如果你拜访一个厨房里没有灶具的房子，你事后可能会回忆看到过 对厨房的心智框架里，灶具是厨房的一个重要部分。例 2 ： 去餐馆吃饭的心智框架中一部

4、分是付账，所以你可能记得自己已经 焉直接就走出餐馆。你的大脑对后院、学校、城市街道、办公室、超市、牙医诊所、的士、空 中交通等熟悉场合 都有各自的心智框架。用户对电脑系统、软件、网站都有对应的心智框架。例1:比如，当他们访问一个新网站时，有经验的网络用户期待看到网站名字和 logo 、导航条、一些链接，也许还有一个搜索框。例 2:当在线订购机票时，他们期待能够指定行程详细信息，查看搜索结果，选择决定的航班，并且购买机票。由于用户感知模式的存在，他们经常不仔细看就点击按钮或链接。用户对控件位置的期望更多来自用户自己的框架期望他们在屏幕上看见什么。这点有时会让软件设计者觉得挫败，因为设计者期望用户

5、看见屏幕上确实有的 东西，但人类的视觉系统却不是这样工作的。例1:Page 1Page 2Page 3Page 4“控件的摆放要一致”是Part 1过去的经验影响感知卜常见的用户界面设计准则0底下我们也可在寻找某件东西时，如果它不在老地方或者看起来与往常不同，即使就在眼皮 能视而不见。这是因为经验调整我们到期望的地方依据期望的特征去寻找。例 2 ：如果一个网站某个表单上“提交”按钮的形状或者颜色与其他表单上的按钮不 同，用户就可能找不到它。本章在关于目标如何影响感知的一节中，会深入讨论这种由预期导致的盲目性。三、习惯性经验影响感知的第 3 种方式被称为习惯性。重复置身于同样（或者非常类似）的

6、感觉会 让感觉系统的敏感度降低。习惯性是人们神经系统在非常低层的一个现象， 它发生在神经级 别。, 也会对重复的刺激（比如轻微的电击或者闪光）产生习惯性。具有复杂神经系统的人类，对一系列事件也会产生习惯性，从低层次（如连续 的蜂鸣声）、到中间层次（如网站上闪烁的广告条）、再到高层次（比如某人在每次派对上重复说同一个笑话或者某政客的冗长单调的演讲），都是如此。在使用电脑时，当“你是否确定”的确认框一次又一次出现，人们也能体验到 习惯性。人们最开始会注意到并且或许会做出反应，但最终则会反射般直接忽视 并关闭确认框。在最近被标以“社交媒体倦怠” （Nichols, 2013 ） 、“社交媒体疲劳”或

7、者Facebook 假期” （Rainie 等， 201 3） 的现象中 . 习惯性也是一个因素。社交网站 的新用户一开始对用微博来分享体验的创新感到兴奋，但迟早会感到疲惫不堪， 不愿再耗费时间阅读“朋友们”分享的各种琐事，比如，“看 ! 我午饭吃的这份一 文鱼沙拉太赞了 ! ”四、注意瞬脱过往经验对低层感知的另一个影响，发生在人们刚刚发现或者听到某件重要的事 情之后。在识别之后短暂的 0.15 秒到 0.45 秒之问，即使耳朵和眼睛正常工作，人们 也接近于失聪而且无视其他视觉刺激。研究者们把这个现象称为注意瞬脱 （Raymond 等， 1992, Stafford 和Webb, 2005 ）

8、 。认为这是由于大脑的感觉与注意力机制在短 时间内完全用于处理第一个识别而产生的。举一个经典的例子：你在一节正在进站的地铁车厢内，计划与两位朋友在地铁站 见面。当地铁到达时，你的车厢经过了一位朋友，你透过车窗短暂地看到了他。在 下一秒钟，又经过了另一位朋友. 但你却没注意到她。这是因为，当她的影像抵达你的视网膜时，你正好因为认出了第一位朋友而处于注意瞬脱中。当人们使用基于电脑的系统和在线服务时，如果事情连续发生得太快，他们会因 为注意瞬脱而错过一些信息或者事件。当下制作纪录影片有一个流行的手段，就是连续快速展示一系列静态照片。这个方式是非常容易产生注意瞬脱的：如果一个图 片真的吸引了你的注意力

9、（比如对你有特别的意义），你可能就会错过紧接其后的一两 张图片。相比之下，自动播放的幻灯片（比如在网站或者信息资讯机上）中的一张引人注目的图片是不大可能造成注意瞬脱的（即错过下一张图），因为每张图片都一般有几 秒钟显示时间。Part 2 现在的环境影响感知视觉受坏境因素影响的偏差在阅读中出现当我们试图去理解视觉如何工作时，很容易认为它是 一个自下而上（由小到大） 的 过程，点一线一面一有意义的事物。以阅读为例，视觉系统识别顺序：字母一单词一句子但视觉感知一尤其是阅读，自下而上（由小到大）+自上而下（由大到小）包含某个字母的单词能够影响我们对这个字母的判断例仁同样的字符受其附近的字母影响而被感觉

10、成 H或ATHE CHT对一句话或者一段话完整的理解甚至能够影响我们所看到的单词。例如 ，同样的字母序列可以因前后段落含义的不同而被理解成不同的单词例2：同样的短语因其所在的短语组不同而有不同的解读Fold napkins. Polish silverware ? Wash dishes.French napkins ? Polish silverware ? German dishes.折叠的餐巾纸擦亮的银器清洗盘子法国餐巾纸波兰银器德国盘子视觉被视觉坏境所影响例仁，Muller-Lyer错觉就是一个著名的例子两条水平线.一条有朝外指向的“翅”，另一条有着朝内指向的“翅”，尽管它们 相同长度

11、，但不同的“翅”使得我们的视觉系统觉得上方的线比下方的线更长。这类视错觉欺骗了我们，因为我们的视觉系统并不使用精确的、最佳的处理方式来感知世界。视觉系统在进化中发展，这是一个半随机的过程，不断叠加各种应急的，通常非完备且不精确的方案。它在大部分时间里运转正常.但包含许多粗略估计、拼凑、修补和一些在某些情况下彻底导致问题的bug。Part 1过去的经验影响感知Part 2现在的环境影响感知Part 3将来的目标影响感知视觉被视觉坏境所影响例2:在当前坏境下不同感官之间也会有感知的偏差。五官的感觉会同时相互影响。我们的触觉感受可能会被听到的、看到的或者闻到的所影响，视觉会被听觉影 响. 听觉也会被视觉影响。以下是我们的视觉影响听觉的 2 个例子 : 例 1 ： McGurk 效应如果你观看一个视顿，其中有人说着“吧、吧、吧”。接着“嗒、嗒、嗒”， 然后“哇、哇、哇”，但音频一直是“吧、吧、吧”。你将会通过观看说话者的嘴唇运功而不是实际听到的来辨认他说的音节。只有当闭上限睛或者转移目光，你才能真正听到实际语音发出的音节。我打赌你们不知道自己可以 读唇 . 但事实上人们一天里这么做的次数相当多。