我花了20个小时研究3个按钮

真的……我没疯……“Andrew,我们做了几个很厉害的新功能,测试一下吧。”
“好的,当然。”
“嘿,你甚至会忍不住写篇文章来介绍的!”
“呃……”真理:深入挖掘总是对的。真理:努力寻找方法衡量用户的体验真理:在展开真实的访谈之前,非常有必要做一下实验


真的……我没疯……

我花了20个小时研究3个按钮

首先讲一讲背景。这是在我们周会上发生的事情:

“Andrew,我们做了几个很厉害的新功能,测试一下吧。”

“好的,当然。”

“嘿,你甚至会忍不住写篇文章来介绍的!”

“呃……”

只有一个问题……

当我被要求测试一项功能,通常意思是让我发起一场可用性测试,这就包括寻找参与者、准备一系列任务和问题,并且通过Skype访谈来执行(执行问题,不是处决参与者)。【译者注:这是作者的一个玩笑,“执行”与“处决”在英文中是同一个词】

于是我去看了我们的网站,自己先研究了这个新功能,基于它想象各种相关联的任务。我花了11秒尝试了所有可能性。我甚至尝试反复来回点选,就好像我在一边和我妈通电话一样,这样花了30秒。然后我妈真的打电话来了,我又试了一次,花了20秒。

我所讲的功能,是图中右上角的3个按钮。3种视图模式的切换。

我花了20个小时研究3个按钮

3个按钮可以让视图在3种模式中切换:纯图标、带标签的图标、表格视图。

通常我的Skype访谈会持续30分钟:其中80%是任务,20%是简短的谈话和我的蹩脚笑话。如果任务只有30秒,我就得讲29分钟的笑话。我才不会那么做,有2个原因:

  • 没人愿听
  • 如果我能做到,我就是个喜剧大咖了

于是,我现在有的只是3个按钮,只能通过一个问题来检验。

我花了20个小时研究3个按钮

此时我的剧本大概是这样:

  1. 设定一些任务来检验人们是否注意到这3个按钮。
  2. “这3种模式中,你最爱用哪种?”

通俗而言,UI与UX的区别

我还需要更多信息。于是我继续深入。在某种模式下我发现了第4个按钮。

我花了20个小时研究3个按钮

  1. 设定一项任务来检验人们是否注意到这3个按钮。
  2. “你知道这个‘加号’按钮是做什么的吗?”
  3. “这3种模式中,你最爱用哪种?”

到目前为止,这个访谈仍然非常简短,然而按钮就只有这些。我就只是这么坐着,在3种模式间来回乱点,思考人生、存在、还有精神崩溃。然后我忽然间深受触动。

在此之前我只是在思考UI,那只是界面。确切的说,是思考这些按钮和它们的功能——在3种视图中切换。

现在我开始考虑UX了,或者说体验。脑海中涌现出大量的问题。文字标签会以某种方式影响人们吗?它对人们查找图标的方式有影响吗?它会影响整体体验吗?我很想知道!

这些抽象的问题非常棒,但我不能直接这么问参与者:“嘿,你觉得文字标签有用吗?”因为人们的答案和实际行为之间有巨大差距。我不得不找到具体的任务来检验人们的实际行为。

怎么办?我就设身处地,开始搜索不同的图标。我搜索了汽车图标常用的图标、不常用的图标。我切换不同的视图,一遍又一遍搜索。

当然,搜索不同内容,得到结果也不同。但关键在于,我的关注点不一样。如果我寻找猫,我有明确的预期。但是如果我搜索“新闻”或“音乐”,我的预期就模糊得多。

虽然不同的搜索预期有影响,那不同的视图模式呢?

这个简单的问题充满了我的30分钟调研。

真理:深入挖掘总是对的。

最终的剧本草稿

  1. 设定一些任务来检验人们是否注意到这3个按钮。
  2. 用[纯图标]模式来搜索:猫、手机、箭头、新闻、开始、音乐。用[带标签的图标]模式搜索:狗、线条、盒子、创意、停止、工作。并且指出认为离谱的搜索结果
  3. “你知道这个‘加号’按钮是做什么的吗?”
  4. “这3种模式中,你最爱用哪种?”

我让参与者在纯图标模式下搜索“猫”,然后指出任何离谱的搜索结果。

我花了20个小时研究3个按钮

然后我让另一位参与者搜索同样的“猫”图标,但是用图标+文字标签模式,并指出离谱的搜索结果。

我花了20个小时研究3个按钮

看见没,那是Gabriel Aul。一切都说得通了!或许也没有……【译者注,Gabriel Aul是windows 10忍者猫形象的创造者】有时候,搜索甚至会给我们自己带来惊喜

好吧,我们换个更好的例子。假设你搜索线条图标:

我花了20个小时研究3个按钮

有了文字标签,参与者就不会再觉得“命令行”是不相干的图标。但这只是诸多影响之一。

我想证明的是,不同人对搜索结果的关联性有不同的感受,于是我明白了他们的预期有什么差别。我也会尽可能求证标签是否会影响预期。

真理:努力寻找方法衡量用户的体验

检验我的测试

到此为止,我的调研剧本已经比较完善了。但我仍然感觉不确定,邀请我同事来作为参与者,就像真实访谈一样。

结果证明这根本没那么完善。我不得不做出一些调整。

  1. “你能改变一下搜索结果的展现方式吗?”
  2. 用[纯图标]模式搜索:手机、新闻、开始。用[带标签的图标]模式搜索:盒子、创意、工作。指出离谱的搜索结果
  3. “你能否告诉我,在不点击‘加号’按钮的情况下,你觉得它是做什么的?”
  4. “以上3种模式,你最喜欢哪种?”

为什么要改成上面这样:

  • 第一题模棱两可。
  • 10个不同的搜索任务让访谈持续了60分钟。我计划只需要15-30分钟,于是我不得不把参与者减少到6人。
  • 第三题中,我得明白地告诉参与者,不要点击按钮——否则诱惑太多了。

真理:在展开真实的访谈之前,非常有必要做一下实验

结论

成功只给有准备的人。现在我有了最终的调研剧本,可以对真实用户展开测试了,我照此执行。7名参与者、超过15页笔记、3小时的视频素材,我得把这些资料组织起来。我现在正在撰写相关文档。下一篇文章就是关于这些调研结果、领悟和尴尬的沉默【译者注,我也正有此意 LOL】。如果你正在阅读本文,却没找到下一篇的链接,有两种可能:

  1. 本文刚发布不久。
  2. 我抓狂了,正在窗台上奋笔疾书。

感谢阅读!

原文作者:Andrew

原文地址:https://hackernoon.com/design-thinking-lessons-from-our-cats-9a43fd71457a

#专栏作家#

可乐橙,微信公众号:可乐橙(colachangreen)。人人都是产品经理专栏作家,UI/UX设计师,关注互联网,关注科技。现居杭州,与小伙伴们正在创业途中。或许不是一名优秀的设计师,至少是个快乐的设计师。

本文翻译发布于人人都是产品经理,未经许可,不得转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/23129/

(0)
CatherineCatherine
上一篇 2017-05-04 03:59
下一篇 2017-05-04 06:05

相关推荐

  • 从“注意力”的角度,谈交互设计如何避免入坑

    前段时间UIMAX团队在做“新浪新闻客户端用户画像项目”时,用研人员访谈用户的过程中,发现一个这样的问题:多数用户完全没注意到过页面上的“长按可排序或删除”这段文字,反馈“不知道可以对新闻频道进行排序” 设计师…

    2017-06-05
  • 微信团队出品-Sketch插件合集Wesketch

    静电说:微信团队刚刚出品了一款针对Sketch的插件合集-Wesketch,让我们一探究竟吧。WeSketch能做什么?更高效的团队协作,如:UI Kit 同步、色板同步等。更快捷的交互设计,如:图标库、自动连线、标记注释、全局替换文字、字体、颜色。更精准的前端还原,如:补齐宽高导出图片、导出 CSS 代码(支持小程序)等。如何下载和安装?访问Github地址:https://github.com/weixin/WeSketch/blo...

    2018-03-18
  • 聊聊意见反馈,小功能也有大门道

    反馈是几乎所有应用的标配功能,往往藏在“设置”或者“关于”里面的小角落。意见反馈在产品开发中的作用是不能忽视的,这几乎是所有应用最好的用户意见收集入口,但是不同应用对意见反馈的处理各不相同。最近在做反馈系统的梳理工作,也包括意见反馈页面优化,将这一段的分析整理成此文。

    2017-06-01
  • 四步搞定!保障产品体验的基本流程和方法

    「到 2020 年,用户体验将超过价格和产品,成为品牌差异的关键。这个品牌差异,由用户体验驱动,是一个最有价值的和可靠的竞争优势」——在 Medium 的一篇文章「The Business of User Experience」中开篇的一句。个人很是认同,也许不到 2020 年,体验的竞争价值就可以作为品牌差异的关键。那么问题来了,如何保障体验?尤其对于互联网产品而言,快速迭代的开发机制下,怎么样的流程和方法可以保障每次版本迭代都不遗漏产品体验风险?

    2017-05-28
  • 关于用户体验 生活才是最好的老师

    早早起床,天下去小雨,收拾完一切,带上我的花伞出门。今天的任务是买一双早已在网上看好的球鞋![我的主要需求]来到了步行街,街上的人还不少。我的目光在细雨的缝隙间不断的寻找着我心中的那个目标。偶然,在一个个华丽的招牌旁边,我发现了一个黑色的招牌,特别显眼!黑底白字虽然单调却不失档次,门内的贴画很简单,不是某某明星,仅仅是一双鞋子,在鞋子的表面,有几滴水珠。我不禁心中发起感慨,有意思。[广告展示的对比,不光是门头还是贴画,给我视觉上的冲击和...

    2018-02-07
  • 设计和建立设计体系规范的小贴士

    毫无疑问,我被问到最多的就是关于设计规范体系的建立。所以在过去几年里,最多思考的就是如何设计、建立完整的设计体系,像Marvel, Bantam 和 Modulz这样的产品,下面我想分享一些我学到的方法。

    2017-05-05
  • 交互设计毕业的小哥哥小姐姐都在做什么?

    Rania Svoronou作品Written In Sand | Interactive InstallationWalk Me | Internet of ThingsSound Clock | Internet of Things with IntelWhere Were You Last Night? | Art Intervention试听课开始啦,欢迎大家预约平面设计交互设计产品设计三大专业体验课开始啦,带着你的作品集,我们...

    2018-04-30
  • 为什么要考虑用户场景?

    这是个特别好的问题,因为我在还是新手的时候对这个问题也很疑惑。用户在哪个场景下用关我屁事啊?我只需要用户用得爽就行了嘛。

    2017-06-01
  • Axure手机多屏幕滑动原型案例下载

    网络中有价值的Axure原型案例不多,给客户做的原型或者自己公司内部的几乎没有人愿意共享出来,这很正常。建议刚刚学习Axure的小伙伴儿们不要到找人索要原型,换位思考一下,你付出劳动制作好的成品也不会随意送给…

    2015-01-04
  • 交互设计背后隐藏的万亿级医美市场在哪?

    你一定过很多书,走过很多的路,可书山瀚海,究竟那一句改变了你?当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放我期待张雨生 - 未来感谢你的阅读,百无一用是书生,十有九八堪白眼。什么是互联网交互:简单的是指互联网与手指或者语音之间的直接联系,2010年前简单的视频影音播放器还没有意识到用户和用户之间交互的强大之处,所以很多播放系统后来才加了弹幕功能,交互设计强调独立个体我与众多个体的交流交叉联系,微信微博是目前市场上最大的交互...

    微信热点 2018-02-26