我花了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

相关推荐

  • 交互设计四策略在音乐播放条上的运用

    追求简单易用是人类的本性,《简约至上》中提出了合理删除、分层组织、适时隐藏和巧妙转移这四个达成简约的终极策略。对于功能性单一的产品做到简洁化比较容易,但对于功能性较强的产品如要做到简洁就是一个复杂的课题。

    2017-05-23
  • 关于微信聊天与朋友圈如何快速切换的小讨论

    用微信时,你是否遇到这样的情况。你正刷着朋友圈,享受着各种鸡汤,这时候,你收到一条微信,一看是女王大人,不得不回。你诚恳的回了一条,等了二十秒不见有什么回应,于是就退了出来,进入朋友圈找到那篇没看完的文章,没看两行字,那边就回复你了,于是你又乖乖地回过去,来来回回,很麻烦!那,为什么聊天和朋友圈间不能有一种更快捷的切换方式呢?其中A代表微信聊天页,B代表微信其它功能页,X代表实现A和B快速、便捷切换的操作或交互方式。我们不妨先来分析一下聊天页面的功能分布和操作特点。以安卓的微信群聊为例(不要为为什么),其它类似,一共可以分为三类,共14种操作,与手指间的交互动作共有5种。定义好问题、了解好现状后,我做了改善的尝试,下面将有可行度的一些方案与大家交流一下。

    2017-06-03
  • 网易资深设计师:ToB产品的6条交互设计经验

    网易UEDC –李东岳:本文希望能够总结一些B端产品的设计经验,帮助大家更好的进行ToB产品的交互设计 工作。

    2017-09-26
  • 卡片短信:如何把交互设计做成一门生意?

        点击信息与交互设计关注我们! 欢迎大家踊跃投稿哦!投稿邮箱:iidc@iidc.org.cn最近使用安卓手机走查竞品,发现安卓的短信大变样,变成了卡片式短信,经过深入了解发现,卡片式短信的背后…

    2017-08-01
  • 与经典艺术交互体验,迪士尼推出AR博物馆,“篡改”世界画作

    ——映维网——国际影响力VR信息数据平台文章相关引用及参考:vrscout怎样做到?用户能够通过移动设备扫描博物馆中的任何2D艺术品或者是书籍,然后实时更改颜色和色调。例如,你可以把《蒙娜丽莎》变成紫色的皮肤(映维网 2017年09月02日)迪士尼在2015年开发了一种可以通过实时纹理来创建彩色书籍的AR技术(一种捕获2D绘图来实时创建3D增强现实图像的过程)。自那以后,迪士尼将实时纹理技术发展成一个名为AR Museum的新AR应用程...

    2018-01-30
  • 澳洲留学 | 交互设计专业硕士大解析

    📢:1⃣️条信息,足以改变你的未来!欢迎关注本平台交互设计在中国是一个新兴的产业,但是随着中国电子系统对人们生活影响的逐渐扩大,中国交互设计师将面临一个很大的缺口。什么是交互设计专业?1.words 语言语言是互动的最基础部分。人与人之间的互动是通过语言来进行基本交流。人也通过语言与机器进行交流。这里的语言可以是文字形式、语音形式、或动作形式等。在美国,一个好的交互设计师,也是一个很好地copy writer,需要具备良好的语言沟通和文...

    2018-04-06
  • 怎样绘制用户体验地图

    内容来自梁宁老师的《产品思维30讲》,这里是第17讲的笔记。怎么画用户体验地图1.完整的用户角色:需要对「第一只羊」有完整地了解。 (「第一只羊」的话题留在下次介绍)2.清晰的目标和预期:清晰描述用户的目标和预期,他为什么来到你的草地上?他要什么?比如,用户买钻孔机,但是他的目标不是拥有钻孔机,而是需要在墙上打个洞。比如吃饭,用户目标是吃饱?还是想要营造气氛?还是想获得一次交流机会?搞清楚用户的目标和预期到底是什么。3.服务触点:用户从...

    2018-04-01
  • 交互设计差异化:WebAPP和APP

    WebAPP和原生APP同为移动端,很少有研究这两项的交互区别,最近公司做了一次从原生APP到WebAPP(HTML5 )的移植,故总结一下期间遇到的问题及不同点总结。 从使用场景上,WAP用户面临比APP用户更严峻的问题: 1、页…

    2015-01-26
  • Sketch book 各种材质产品手绘表现-别人家的手绘本,拿走、收藏... [更新]

    ▲点击关注最不可思议干货今天给大家共享一波Sketch book 各种材质产品手绘表现...拿走、收藏...手绘飙车活动进行时,点击按钮加入...手绘零基础▼点击看>此方法,让零基础小伙伴们透视准确率达到98%...津美优设2017暑期1期课程|格物造型.第5天: 线稿基础-借体推敲Ⅱ点击看>此方法,让零基础小伙伴们形态推演能力爆棚!造型推敲、设计发散!津美优设2017暑期1期课程|格物造型课程.第6天:借体推敲Ⅲ点击看>此方法让零基础...

    2018-03-23
  • 交互设计的本质是什么?

    行为逻辑的认知,让我们在设计数字世界的产品时,把注意力放在用户上、放在用户的动机和行为上,以及发生这些行为的媒介和场景。从这个层面去思考数字世界的产品,也许更贴近交互设计的本质。

    2017-04-29