网站导航之痛——4种用户测试方法帮你定位可寻性与可发现性问题

本文由特邀译者Paula(新浪微博:0065paula)提供翻译,除了错别字校对外未做任何删改!

这是篇很实用的研究测试类文章,来自NNgroup,作者Jennifer Cardello, 介绍了如何通过信息架构层面和用户界面层面的用户研究,来定位网站的可寻性与可发现性问题的根源——究竟出在信息架构,还是导航设计。

阅读原文请戳传送门

欢迎关注我的微信公众号“开卷有译”获得新文章推送。如需转载请注明来自公众微信号“开卷有译”,或简书译文地址。

-----------------我是分割线----------------

在网站上定位不到自己想要的内容是造成用户挫败的首要原因之一。电子商务设计第一定律:“用户无法购买他不能找到的商品”。因此,此类设计缺陷可不仅仅是可用性问题,它们也会对网站的盈利能力带来巨大威胁。

可寻性问题和可发现性问题

当网站访客频繁使用搜索功能来寻找那些本可以通过浏览轻松找到的内容时,当导向关键任务页面的站内流量少得可怜时,这个网站可能已经出现了可寻性和可发现性问题。

可寻:如果用户认为某个网站中有他要找的内容或功能,他就可以很轻松地找到它们。

可发现:如果用户不知道网站中存在某些内容或功能,他仍然可以发现它们。


合理的信息架构和优质的导航系统保障了网站的高可寻性和可发现性。而解决可寻性和可发现性问题的首要挑战,便是确定问题的根源——究竟是信息架构还是导航设计的问题?以下两个例子说明了信息架构(以下简称IA,即信息架构的英文 Information Architecture 的缩写)和导航/UI问题之间的不同:

案例1:网站的两个重要部分缺乏访问量。 可能的问题根源

IA问题:用户不理解这两个部分的命名,或者其命名不能吸引用户。

UI问题:用户没有注意到指向这两个部分的链接。

案例2:内容页的“相关链接”导航组件无人使用。 可能的问题根源

IA问题:“相关链接”里面提供的链接并不是用户所感兴趣的(分类错误)。

UI问题:用户没有注意到“相关链接”组件的存在(可能位置太靠下了,或者被误认为是广告)。


胡乱猜测问题根源可能带来很高的代价。如果花钱重新设计了整个界面,结果发现是IA出了问题,那就太悲惨了。反之亦然。时间和资源有限的情况下,找准问题根源具有巨大的价值。接下来我们推荐的方法全都可以快速、远程实施,甚至无需研究员介入(当然可以自愿介入)。如此快捷有效的测试方法,我们有什么道理不用呢?

多种测试帮你找出问题根源

结合使用多种测试方法是确定问题真正原因的关键。分别针对(a)信息架构和(b)用户界面进行研究,可以增加正确定位网站问题的几率。

下面将要介绍的4个方法专注不同角度(或IA,或UI),并给出了定量、定性或两者皆有的结果。

*可用性测试通常是定性的,但是通过一些额外的手段,或使用类似Loop11这样的工具,也可以产出定量的结果。

1. 树测试

树测试是从IA角度出发的测试方法。用来判断关键任务的相关信息在网站的信息架构中是否可寻。这种测试并不向被测者展示用户界面。被测者仅仅通过链接文字进行导航。

此方法可以回答如下问题:

类目的命名能否被用户理解?

类目的命名是否准确代表了其内容?

网站内容的分类是否以用户为中心?

内容的标题之间是否具有明显的区分度?

导航结构是否过宽或过深,导致信息不易找到?

准备工作和测试过程:

准备树测试,你需要创建一棵反映网页分组和层级的信息架构“树”(你可以先用电子表格创建好,再粘贴到用于树测试的应用里)。接下来,你需要创建具体的任务,让用户在信息架构中寻找特定的目的地(称作“终端节点”)。例如,“找到囊括4人家庭并少于每月500美元的健康保险计划”。测试参与者通过与树交互来完成任务。

结果:

测试结果是定量的,包含但不限于:

直接成功率:多少参与者不需要在树中上下反复,就可以找到正确答案?

间接成功率:多少参与者虽然找到了正确答案,但是经历了在树中上上下下反复游走?

首次点击数据:用户首先点击了哪个第一层级类目?首次点击可以反映出类目命名的合理性。

工具:

Treejack

Treejack 参与者看到的树测试界面:屏幕顶端列出任务。测试参与者必须通过树中的标签进行导航,并找到指定的信息。
Treejack 提供的某项任务的树测试结果,包含了直接成功,间接成功相关数据和所花时间。

2. 封闭卡片分类

封闭卡片分类是从IA角度出发的测试方法。用来衡量类目命名的有效性。

此方法可以回答如下问题:

类目的命名能否被用户理解?

类目的命名是否准确代表了其内容?

网站内容的分类是否以用户为中心?

内容的标题之间是否具有明显的区分度?

准备工作和测试过程:

要实施这类测试,你需要为测试参与者准备“卡片”。这些卡片包含了内容或功能的名称或描述。接下来,他们将要将这些卡片归入你定好的类目中。(这种封闭卡片分类与传统的开发卡片分类不同,后者需要用户自己创建不同类目并归类。)

结果:

测试结果包含定量和定性结论:

相似性:相同内容被归为一组的次数;

标准化表格:卡片被归入预期类目的次数;

归类逻辑:进行卡片分类时,我们建议一定的人工参与,不管是现场还是远程。这样你可以采访用户为什么把某些内容分为一组?为什么把某些内容归入某一类目?以及他们如何解读类目的名字?

工具:

OptimalSort, UXSort, Usabilitest Card Sorting, UserZoom Card Sorting, UsabilityTools Card Sorting

OptimalSort的封闭卡片分类界面:待分类的“卡片”在左侧,页面的主体列出了类目。测试参与者需要将卡片拖拽到类目中,进行分类。
OptimalSort提供了封闭卡片测试结果的标准化表格。从这些数据中可以看出多少用户将卡片归入某个类目。如果大多数用户为某张卡片选择的类目与你的预期不同,那么该重新考虑一下你的信息架构是否合理了。

3. 点击测试

点击测试从UI角度出发,用来发现用户寻找特定信息或功能时,会点击界面的哪些部分。点击测试的一个缺点是,测试过程不是互动的——测试参与者只能看到网站的静态图片,然后点击他们预期可以完成任务的地方。一旦他们点击了某处,就视作任务完成,可以开始下一项任务了。如果要测试具有交互的元素,需要进行可用性测试。

此方法可以用来回答如下问题:

哪些导航组件被使用到了?

哪些导航组件被无视了?

哪些导航组件被刻意避开?

准备工作和测试过程:

你需要上传待测页面的截屏、线框图或草图到点击测试工具里。然后创建任务。测试参与者需要在图片上点击那些他们认为可以执行任务的地方。

结果:

测试结果是一张点击热图,可以帮助你判断导航设计是否明显,某些元素是否形成视觉干扰等。

工具:

Usabilla Visual Survey, Chalkmark

Chalkmark呈献给参与者的点击测试界面:屏幕顶端列出任务。用户需要点击图片上那些他们认为可以执行任务的地方。
Chalkmark的点击热图展示了用户完成每个任务时都点击了哪些地方。

4.可用性测试

可用性测试可以告诉我们用户要完成某项任务,会如何浏览网站(或网站的原型)以及为什么这样浏览。

此方法可以用来回答如下问题:

用户如何寻找信息?

哪些导航组件被使用到了?

哪些导航组件被无视了?

哪些导航组件被刻意避开?

准备工作和测试过程:

你可以在可用性测试中使用原型(纸面原型或可交互的原型)或线上的网站。你需要创建一些任务,让测试参与者完成这些任务。你需要观察用户执行任务的过程,注意他们如何与导航组件交互,以及他们是否无视或者刻意避开了某些导航?可用性测试可以面对面进行,也可以远程进行。远程用户测试可以通过通讯手段进行实时的人工介入,也可以无需测试主持介入,通过在线测试工具完成。

标准用户测试只需要一个用户和一台电脑。(如果用纸面原型测试,那就只需要一张纸。)不过如果预算充足,你可以在测试过程中使用眼动追踪仪,这样能解答用户是否看到了任务相关的导航组件这样的问题。

治病的关键是诊断正确的病因

综合实施多种测试方法,你会发现有些测试结果是正面的,有些则比较负面。测试结果的不一致恰好证明了分别从IA和UI角度测试的价值。举个例子,你做了一次封闭卡片测试,发现用户可以顺利地把子类内容归入你预期的全局导航。而同一环境下的点击测试则成功率颇低——用户试图执行关键任务时,只会点击错误的地方。综合两个测试的结果,说明了你网站类目命名合理,但是界面布局很有问题。你最好重新设计一下网站的布局外观。

可寻性和可发现性问题会让人不知所措,在信息不足的情况下做出不经思考的失败改动。团队经常没有多少时间进行研究,更突显了这四种测试方法的价值——他们不需要多少准备时间,可以同时进行,并且可以远程实施——如果你想要的话,也可以不让任何测试人员介入。因此,实施这四种测试中的两种或多种测试是合理的金钱和时间投资。这样做可以帮助你深入探索问题的本质原因,并降低采取代价高昂的错误解决方案的风险。

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

推荐阅读更多精彩内容