在《设计心理学 1》一书中,作者提出了一套模型用于诠释人们如何选择和评估他们的行为。

模型指出:

  1. 人们的行动是基于目标的;
  2. 行动,将我们目标和外部环境中的现实情况差距缩小;
  3. 行动包含两个阶段,七个步骤。
阶段
步骤
 
执行
目标
确立意图
计划
确认方案
确认
拟定行动顺序
执行
实施行动
评估
感知
接收外部反馈
诠释
确认外部的状态
对比
确认目标是否达成

 

行动的七个阶段为我们的产品设计提供了指导。通常而言,工具类产品的用户都是带着一定的目标,希望使用产品去解决某一问题。根据以往经验,用户对产品会形成一定的心智模型。用户按以往经验执行任务,在产品上进行操作,并接收操作反馈,最终确认自身目标是否达成。

模型中的每个步骤都包含一个核心问题,在设计产品时,需要保证产品能够回答上述每个阶段的问题,以保证不会打断用户的行动。具体为:

步骤
问题
目标
我想实现什么?
计划
可能替代的行动序列是什么?
确认
我现在能做什么?
执行
我该怎么做?
感知
出什么事了?
诠释
这是什么意思?
对比
达到目标了吗?

为了产品能回答上述问题,在设计时,需要关注是否符合以下原则:

  1. 可视性:让用户有机会确定哪些行动是合理的,以及呈现设备当前状态。
  2. 反馈:关于行动的后果,以及产品或服务当前状态的充分和持续的信息。当执行了一个动作后,很容易确定新的状态。
  3. 概念模型:设计传达所有必要的信息,创造一个良好的系统概念模型,引导用户理解系统状态,带来掌控感。概念模型同时包括可视性和评估行动的结果。
  4. 示能(指需要突出主行动点):设计合理的示能,让期望的行动能够实现。
  5. 意符(icon):有效的使用意符确保可视性,并且很好地沟通和理解反馈。
  6. 映射:是控制和控制结果之间的关系遵循良好的映射原则,尽可能地通过空间布局和时间连续性来强化映射。
  7. 约束:提供物理、逻辑、语义、文化的约束来指导行动,容易理解。

再具体一些,可发散为以下的交互自查表,在设计过程或 review 时,可对照表格看是否达到要求:

交互设计自查清单

导航和架构
是否采用了用户熟悉或容易理解的结构?
是否能识别当前在网站中的位置?
是否能清晰表达页面之间的结构?
是否能快速回到首页或主要页面?
 链接名称是否与页面名称相对应?
 当前页面的架构是否清晰?
布局和设计
 是否采用了用户熟悉的界面元素和控件?
 界面元素和控件的文字、位置、布局、分组、大小、颜色、形状等是否合理、易识别、一致?
 界面元素 / 控件之间的关系是否表达正确?
 主要操作 / 阅读区域的视线是否流畅?
 文本(称谓、提示语、反馈)是否一致?
内容可读性
 文字内容的交流对象是用户吗?
 语言是否简洁,易懂,礼貌?
 内容表达的含义是否一致?
 重要内容是否处于重要位置?
 是否在需要时提供必要信息?
 是否有干扰视线和注意力的元素?
行为和互动
 是否告知、引导用户可以做什么?
 是否告知需要进行哪些步骤?(可选)
 是否告知需要多少时间完成?(可选)
 是否告知第一步做什么?(可选)
 是否告知输入 / 操作限制?
 是否有必要的系统 / 用户反馈?
 是否允许必要的撤销操作?
 是否页面上所有的操作都必须由用户完成?
 是否已将操作步骤、点击次数减至最少?(并非越少越好)
是否所有的跳转都是必须的(无法在当页呈现)?

设计时多暗上述表格的自查项对设计稿做检查,反复思考优化点,能有效地优化设计方案。上述的每条都能成为改进产品的机会。大多数创新是对现有产品的逐步改进。