认知与设计 8.7分
读书笔记 1
Jeany

认知与设计—— 理解UI设计准则 Designing with the Mind in Mind: Simple Guide to Understanding User Interface Design Rules 作者: 约翰逊 译者: 张一宁 Jeff Johnson 拥有耶鲁大学及斯坦福大学心理学学位。UI Wizards公司董事长兼首席顾问。,他是GUI设计的先驱,著有畅销书《GUI设计禁忌》。 引言 用户界面设计规则 早期设计准则有: Cheriton(1976)为早期交互式(分时)计算机系统提出用户界面设计准则; Norman(1983a,1983b)基于人类认知(包括认知上的错误),提出了软件用户界面设计规则; Smith和Mosier(1986)撰写了也许是最全面的一套用户界面设计准则; Shneiderman(1987)在其著作《设计用户界面》的第一版及所有后续版本中,都收录了“界面设计的八条金科玉律” Brown(1988)《人机界面设计指导准则》 Nielsen和Molich(1990)一套用于用户界面启发式评估的设计准则 Marcus(1991)针对在线文档和用户界面中图形化设计的准则。 Stone(2005)Koyani、Bailey和Nall(2006),Johnson(2007),Shneiderman和Plaisant(2009)微软公司(Microsoft Corporation,2009)、苹果电脑(Apple Computer,2009)和甲骨文公司(Oracle Corporation/Sun Microsystems,2001) 遗憾的是用户界面设计准则通常都是以设计公布的简单列表形式提供的,几乎没有提供任何理论依据或背景。例外Norman(1983a) 拥有认知心理学的知识背景,更容易理解用户界面设计准则。所有设计准则都是基于人类心理学:人们如何感知、学习、推理、记忆,以及把意图转换为行为。 第1章 我们感知自己的期望 过去:我们的经验 现在:当前的环境 将来:我们的目标   1.影响感知的因素: 经验影响感知(经验,习惯,现象:先入为主) 环境影响感知(现象:下雨天影响心情) 目标影响感知 影响我们注意什么(行为的目标性,目标会过滤掉我们的感知) 使我们的感知对某些特性敏感 2.用户界面设计准则 避免歧义(清晰表达) 保持一致(控件复用,外观一致,位置摆放相近,便于识别) 理解目标(用户目标)   第2章 为观察结构优化我们的视觉   1.格式塔原理:接近性。物体之间的相对距离影响我们的感知,距离相近的物体在视觉上归为一组   2.格式塔原理:相似性。若其他因素不变,相似的物体在视觉上归为一组   3.格式塔原理:连续性。视觉系统倾向于感知连续的形式,而非分离的碎片,视觉系统会自动补充遗漏丢失或模糊的部分   4.格式塔原理:封闭性。视觉系统倾向于把感知到的敞开的图形封闭起来,以便视觉上形成一个整体  5.格式塔原理:对称性。视觉系统习惯将复杂的场景分解为简单和对称形状的组合  6.格式塔原理:主体/ 背景。主体指吸引我们主要注意力的物体,场景的特点影响视觉对主体和背景的解析   7.格式塔原理:共同命运。运动的物体在视觉上归为一组   8.使用所有格塔式原理时,设计可能会导致无意产生的视觉关系。推荐方法:在设计一个显示之后,使用每个格式塔原理来考量各个设计元素之间的关系是否符合设计的初衷。   第3章 我们寻找和使用视觉结构   1.结构提高了用户浏览长数字的能力:信息呈现方式越是结构化、精炼和不重复(噪音),人们就越能更快和更容易地扫描和理解。   2.数据专用控件提供了更多的结构,如电话号码、日期、电子邮箱地址。   3.视觉层次让人专注于相关的信息 可视化信息现实的最重要目标之一是提供一个视觉层次,即信息的布置安排能够注意: 尺寸大小:将信息分段,把大块整段的信息分割为各个小段; 显著程度:显著标记每个信息段和子段,以便清晰地确认各自的内容; 内容关联:以一个层次结构来展示各段及其子段,使得上层的段能够比下层更重点地被展示。   第4章 阅读不是自然的   1.我们的大脑是为语言而不是为阅读设计的:说话和理解口头语言是自然的人类活动,而写作与阅读是一种人造的、通过系统的指导和训练获得的能力。 学习阅读就是训练大脑(包括视觉系统)去识别特征和模式,从低到高层次的模式: 线条、轮廓和形状 基本视觉特征结合形成模式:字母、数字和其他标准符号。 在拼音文字里,字符形成的模式成为词素,被我们识别为一些小块的含义。 词素合并形成单词和表意文字里的符号 单词组成的词组、成语和语句 语句组成段落。   2.阅读是特征驱动还是语境驱动 特征驱动的阅读被称为“自下而上的”或“无语境的”;语境驱动或自上而下的阅读与特征驱动阅读是并行的,但运作的方式相反,语境驱动的阅读从完整的句子或者段落的主旨,到单词和字符。 最有效的阅读方式是无语境的、自下而上特征驱动的方式,需要熟练掌握到无意识的程度。即熟练快速的阅读大部分基于对特征、字母和单词的无意识的识别。识别越容易,速度也就越快、越容易。相反,非熟练的阅读极需要语境提示的帮助。 对于不熟练的阅读者,基于特征阅读不是无意识的,而是有意识的、费劲的,基于语境的阅读和非无意识的基于特征的阅读小号了短期感知能力,导致对内容缺少理解。 处于儿童期的人没有获得足够的阅读经验,让特征驱动的识别过程变成无意识的,他们长大后就觉得阅读在精神上是费劲和压力重重的。  3.熟练阅读和不熟练阅读使用大脑的不同部位 左太阳穴附近大脑(Broca区)受伤会影响说话;靠近左耳后方的大脑(Wernicke区)受伤会影响听力理解。 阅读时第一反应区域是处于大脑后方的枕叶皮层(视觉皮层)。 初级阅读者Wernicke区上方靠后的区域首先被激活,字母被分析后对应到各自的发音。然后又单词分析区域传递给Broca区和大脑额叶,大脑额叶在负责词素和单词的之别和整体含义的获取。 高级阅读者单词分析区域被跳过了,枕颞区(位于耳后,距离视觉皮层不远)被激活。这个区域负责将单词识别为一个整体,不需要发音,然后激活通往大脑前段负责单词含义和心理成像的部分。Broca区仅稍微参与这部分的神经活动。   4.糟糕的信息设计会影响阅读 糟糕的信息设计:不常见和不熟悉的词汇;难以辨认的书写和字型;微小的字体;嘈杂背景下的文字;信息被重复的内容淹没;居中对齐的文字;以上多种设计缺陷组合; 对设计的启示:支持,而不是干扰阅读。 设计者应遵循的阅读提供支持准则有: A。保证用户界面里的文字允许基于特征的无意识处理有效地进行,可以通过避免之前描述的破坏性缺陷做到。B。使用有限的、高度一致的词汇,“直白的语言”(http://www.plainlanguage.gov)“简单的语言”(Redish,2007)C。将文字格式设计出视觉层次,以便使浏览更轻松。 有经验的信息架构师、内容编辑和图形设计师,对于轻松地浏览和阅读方面提供更多支持。   5.软件里要求的阅读很多都是不必要的/软件指令应短小精悍且保持清晰明确 对设计的启示:尽量少让人阅读,使用最少的文字让用户完成目标。 消除冗余文字的建议,参考Krug(2005)和Redish(2007)   6.对真实用户的测试 真实用户=目标用户群,利用原型和部分实现,在设计早期就可以测试,但发布之前仍需要测试。对字体和格式做最后一分钟的修改通常是容易的。   第5章 色觉是有限的 1.色觉是如何工作的 眼睛中的视网膜有两类感光细胞:视杆细胞和视椎细胞,前者觉察光线强度,后者察觉颜色。三种视椎细胞分别对红色。绿色和蓝色光敏感,人类的色觉和计算机显示器类似,通过红色、绿色和蓝色像素的组合来探测形成多种颜色。 每种视椎细胞敏感的光谱比较广且互相重叠的,敏感度差别较大:低频对整个可见光频谱都敏感,但对处于频谱中间的黄色和低频的红色最敏感;中频对高频的蓝色到中频偏低的黄色和橙色有反应,但整体敏感度低于低频视椎细胞;高频对可见光的高频部分(紫色和蓝色)最平安,但对中频(绿色)的敏感度较低。敏感度低于前两者,数量上也更少。因此眼睛对蓝色和紫色不如对其他颜色敏感。 大脑通过做减法综合传来的信号进行呈现,即对所有颜色对抗通道做更多的减法处理,来自视网膜上某个区域的信号将被从来自其附近区域的类似信号中减掉。   2.视觉是为边缘反差而不是为亮度优化的,即人类视觉系统对鲜明的边缘敏感度比对比的亮度敏感度高。 3.区别颜色的能力取决于颜色是如何呈现的 基于视觉系统运作的方式来呈现: A.深浅度:两个颜色越浅就难将它区别;B.色块的大小:对象越小或者越细,就越难辨别它们的颜色;C。分隔的距离:两个色块之间离得越远,就越难区分它们的颜色,尤其是当它们之间的距离大到需要眼球运动。   4.色盲/有些人是色盲  颜色对交互系统设计准则的第四个因素是,使用的颜色是否能够被常见类型的色盲用户分开。最常见色盲是红绿色盲,无法区分深红色和黑色,深红和深绿,蓝色和紫色,浅绿色和白色、绿色和卡其色。  5.影响色彩区分能力的外部因素/用户的屏幕和观看条件会影响对颜色的感知。  外部环境如:彩色显示屏的差异;灰度显示器;显示器角度;环境光线。  6.使用色彩的准则 (1)用饱和度、亮度以及色相来区分颜色 用灰度模式下进行测试,区分不出来颜色,其差别不够。 (2)使用独特的颜色 红绿,黄蓝,黑白 (3)避免使用色盲的人无法区分的颜色对 不在深色背景上使用深红色、蓝色或者紫色,在浅黄色和浅绿色背景上使用深红、蓝色和紫色。 Vischeck.com检查不同色觉障碍的人看到的效果。 (4)在颜色之外使用其他提示/不要完全依赖于色彩。 (5)将强烈的对抗色分开 对抗色会产生令人难受的闪烁感觉   第6章 我们的边界视力很糟糕   1.中央凹的分辨率与边界视野的分辨率比较    2.边界视觉有什么用   3.电脑用户界面中的例子   4.让信息可见的常用方法   5.让用户注意到信息的重武器:请小心使用   第7章 我们的注意力有限,记忆力也不完美    短期与长期记忆    对记忆的一种现代观点    短期记忆的特点    短期记忆的特点对用户界面设计的影响    长期记忆的特点    长期记忆的特点对用户界面设计的影响   第8章 对注意力、形状、思考以及行动的限制    模式一:我们专注于目标而很少注意使用的工具    模式二:我们使用外部帮助来记录正在做的事情    模式三:我们跟着信息“气味”靠近目标    模式四:我们偏好熟悉的路径    模式五:我们的思考周期:目标,执行,评估    模式六:完成任务的主要目标之后,我们经常忘记做收尾工作   第9章 识别容易,回忆很难    认识容    回忆很难    识别与回忆对用户界面设计的影响   第10章 从经验中学习与学后付诸实践容易,解决问题和计算很难    我们有三个大脑    从经验中学习(通常)是容易的    操作已经学会的动作是容易的    解决问题和计算是困难的    在用户界面设计上的影响    前文中提到的问题的答案   第11章 许多因素影响学习    当操作专注于任务、简单和一致时,我们学得更快    当词汇专注于任务、熟悉和一致时,我们学得更快    风险低的时候我们学得快    小结   第12章 我们有时间要求    响应度的定义    人类大脑的许多时间常量    时间常数的工程近似法:数量级    为满足实时交互的设计    达到高响应度交互系统的另外一些指导原则    实现高响应度是重要的   后记   附录 著名的用户界面设计准则   参考文献  

0
《认知与设计》的全部笔记 221篇
豆瓣
免费下载 iOS / Android 版客户端