30:交互设计操作指南(网易)

一、需要优化什么 (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

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,324评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,356评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,328评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,147评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,160评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,115评论 1 296
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,025评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,867评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,307评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,528评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,688评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,409评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,001评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,657评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,811评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,685评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,573评论 2 353

推荐阅读更多精彩内容