产品 | 对已有产品优化

如何对已有产品进行用户体验测试和优化

  • “优化已有产品的体验”,这是用户体验相关岗位职责中常见的描述。
    我们的产品常常是在快速的迭代过程中不断完善的,就像孩子生下来需要养育才能长大一样,
    优化已有功能/产品,和设计新功能/产品同样重要,不可偏废。

  • 但是,相比实现新功能,已有功能的优化总是显得没有那么紧迫而且很零散,
    导致了迭代优化的计划总是被归入“重要不紧急”,甚至是“不重要不紧急”的象限,
    变成了东一棒子西一榔锤的买卖。

  • 我们可以通过可用性测试来发现问题,
    但是测试往往受到时间、用户邀约、场地和设备等条件的限制,可能无法进行。

  • 更多时候,设计师需要根据一定的原则(例如可用性准则)进行走查,以快速地发现并解决问题。

本文对非娱乐导向产品已有的交互设计进行优化:
  • 需要从哪些方面考虑
  • 遵从什么样的原则
  • 如何开始检查现有的设计
  • 如何确定优化的优先级

而不涉及:
* 新功能/产品的交互设计过程
* 娱乐导向产品的设计优化
* 产品概念、功能层次的优化
* 适合每一类型产品的tips
* 具体的优化方法

一、需要优化什么 (Considerations)

“设计原则的主要目的之一就是优化用户的产品体验。
对于生产工具和其他非娱乐导向的产品而言,这意味着将工作负荷降至最低。”
——《交互设计精髓》

行为和界面层面的设计原则告诉我们,应该为降低用户的工作负荷而设计。
但是我们常常不够贴心,不知不觉就对用户设下了种种考验,让他们抓狂:

1.视觉负担 visual work

  • 需要分解布局
  • 需要区分内容层次
  • 需要区分视觉元素
  • 需要努力定位目标信息
  • 需要识别阅读起点
  • 需要经常变换视线
  • 视觉流被干扰、打断

2.认知负担 cognitive work

  • 需要理解不熟悉的概念和模式
  • 需要理解冗长、生涩的文本内容
  • 需要理解混乱的结构和布局
  • 需要理解模棱两可的操作
  • 需要猜测系统状态、行为、结果

3.记忆负担 memory work

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

4.物理负担 physical work

  • 需要长距离移动鼠标
  • 需要进行(多次)点击
  • 需要执行不同的鼠标手势
  • 需要多种操作组合
  • 需要切换输入模式
  • 需要进出不同的页面/区域
  • 需要长时间等待

二、优化目标 (Goal)

仔细检查已有的设计,或多或少总是能发现问题。
在解决问题之前,我们应该清楚要往什么方向进行优化。

1.基于可用性的目标

  • 易于识别/定位/阅读
  • 易于理解/学习/记忆
  • 易于操作
优化的最重要的目的,是让产品更好用,
使设计符合Jakob Nielsen的十条可用性准则:
  1. 通过有效的反馈信息提供显著的系统状态
  • 符合用户的真实世界
  • 用户自由控制权
  • 一致性和标准性
  • 预防出错
  • 识别而不是回忆
  • 灵活、便捷的使用
  • 美观,精简的设计
  • 协助用户认识,分析和改正错误
  • 帮助和说明

2.基于产品的目标

需要根据不同产品进行定义。

例如,对于快速注册流程的优化,
目的是让用户用最方便完成注册进入目标页面,
优化目标可能是最小化输入、最短等待时间等。


三、快速检查清单 (Check list)

为了达到优化的目标,可使用checklist检查清单,
方便在走查时对架构、布局、内容、行为四个方面对照检查:

1.架构和导航Architecture and navigation

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

2.布局和设计Layout and design

  • 是否采用了用户熟悉的界面元素和控件?
  • 界面元素和控件的文字、位置、布局、分组、大小、颜色、形状等是否合理、容易识别、一致?
  • 界面元素/控件之间的关系是否表达正确?
  • 主要操作/阅读区域的视线是否流畅?
  • 其他文本(称谓、提示语、提供反馈)是否一致?

3.内容和可读性Content and readability

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

4.行为和互动Behavior and interaction

  • 是否告知、引导用户可以做什么?
  • 是否告知需要进行哪些步骤?
  • 是否告知需要多少时间完成?
  • 是否告知第一步做什么?
  • 是否告知输入/操作限制?
  • 是否有必要的系统/用户行为反馈?
  • 是否允许必要的撤销操作?
  • 是否页面上所有操作都必须由用户完成?
  • 是否已将操作步骤、点击次数减至最少?
  • 是否所有跳转都是必须的(无法在当前页面呈现)?

以上是一个不完全的清单,可以根据实践经验修改,
也可以参考更全面、权威的可用性测试检查表,如普渡大学可用性测试检查列表。

四、确定优先级 (Priority)

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

五、小结

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

Interaction Design Quick Checklist 交互设计快速检查清单

  • 当产品规模大了之后就需要多个产品设计师协作完成整个产品,
    由于不同产品设计师之间的设计理念、设计方法、设计习惯的不同,
    协作完成的产品往往会导致产品一致性差,质量参差不齐。

  • 这个时候我们需要一份完整的交互设计清单来规范和指导产品设计,
    从而保证UE们对产品设计的一致性,方便产品迭代优化,从而提升整体质量。

A.架构和导航 Architecture and navigation Note
  • 是否采用了用户熟悉或容易理解的结构?
  • 是否能识别当前在网站中的位置?
  • 是否能清晰表达页面之间的结构?
  • 是否能快速回到首页/主要页面?
  • 链接名称与页面名称是否相对应?
  • 当前页面的结构和布局是否清晰?

B.布局和设计 Layout and design Note

  • 是否采用了用户熟悉的界面元素和控件?
  • 界面元素和控件的文字、位置、布局、分组、大小、颜色、形状等是否合理、容易识别、一致?
  • 界面元素/控件之间的关系是否表达正确?
  • 主要操作/阅读区域的视线是否流畅?
  • 其他文本(称谓、提示语、提供反馈)是否一致?

C.内容和可读性 Content and readability Note

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

D.行为和互动 Behavior and interaction Note

  • 是否告知、引导用户可以做什么?
  • 是否告知需要进行哪些步骤?
  • 是否告知需要多少时间完成?
  • 是否告知第一步做什么?
  • 是否告知输入/操作限制?
  • 是否有必要的系统/用户行为反馈?
  • 允许必要的撤销操作?
  • 是否页面上所有操作都必须由用户完成?
  • 是否已将操作步骤、点击次数减至最少?
  • 是否所有跳转都是必须的(无法在当前页面呈现)?
  • 有了架构&导航、布局&设计、内容&可读性、行为&互动の优化工作流程,
    系统の理念殿定基础,目标、愿景、价值、规则、比较容易定方向。
  • 总之设计前先检查设计的实用性、一致性,
    结合产品定位的核心需求,自己的想法和设计初衷,
    项目特性,历时时间长短,分析要素,符合规格,具备逻辑上的依据,
    设定中期发展和长期发展的目标。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,711评论 5 468
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,932评论 2 376
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,770评论 0 330
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,799评论 1 271
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,697评论 5 359
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,069评论 1 276
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,535评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,200评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,353评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,290评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,331评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,020评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,610评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,694评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,927评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,330评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,904评论 2 341

推荐阅读更多精彩内容