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

模型指出:
- 人们的行动是基于目标的;
- 行动,将我们目标和外部环境中的现实情况差距缩小;
- 行动包含两个阶段,七个步骤。
|
阶段
|
步骤
|
|
|
执行
|
目标
|
确立意图
|
|
计划
|
确认方案
|
|
|
确认
|
拟定行动顺序
|
|
|
执行
|
实施行动
|
|
|
评估
|
感知
|
接收外部反馈
|
|
诠释
|
确认外部的状态
|
|
|
对比
|
确认目标是否达成
|
行动的七个阶段为我们的产品设计提供了指导。通常而言,工具类产品的用户都是带着一定的目标,希望使用产品去解决某一问题。根据以往经验,用户对产品会形成一定的心智模型。用户按以往经验执行任务,在产品上进行操作,并接收操作反馈,最终确认自身目标是否达成。
模型中的每个步骤都包含一个核心问题,在设计产品时,需要保证产品能够回答上述每个阶段的问题,以保证不会打断用户的行动。具体为:
|
步骤
|
问题
|
|
目标
|
我想实现什么?
|
|
计划
|
可能替代的行动序列是什么?
|
|
确认
|
我现在能做什么?
|
|
执行
|
我该怎么做?
|
|
感知
|
出什么事了?
|
|
诠释
|
这是什么意思?
|
|
对比
|
达到目标了吗?
|
为了产品能回答上述问题,在设计时,需要关注是否符合以下原则:
- 可视性:让用户有机会确定哪些行动是合理的,以及呈现设备当前状态。
- 反馈:关于行动的后果,以及产品或服务当前状态的充分和持续的信息。当执行了一个动作后,很容易确定新的状态。
- 概念模型:设计传达所有必要的信息,创造一个良好的系统概念模型,引导用户理解系统状态,带来掌控感。概念模型同时包括可视性和评估行动的结果。
- 示能(指需要突出主行动点):设计合理的示能,让期望的行动能够实现。
- 意符(icon):有效的使用意符确保可视性,并且很好地沟通和理解反馈。
- 映射:是控制和控制结果之间的关系遵循良好的映射原则,尽可能地通过空间布局和时间连续性来强化映射。
- 约束:提供物理、逻辑、语义、文化的约束来指导行动,容易理解。
再具体一些,可发散为以下的交互自查表,在设计过程或 review 时,可对照表格看是否达到要求:
|
交互设计自查清单 |
|
|
导航和架构
|
是否采用了用户熟悉或容易理解的结构?
|
|
是否能识别当前在网站中的位置?
|
|
|
是否能清晰表达页面之间的结构?
|
|
|
是否能快速回到首页或主要页面?
|
|
|
链接名称是否与页面名称相对应?
|
|
|
当前页面的架构是否清晰?
|
|
|
布局和设计
|
是否采用了用户熟悉的界面元素和控件?
|
|
界面元素和控件的文字、位置、布局、分组、大小、颜色、形状等是否合理、易识别、一致?
|
|
|
界面元素 / 控件之间的关系是否表达正确?
|
|
|
主要操作 / 阅读区域的视线是否流畅?
|
|
|
文本(称谓、提示语、反馈)是否一致?
|
|
|
内容可读性
|
文字内容的交流对象是用户吗?
|
|
语言是否简洁,易懂,礼貌?
|
|
|
内容表达的含义是否一致?
|
|
|
重要内容是否处于重要位置?
|
|
|
是否在需要时提供必要信息?
|
|
|
是否有干扰视线和注意力的元素?
|
|
|
行为和互动
|
是否告知、引导用户可以做什么?
|
|
是否告知需要进行哪些步骤?(可选)
|
|
|
是否告知需要多少时间完成?(可选)
|
|
|
是否告知第一步做什么?(可选)
|
|
|
是否告知输入 / 操作限制?
|
|
|
是否有必要的系统 / 用户反馈?
|
|
|
是否允许必要的撤销操作?
|
|
|
是否页面上所有的操作都必须由用户完成?
|
|
|
是否已将操作步骤、点击次数减至最少?(并非越少越好)
|
|
|
是否所有的跳转都是必须的(无法在当页呈现)?
|
|
设计时多暗上述表格的自查项对设计稿做检查,反复思考优化点,能有效地优化设计方案。上述的每条都能成为改进产品的机会。大多数创新是对现有产品的逐步改进。
发表回复