内容简介

作者简介：

Jeff Johnson

拥有耶鲁大学及斯坦福大学心理学学位。UI Wizards公司董事长兼首席顾问。他是GUI设计的先驱，著有畅销书《GUI设计禁忌》。

译者简介：

张一宁

自称“一个认为写代码就是做与人打交道的设计的工程师”。拥有二十多年编程经验，从事过系统集成、金融行业应用的中间件和服务产品的研发，以及电信与互联网服务的开发和管理。人们通常认为这些活动是纯粹与机器打交道的，但我觉得不论是编程、测试，还是系统运维，与前端设计一样，要做好它们，心理学都扮演着重要的角色，这也是我翻译本书的原动力和出发点。个人主页：http://yining.org。Twitter：@yining。

王军锋

工业设计专业教师，热衷于用户研究、交互设计、体验设计。发表了数篇与之相关的研究论文，与国内工业设计及交互设计领域的同仁有广泛接触。近年来翻译出版了《...

()

作品目录

第1 章　我们的感知存在偏差 1
经验影响感知 1
环境影响感知 6
目标影响感知 8
设计时将感知的影响因素考虑在内 11
第2 章　我们的视觉经过优化更容易看到结构 13
格式塔原理：接近性 13
格式塔原理：相似性 15
格式塔原理：连续性 17
格式塔原理：封闭性 18
格式塔原理：对称性 19
格式塔原理：主体/ 背景 21
格式塔原理：共同命运 23
将格式塔原理综合起来 24
第3 章　我们探索和利用视觉结构 27
结构提高了用户浏览长数字的能力 29
数据专用控件提供了更多的结构 30
视觉层次让人专注于相关的信息 31
第4 章　色觉是有限的 33
色觉的原理 33
视觉是为边缘反差而不是为亮度优化的 35
区别颜色的能力取决于颜色是如何呈现的 36
色盲 38
影响色彩区分能力的外部因素 40
使用色彩的准则 40
第5 章　我们的边界视觉很糟糕 43
中央凹的分辨率与边界视野的分辨率比较 43
边界视觉有什么用 46
电脑用户界面中的例子 48
让信息可见的常用方法 50
让用户注意到信息的重武器：请小心使用 51
视觉搜索是线性的，除非目标“跳入”边界视野内 54
第6 章　阅读不是自然的 61
我们的大脑是为语言而不是为阅读设计的 61
阅读是特征驱动还是语境驱动 64
熟练阅读和不熟练阅读使用大脑的不同部位 67
糟糕的信息设计会影响阅读 68
软件里要求的很多阅读都是不必要的 74
对真实用户的测试 77
第7 章　我们的注意力有限，记忆力也不完美 79
短期记忆与长期记忆 79
关于记忆的一种现代观点 80
注意力和工作记忆的特点 83
工作记忆的特点对用户界面设计的影响 87
长期记忆的特点 90
长期记忆的特点对用户界面设计的影响 92
第8 章　注意力对思考以及行动的限制 95
模式一：我们专注于目标而很少注意使用的工具 95
模式二：我们能注意到更多与目标相关的东西 96
模式三：我们使用外部帮助来记录正在做的事情 98
模式四：我们跟着信息“气味”靠近目标 100
模式五：我们偏好熟悉的路径 102
模式六：我们的思考周期：目标，执行，评估 103
模式七：完成任务的主要目标之后，我们经常忘记做收尾工作 106
第9 章　识别容易，回忆很难 109
识别容易 109
回忆很难 112
识别与回忆对用户界面设计的影响 113
第10 章　从经验中学习与学后付诸实践容易，解决问题和计算很难 119
我们有三个“脑” 119
我们有两种思维 120
从经验中学习（通常）是容易的 122
执行已经学会的动作是容易的 124
执行新动作很难 124
解决问题和计算是困难的 126
在用户界面设计上的影响 131
前文中问题的答案 133
第11 章　许多因素影响学习 135
当实践经常、有规律和精确时，我们学得更快 136
当操作专注于任务、简单和一致时，我们学得更快 137
当词汇专注于任务、熟悉和一致时，我们学得更快 144
风险低的时候我们学得快 150
第12 章　人类很少做理性的决策 153
人们经常不理性 153
相比收益，我们更在乎损失 154
措辞也能影响我们的选择 155
生动的想象和记忆也影响着我们 156
利用人类认知的优缺点 157
第13 章　我们的手眼协调遵循规律 169
菲茨定律：指向目标 169
引导定律：沿着受限路径移动指针 173
第14 章　我们有时间要求 177
响应度的定义 177
人类大脑的许多时间常量 179
时间常数的工程近似法：数量级 184
满足实时交互的设计 185
达到高响应度交互系统的其他指导原则 189
实现高响应度是重要的 195
后记 197
附录　著名的用户界面设计准则 199
参考文献 203
· · · · · ·

作者简介

作者简介：

Jeff Johnson

拥有耶鲁大学及斯坦福大学心理学学位。UI Wizards公司董事长兼首席顾问。他是GUI设计的先驱，著有畅销书《GUI设计禁忌》。

译者简介：

张一宁

自称“一个认为写代码就是做与人打交道的设计的工程师”。拥有二十多年编程经验，从事过系统集成、金融行业应用的中间件和服务产品的研发，以及电信与互联网服务的开发和管理。人们通常认为这些活动是纯粹与机器打交道的，但我觉得不论是编程、测试，还是系统运维，与前端设计一样，要做好它们，心理学都扮演着重要的角色，这也是我翻译本书的原动力和出发点。个人主页：http://yining.org。Twitter：@yining。

王军锋

工业设计专业教师，热衷于用户研究、交互设计、体验设计。发表了数篇与之相关的研究论文，与国内工业设计及交互设计领域的同仁有广泛接触。近年来翻译出版了《...

(展开全部)

精彩摘录

我们的视觉是为检测边缘反差优化的，而不是绝对亮度visionisoptimizedforedgecontrast,notbrightness我们原始社会的祖先无论是在阳光普照的晌午，还是在阴云密布的清晨，都能分辨出躲在附近灌木丛中的豹以及其他类似的危险动物。我们区别颜色的能力取决于颜色是如何呈现的-深浅度：越浅（低饱和度）越难区分-色块的大小：越小越难区分（如excel图例色块）-分隔的距离：两个色块离的越远，尤其距离达到需要眼球运动，则颜色越难区分影响色彩区分的外部因素：显示屏差异、显示器角度、环境光等最易区分的颜色：黑白红绿蓝黄考虑色盲。色盲无法区分的颜色对：深红和黑、深红和深绿、蓝色和紫色、浅绿和白色...vischeck.com可查看色觉障碍者的颜色显示

——引自章节：第5-6章色觉和边界视力

人类视野的空间分辨率从中央向边缘锐减。....视网膜中间有个叫中央凹的地方，面积只有视网膜的1%，其上分布的视锥细胞比视网膜其他地方密度更大。...要形象地想象中央凹与你的视野相比有多小，将你的手臂伸直并盯着你的大拇指。你的拇指指甲盖大约与中央凹的大小相当。当你将目光焦点集中到大拇指指甲盖上时，视野中其他东西全部落在你视网膜的中央凹之外。如果我们的边界视觉分辨率如此之差，为什么我们看到的世界不是一个”隧道“，即除了直接注视的东西，其他所有东西都是失焦的。相反我们看周围的东西也是清晰的。我们能有这样的感觉是因为眼睛以大约每秒三次的速度不断快速移动，选择性地将焦点投射在周围的环境物体上。大脑则用粗犷的、映像派的方式，基于我们所知和所期待的，填充视野的其他部分。....想象你正在电脑屏幕上看这一页，而电脑正在跟踪你的眼球移动并知道你的视网膜中央凹所看的地方。想象不论你在看哪儿，对应到你的中央凹的文字是清晰正确的，而其他地方电脑则显示随机无意义的文字。当你的中央凹在这一页快速掠过，电脑快速地更新中央凹停下的位置，在那里显示正确的文字，而之前对应的位置则立刻回到随机无意义的文字。实验神奇地发现人们根本没有注意到这点：他们不仅能够正常阅读，而且还相信他们阅读的是一整页有意义的文字。我们的视野中心，即中央凹及其边缘的小块区域，是我们视野能够阅读的部分。视野的其他部分不能用于阅读。因为中央凹开始的神经网络被训练成能够阅读而视网膜其他区域开始的神经网络无法用于阅读。相比于视野边界的色彩，我们更能分辨处于视野中央的色彩。边界视觉的存在主要是为了提供低分辨率的线索，以引导眼球运动，使得中央凹能够看到视野里所有有趣和重要的东西。我们的眼睛不是随机扫描环境的。眼动是为了使中央区关注重要的东西。我们视野周边的模糊线索提供了信息，帮助大脑计划往哪里以及以什么顺序移动眼睛。边界视觉的一个优势是...

——引自章节：第5-6章色觉和边界视力