推荐一篇交互设计好文章。
一、交互设计需要优化什么 (Considerations)
“设计原则的主要目的之一就是优化用户的产品体验。对于生产工具和其他非娱乐导向的产品而言,这意味着将工作负荷降至最低。”——《交互设计精髓》
行为和界面层面的设计原则告诉我们,应该为降低用户的工作负荷而设计。但是我们常常不够贴心,不知不觉就对用户设下了种种考验,让他们抓狂:
1.视觉负担 visual work
• 需要分解布局
• 需要区分内容层次
• 需要区分视觉元素
• 需要努力定位目标信息
• 需要识别阅读起点
• 需要经常变换视线
• 视觉流被干扰、打断
复制代码
2.认知负担 cognitive work
• 需要理解不熟悉的概念和模式
• 需要理解冗长、生涩的文本内容
• 需要理解混乱的结构和布局
• 需要理解模棱两可的操作
• 需要猜测系统状态、行为、结果
复制代码
3.记忆负担 memory work
• 需要记住对象的各种属性(名字、位置、大小、颜色)
• 需要记住对象的关联
• 需要记住操作的命令、步骤、结果
• 需要记住以往的操作
复制代码
4.物理负担 physical work
• 需要长距离移动鼠标
• 需要进行(多次)点击
• 需要执行不同的鼠标手势
• 需要多种操作组合
• 需要切换输入模式
• 需要进出不同的页面/区域
• 需要长时间等待
复制代码
二、优化目标 (Goal)
仔细检查已有的设计,或多或少总是能发现问题。在解决问题之前,我们应该清楚要往什么方向进行优化:
1.基于可用性的目标
• 易于识别/定位/阅读
• 易于理解/学习/记忆
• 易于操作
复制代码
优化的最重要的目的,是让产品更好用, 使设计符合Jakob Nielsen的十条可用性准则:
• 通过有效的反馈信息提供显著的系统状态
• 符合用户的真实世界
• 用户自由控制权
• 一致性和标准性
• 预防出错
• 识别而不是回忆
• 灵活、便捷的使用
• 美观,精简的设计
• 协助用户认识,分析和改正错误
• 帮助和说明
复制代码
2.基于产品的目标
需要根据不同产品进行定义。例如,对于快速注册流程的优化,目的是让用户用最方便完成注册进入目标页面,优化目标可能是最小化输入、最短等待时间等。
三、快速检查清单 (Check list)
为了达到优化的目标,整理了一个简易的checklist,方便在走查时对架构、布局、内容、行为四个方面对照检查:
1.架构和导航Architecture and navigation
• 是否采用了用户熟悉或容易理解的结构?
• 是否能识别当前在网站中的位置?
• 是否能清晰表达页面之间的结构?
• 是否能快速回到首页/主要页面?
• 链接名称与页面名称是否相对应?
• 当前页面的结构和布局是否清晰?
复制代码
2.布局和设计Layout and design
• 是否采用了用户熟悉的界面元素和控件?
• 界面元素和控件的文字、位置、布局、分组、大小、颜色、形状等是否合理、容易识别、一致?
• 界面元素/控件之间的关系是否表达正确?
• 主要操作/阅读区域的视线是否流畅?
• 其他文本(称谓、提示语、提供反馈)是否一致?
复制代码
3.内容和可读性Content and readability
• 文字内容的交流对象是用户吗?
• 语言是否简洁、易懂、礼貌?
• 内容表达的含义是否一致?
• 重要内容是否处于显著位置?
• 是否在需要时提供必要的信息?
• 是否有干扰视线和注意力的元素?
•
复制代码
4.行为和互动Behavior and interaction
• 是否告知、引导用户可以做什么?
• 是否告知需要进行哪些步骤?
• 是否告知需要多少时间完成?
• 是否告知第一步做什么?
• 是否告知输入/操作限制?
• 是否有必要的系统/用户行为反馈?
• 是否允许必要的撤销操作?
• 是否页面上所有操作都必须由用户完成?
• 是否已将操作步骤、点击次数减至最少?
• 是否所有跳转都是必须的(无法在当前页面呈现)?
复制代码
可用性测试检查表,如普渡大学可用性测试检查列表
四、确定优先级 (Priority)
当我们通过checklist将需要优化的问题筛选出来以后,可以根据问题的严重性和解决的问题的成本(时间、人力等)来综合考虑问题的优先级,例如,问题严重性得分高而且优化成本低的问题,应该优先解决。
五、小结
Considerations:为降低用户的视觉负担、认知负担、记忆负担以及物理负担而优化设计
Goal:使设计易于识别/定位/阅读,易于理解/学习/记忆,易于操作,符合可用性原则和产品目标
Priority:根据问题的严重性和成本综合考虑,优先解决严重且成本低的问题。
Reference 1. 《About Face3:交互设计精髓》 2. 《人机交互:以用户为中心的设计和评估》 3. Ten Usability Heuristics 4. Purdue Usability Testing Questionnaire