《认知与设计》

《Designing with the Mind in Mind》 一书从认知心理学的角度,趣味的分析了好的UX设计原则,从另一方面将也是我们这一代判别好的应用软件、系统等。全书剖析了人类感知系统原理,从而解释了一些趣味性现象,如先入为主和经验感知的误判,这里感兴趣还可以去参见查理芒格提出的误判心理学。对人类的感知、记忆有着趣味性解析。

我们的视觉与感知

我们的视觉-感知我们的期望

  • 过去 我们的经验:先入为主视觉上的效果
  • 现在 当前的环境:环境可能激活对以往感知到的对象和事件记忆
  • 未来 我们的目标:我们的目标会过滤我们的感知

对于设计意味着什么

  1. 避免歧义
  2. 保持一致
  3. 理解目标

为观察结构化优化我们的视觉

我们的视觉系统自动对视觉输入构建结构,并在神经系统层面上感知形状、图形和物体。这些理论也叫视觉感知的格式塔Gestalt原理。

格式塔原理

相似性接近性连续性封闭性对称性主题/背景共同命运

寻找和使用视觉结构

  • 结构提高了用户浏览长数字的能力
  • 数据专用控件提供了更多的结构
  • 视觉层次让人专注于相关的信息

阅读是不自然的

我们的大脑是为语言而不是为阅读设计的

关于阅读此处有一套有趣的理论,首先阅读分为特征驱动和语境驱动两种,阅读涉及识别特征和模式,模式识别可以是自下而上、特征驱动的过程,也可以是自上而下的、语境驱动过程,在这里本书认为无意识、无语境的特征驱动阅读更有效,熟练的读者会在基于特征的阅读被糟糕的信息展示方式干扰时转向基于语境的阅读

糟糕的信息设计会影响阅读

  1. 不常见和不熟悉的词汇
  2. 难以辨认的书写和字型
  3. 微小的字体
  4. 嘈杂背景下的文字-反例是设计验证码
  5. 信息被重复的内容湮没
  6. 居中的字体
  7. 妨碍阅读的设计的组合

对设计的启示

  • 支持,而不是干扰阅读
  • 软件里要求的阅读很多是不必要的
  • 尽量让人少阅读

色觉是有限的

人类的色彩感知既有强处也有短处

我们的视觉是为检测边缘反差优化的,而不是绝对亮度。
我们辨别颜色的能力依赖于颜色是如何呈现的。
有些人是色盲。
用户的屏幕和观看条件会影响对色彩的感知。

使用色彩的准则

  1. 有饱和度、亮度以及色相来区分颜色,确保颜色之间有较高的反差
  2. 使用独特的颜色,颜色对抗甬道:红-绿、黄-蓝和黑-白
  3. 避免使用色盲的人无法区分的颜色对
  4. 在颜色之外使用其他提示,如Icon图标

我们的边界视力很糟糕

  • 处于人们边界视野中的暗色的静止物体经常不容易被发现
  • 边界视线中物体的运动通常会被察觉

中央凹与边界视野

中央凹的分辨率非常高,但相对的区域小,而边界视觉的存在主要是为了提供低分辨率的线索,以引导眼球运动,使中央凹能够看到视野里所有有趣和重要的东西,边界视觉的另一个优势:它能够很好地观察运动。

让信息可见的常用方法

  1. 放在用户所看的位置上
  2. 标记错误
  3. 使用错误符号:用来明显标记出错误或者错误信息
  4. 保留红色以呈现错误信息

让用户注意到信息的重武器:请小心使用

  • 弹跳式对话框中的信息
  • 使用声音(如蜂鸣)
  • 闪烁或者暂时的晃动

记忆力与注意力

我们的注意力有限记忆也不完美

短期记忆与长期记忆

激活记忆好是再次激活与记忆产生时同样的神经活动模式,一个记忆模式与经常被再次激活,就变得越“强烈”,而短期记忆是“意识”中的,是感觉和注意现象的组合,我们每个感官都有非常短暂的短期“记忆”,就像铃铛被敲击之后的余音。

短期记忆的特点对用户界面设计的影响

短期记忆的特点:低容量,高度不稳定性

  1. 模式(好的反馈)-模式让交互系统分配不同的意义给同样的操作从而减少用户必须学习的操作数量。
  2. 搜索结果-搜索结果标示搜索词,减轻短期记忆压力。
  3. 指令-允许随时查阅使用说明

长期记忆的特点对用户界面设计的影响

长期记忆的特点:易产生错误,受情绪影响,追忆时可改变

  • 找回密码安全问题:增加用户长期记忆压力,好的设计用户可以自定义问题
  • 用户界面的一致性:有助于学习和长期记忆

注意力对思考以及行动的限制

模式1. 我们专注于目标而很少注意使用的工具
模式2. 我们使用外部帮助来记录正在做的事情
模式3. 我们跟着信息的“气味”靠近目标
模式4. 我们偏好熟悉的路-我赶时间,所以我走了远路
模式5. 我们的思考周期:目标,执行,评估
模式6. 完成任务的主要目标后,我们经常忘记做收尾工作

识别容易,回忆很难

  1. 识别和回忆对用户界面设计的影响
  • 看到和选择比回忆和输入要容易
  • 尽可能使用图像来表达功能
  1. 使用缩略图来紧凑地描绘全尺寸的图像
  2. 越多人使用的功能,应该越可见
  3. 使用视觉提示上用户知道他们所在的位置
  4. 让认证信息容易回忆:向识别出的用户显示他们自己选择的账户图标(SiteKey)

学习行为

从经验中学习与学后付诸实践容易,解决问题和计算很难

  • 从经验中学习是容易的
  1. 对于复杂的情况,人们很难做出预测,或者从中学习并概括
  2. 我们从生活中或者亲人好友们哪里获得的经验要比那些读到的或听到的经验对我们更有影响力
  3. 当人们犯了错误后,并不总能学到正确的教训
  • 操作已经学会的动作时容易的:我赶时间,所以我走了远路
  • 解决问题和计算是困难的:解决技术问题需要对技术感兴趣并经受训练

在用户界面设计上的影响

  • 显著地标识系统状态和当前用户进程
  • 引导用户完成他们的目标
  • 不要让用户诊断系统问题
  • 尽可能减少设置的数量和复杂度
  • 让用户使用感觉而不是计算
  • 让系统令人感到熟悉
  • 让电脑去计算

许多因素影响学习

当操作专注于任务、简单、一致时,我们学得跟快

要使设计的软件、服务和设备提供与用户目标和任务匹配的操作

  1. 做一个任务分析-首要前提
  2. 设计一个专注于任务的概念模型,其中主要包含对象-操作分析
    a. 尽可能简单
    b. 一致性:无意识、无监控更快的操作;按键一致性
    c. 对象-操作矩阵:紧凑、简单、一致
  3. 严格按照任务分析和概念模型设计用户界面

当词汇专注于任务、熟悉、一致时,我们学得跟快

  • 专用词汇应保持一致

同一个名称,就是同一个东西;不同名称,就是不同东西

一个好的概念模型能够方便开发一套专注于任务、熟悉和一致的专用词汇

风险低时我们学得更快

  • 尽可能防止出错
  • 停止不合理的命令
  • 向用户清晰的展示他们做了什么(比如不小心删了一段文字),这样错误容易被发现
  • 让用户能够轻松地撤销、反转或者修改错误

好的用户体验

我们有时间要求

响应度的定义

响应度与性能相关,但又不一样。性能是以单位时间里的计算次数来衡量的,响应度是以服从用户在时间上的要求及前面提到的用户满意度来衡量的。

  • 积极告知已经收到你的输入
  • 对操作需要多长时间完成提供一定指标
  • 在等待时允许做其他的事
  • 能够智能地管理事件队列
  • 将系统内部管理和低优先级的任务放在后台运行
  • 对最常见的用户请求做出预期

为满足实时交互的设计

  1. 立即告知收到用户的动作,立即回应用户需要时间。保持用户对因果关系的感知
  2. 让用户知道软件是否在忙
  3. 在等待一个功能完成的同时允许用户做别的事情
  4. 动画要做到平滑和清晰
  5. 让用户能够终止(取消)他们不想要的长时间操作
  6. 让用户知道长时间操作需要多长时间
  7. 尽可能让用户掌握自己的工作节奏

其他高响应度指导原则

  • 使用忙碌的标识
  • 使用用户进度指示
  • 单位任务内的延迟比单位任务之间的延迟麻烦
  • 先显示重要的信息
  • 在眼手协调的任务中伪装重量级计算
  • 提前处理
  • 根据用户输入的优先级而不是输入顺序来处理
  • 监控时间承诺,降低工作质量来保证不落后
  • 提供及时的反馈,即使网页也是如此

总结

  在我看来,本书是一本融入心理学和设计的好书,尽管不是最前沿和具有时代性的,但是如作者最后对本书的预计,本书现阶段是很有指导性的,特别在现阶段国内开发混乱无章情形下,这正是如原研哉提及的作为设计者对消费欲望引导的责任感,同时联系简约至上一书,本书更像是在微观层面的解说,更为精细理性。所以论学习的重要性,站在巨人的肩上,能够看得更远。