Google

Web交互设计优化提点

Written on:十一月 13, 2012
Comments
Add One

  用户体验相关岗位职责中,常见的描述就是“优化已有产物的体验”,我们的产物通常是在快速迭代过程傍边不竭完善的,就像孩子生下来以后需要慢慢 养育才能长大一样。总而言之,优化已有功能或者产物和设计新功能、新产物同样重要,不成偏废。可是,相比实现新功能,已有功能的优化总是显得没有那么紧迫 而且很零散,致使了迭代优化的计划总是被归入“重要不紧急”甚至是“不重要不紧急”的象限,酿成了东一棒子西一榔锤的买卖。我们可以通过可用性测试来发现 问题,可是测试往往受到时间、用户邀约、场地和设备等条件的限制,可能无法进行。更多时候,设计师需要根据一定的原则(例如可用性准则)进行走查,以快速 地发现并解决问题。这篇小文章关心的问题是:如果想对非娱乐导向产物已有的交互设计进行优化,我们1、需要从哪些方面考虑2、遵从什么样的原则3、如何开 始检查现有的设计4、如何确定优化的优先级 而不涉及:1、新功能/产物的交互设计过程2、娱乐导向产物的设计优化3、产物概念、功能条理的优化4、适合每一类型产物的tips5、具体的优化体例 一、需要优化什么 (Considerations)

“设计原则的主要目的之一就是优化用户的产物体验。对生产工具和其他非娱乐导向的产物而言,这意味着将工作负荷降至最低。”——《交互设计精 髓》行为和界面层面的设计原则告诉我们,应该为降低用户的工作负荷而设计。可是我们经常不够贴心,不知不觉就对用户设下了种种考验,让他们抓狂:1.视觉 承担 visual work

需要分化结构需要区份内容条理需要区分视觉元素、需要努力定位目标信息需要识别阅读起点需要经常变换视线视觉流被干扰、打断

  2.认知承担 cognitive work

需要理解不熟悉的概念和模式需要理解冗长、生涩的文本内容需要理解混乱的结构和结构需要理解不置可否的操作需要料想系统状态、行为、结果

  3.记忆承担 memory work

需要记住对象的各种属性(名字、位置、巨细、颜色)需要记住对象的关联需要记住操作的命令、步骤、结果需要记住以往的操作

  4.物理承担 physical work需要长距离移动鼠标需要进行(屡次)点击需要执行不合的鼠标手势需要多种操作组合需要切换输入模式需要进出不合的页面/区域需要长时间期待

  2、优化目标 (Goal)

仔细检查已有的设计,或多或少总是能发现问题。在解决问题之前,我们应该清楚要往什么标的目的进行优化:1.基于可用性的目标

易于识别/定位/阅读易于理解/学习/记忆易于操作优化的最重要的目的,是让产物更好用,使设计合适Jakob Nielsen的十条可用性准则:1、通过有效的反馈信息提供显著的系统状态2、合适用户的真实世界3、用户自由控制权4、一致性和尺度性5、预防犯错 6、识别而不是回忆7、灵活、便捷的使用8、美观,精简的设计9、协助用户认识,阐明和改正毛病10、帮忙和说明2.基于产物的目标

需要根据不合产物进行界说。例如,对快速注册流程的优化,目的是让用户用最便利完成注册进入目标页面,优化目标多是最小化输入、最短时间待时间等。三、快速检查清单 (Check list)

为了到达优化的目标,整理了一个简易的checklist(pdf版本下载链接请见文末),便利在走查时对架构、结构、内容、行为四个方面对照检查:1.架构和导航Architecture and navigation

¨ 是否采取了用户熟悉或容易理解的结构?¨ 是否能识别当前在网站中的位置?¨ 是否能清晰表达页面之间的结构?¨ 是否能快速回到首页/主要页面?¨ 链接名称与页面名称是否相对应?¨ 当前页面的结构和结构是否清晰?2.结构和设计Layout and design

¨ 是否采取了用户熟悉的界面元素和控件?¨ 界面元素和控件的文字、位置、结构、分组、巨细、颜色、形状等是否合理、容易识别、一致?¨ 界面元素/控件之间的关系是否表达正确?¨ 主要操作/阅读区域的视线是否流畅?¨ 其他文本(称谓、提示语、提供反馈)是否一致?3.内容和可读性Content and readability

¨ 文字内容的交流对象是用户吗?¨ 语言是否简洁、易懂、礼貌?¨ 内容表达的含义是否一致?¨ 重要内容是否处于显著位置?¨ 是否在需要时提供需要的信息?¨ 是否有干扰视线和注意力的元素?4.行为和互动Behavior and interaction

¨ 是否告知、引导用户可以做什么?¨ 是否告知需要进行哪些步骤?¨ 是否告知需要几多时间完成?¨ 是否告知第一步做什么?¨ 是否告知输入/操作限制?¨ 是否有需要的系统/用户行为反馈?¨ 是否允许需要的撤销操作?¨ 是否页面上所有操作都必需由用户完成?¨ 是否已将操作步骤、点击次数减至最少?¨ 是否所有跳转都是必需的(无法在当前页面显现)?以上只是一个不完全的清单,同学们可以根据自己的实践经验修改,也能够参考更全面、权威的可用性测试检查 表,如普渡大学可用性测试检查列表。四、确定优先级 (Priority)

当我们通过checklist将需要优化的问题筛选出来以后,可以根据问题的严重性和解决的问题的成本(时间、人力等)来综合考虑问题的优先级,例如,问题严重性得分高而且优化成本低的问题,应该优先解决。

  五、小结

Considerations:为降低用户的视觉承担、认知承担、记忆承担以及物理承担而优化设计Goal:使设计易于识别/定位/阅读,易于 理解/学习/记忆,易于操作,合适可用性原则和产物目标Check list:交互设计快速检查清单v1 PDF版本 Download 交互设计快速检查清单V1

View more documents from j Lin.

Priority:根据问题的严重性和成本综合考虑,优先解决严重且成本低的问题。Reference

1、《About Face3:交互设计精髓》

2、《人机交互:以用户为中心的设计和评估》

3、Ten Usability Heuristics

4、Purdue Usability Testing Questionnaire

本文来源:网易UEDC

Leave a Comment

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Previous post:

Next post: