網(wǎng)站導(dǎo)航之痛——4種用戶測試方法幫你定位可尋性與可發(fā)現(xiàn)性問題

本文由特邀譯者Paula(新浪微博:0065paula)提供翻譯,除了錯(cuò)別字校對(duì)外未做任何刪改不皆!

這是篇很實(shí)用的研究測試類文章磕蒲,來自NNgroup稠屠,作者Jennifer Cardello, 介紹了如何通過信息架構(gòu)層面和用戶界面層面的用戶研究,來定位網(wǎng)站的可尋性與可發(fā)現(xiàn)性問題的根源——究竟出在信息架構(gòu)韧骗,還是導(dǎo)航設(shè)計(jì)嘉抒。

閱讀原文請(qǐng)戳傳送門

歡迎關(guān)注我的微信公眾號(hào)“開卷有譯”獲得新文章推送。如需轉(zhuǎn)載請(qǐng)注明來自公眾微信號(hào)“開卷有譯”宽闲,或簡書譯文地址众眨。

-----------------我是分割線----------------

在網(wǎng)站上定位不到自己想要的內(nèi)容是造成用戶挫敗的首要原因之一。電子商務(wù)設(shè)計(jì)第一定律:“用戶無法購買他不能找到的商品”容诬。因此娩梨,此類設(shè)計(jì)缺陷可不僅僅是可用性問題,它們也會(huì)對(duì)網(wǎng)站的盈利能力帶來巨大威脅览徒。

可尋性問題和可發(fā)現(xiàn)性問題

當(dāng)網(wǎng)站訪客頻繁使用搜索功能來尋找那些本可以通過瀏覽輕松找到的內(nèi)容時(shí)狈定,當(dāng)導(dǎo)向關(guān)鍵任務(wù)頁面的站內(nèi)流量少得可憐時(shí),這個(gè)網(wǎng)站可能已經(jīng)出現(xiàn)了可尋性和可發(fā)現(xiàn)性問題习蓬。

可尋:如果用戶認(rèn)為某個(gè)網(wǎng)站中有他要找的內(nèi)容或功能纽什,他就可以很輕松地找到它們。

可發(fā)現(xiàn):如果用戶不知道網(wǎng)站中存在某些內(nèi)容或功能躲叼,他仍然可以發(fā)現(xiàn)它們芦缰。


合理的信息架構(gòu)和優(yōu)質(zhì)的導(dǎo)航系統(tǒng)保障了網(wǎng)站的高可尋性和可發(fā)現(xiàn)性。而解決可尋性和可發(fā)現(xiàn)性問題的首要挑戰(zhàn)枫慷,便是確定問題的根源——究竟是信息架構(gòu)還是導(dǎo)航設(shè)計(jì)的問題让蕾?以下兩個(gè)例子說明了信息架構(gòu)(以下簡稱IA浪规,即信息架構(gòu)的英文 Information Architecture 的縮寫)和導(dǎo)航/UI問題之間的不同:

案例1:網(wǎng)站的兩個(gè)重要部分缺乏訪問量。 可能的問題根源

IA問題:用戶不理解這兩個(gè)部分的命名探孝,或者其命名不能吸引用戶笋婿。

UI問題:用戶沒有注意到指向這兩個(gè)部分的鏈接。

案例2:內(nèi)容頁的“相關(guān)鏈接”導(dǎo)航組件無人使用顿颅。 可能的問題根源

IA問題:“相關(guān)鏈接”里面提供的鏈接并不是用戶所感興趣的(分類錯(cuò)誤)缸濒。

UI問題:用戶沒有注意到“相關(guān)鏈接”組件的存在(可能位置太靠下了,或者被誤認(rèn)為是廣告)粱腻。


胡亂猜測問題根源可能帶來很高的代價(jià)庇配。如果花錢重新設(shè)計(jì)了整個(gè)界面,結(jié)果發(fā)現(xiàn)是IA出了問題栖疑,那就太悲慘了讨永。反之亦然。時(shí)間和資源有限的情況下遇革,找準(zhǔn)問題根源具有巨大的價(jià)值卿闹。接下來我們推薦的方法全都可以快速、遠(yuǎn)程實(shí)施萝快,甚至無需研究員介入(當(dāng)然可以自愿介入)锻霎。如此快捷有效的測試方法,我們有什么道理不用呢揪漩?

多種測試幫你找出問題根源

結(jié)合使用多種測試方法是確定問題真正原因的關(guān)鍵旋恼。分別針對(duì)(a)信息架構(gòu)和(b)用戶界面進(jìn)行研究,可以增加正確定位網(wǎng)站問題的幾率奄容。

下面將要介紹的4個(gè)方法專注不同角度(或IA冰更,或UI),并給出了定量昂勒、定性或兩者皆有的結(jié)果蜀细。

*可用性測試通常是定性的,但是通過一些額外的手段戈盈,或使用類似Loop11這樣的工具奠衔,也可以產(chǎn)出定量的結(jié)果。

1. 樹測試

樹測試是從IA角度出發(fā)的測試方法塘娶。用來判斷關(guān)鍵任務(wù)的相關(guān)信息在網(wǎng)站的信息架構(gòu)中是否可尋归斤。這種測試并不向被測者展示用戶界面。被測者僅僅通過鏈接文字進(jìn)行導(dǎo)航刁岸。

此方法可以回答如下問題:

類目的命名能否被用戶理解脏里?

類目的命名是否準(zhǔn)確代表了其內(nèi)容?

網(wǎng)站內(nèi)容的分類是否以用戶為中心虹曙?

內(nèi)容的標(biāo)題之間是否具有明顯的區(qū)分度膝宁?

導(dǎo)航結(jié)構(gòu)是否過寬或過深鸦难,導(dǎo)致信息不易找到?

準(zhǔn)備工作和測試過程:

準(zhǔn)備樹測試员淫,你需要?jiǎng)?chuàng)建一棵反映網(wǎng)頁分組和層級(jí)的信息架構(gòu)“樹”(你可以先用電子表格創(chuàng)建好,再粘貼到用于樹測試的應(yīng)用里)击敌。接下來介返,你需要?jiǎng)?chuàng)建具體的任務(wù),讓用戶在信息架構(gòu)中尋找特定的目的地(稱作“終端節(jié)點(diǎn)”)沃斤。例如圣蝎,“找到囊括4人家庭并少于每月500美元的健康保險(xiǎn)計(jì)劃”。測試參與者通過與樹交互來完成任務(wù)衡瓶。

結(jié)果:

測試結(jié)果是定量的徘公,包含但不限于:

直接成功率:多少參與者不需要在樹中上下反復(fù),就可以找到正確答案哮针?

間接成功率:多少參與者雖然找到了正確答案关面,但是經(jīng)歷了在樹中上上下下反復(fù)游走?

首次點(diǎn)擊數(shù)據(jù):用戶首先點(diǎn)擊了哪個(gè)第一層級(jí)類目十厢?首次點(diǎn)擊可以反映出類目命名的合理性等太。

工具:

Treejack

Treejack 參與者看到的樹測試界面:屏幕頂端列出任務(wù)。測試參與者必須通過樹中的標(biāo)簽進(jìn)行導(dǎo)航蛮放,并找到指定的信息缩抡。
Treejack 提供的某項(xiàng)任務(wù)的樹測試結(jié)果,包含了直接成功包颁,間接成功相關(guān)數(shù)據(jù)和所花時(shí)間瞻想。

2. 封閉卡片分類

封閉卡片分類是從IA角度出發(fā)的測試方法。用來衡量類目命名的有效性娩嚼。

此方法可以回答如下問題:

類目的命名能否被用戶理解蘑险?

類目的命名是否準(zhǔn)確代表了其內(nèi)容?

網(wǎng)站內(nèi)容的分類是否以用戶為中心待锈?

內(nèi)容的標(biāo)題之間是否具有明顯的區(qū)分度漠其?

準(zhǔn)備工作和測試過程:

要實(shí)施這類測試,你需要為測試參與者準(zhǔn)備“卡片”竿音。這些卡片包含了內(nèi)容或功能的名稱或描述和屎。接下來,他們將要將這些卡片歸入你定好的類目中春瞬。(這種封閉卡片分類與傳統(tǒng)的開發(fā)卡片分類不同柴信,后者需要用戶自己創(chuàng)建不同類目并歸類。)

結(jié)果:

測試結(jié)果包含定量和定性結(jié)論:

相似性:相同內(nèi)容被歸為一組的次數(shù)宽气;

標(biāo)準(zhǔn)化表格:卡片被歸入預(yù)期類目的次數(shù)随常;

歸類邏輯:進(jìn)行卡片分類時(shí)潜沦,我們建議一定的人工參與,不管是現(xiàn)場還是遠(yuǎn)程绪氛。這樣你可以采訪用戶為什么把某些內(nèi)容分為一組唆鸡?為什么把某些內(nèi)容歸入某一類目?以及他們?nèi)绾谓庾x類目的名字枣察?

工具:

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

OptimalSort的封閉卡片分類界面:待分類的“卡片”在左側(cè)争占,頁面的主體列出了類目。測試參與者需要將卡片拖拽到類目中序目,進(jìn)行分類臂痕。
OptimalSort提供了封閉卡片測試結(jié)果的標(biāo)準(zhǔn)化表格褒翰。從這些數(shù)據(jù)中可以看出多少用戶將卡片歸入某個(gè)類目关斜。如果大多數(shù)用戶為某張卡片選擇的類目與你的預(yù)期不同,那么該重新考慮一下你的信息架構(gòu)是否合理了也物。

3. 點(diǎn)擊測試

點(diǎn)擊測試從UI角度出發(fā)叛赚,用來發(fā)現(xiàn)用戶尋找特定信息或功能時(shí)澡绩,會(huì)點(diǎn)擊界面的哪些部分。點(diǎn)擊測試的一個(gè)缺點(diǎn)是红伦,測試過程不是互動(dòng)的——測試參與者只能看到網(wǎng)站的靜態(tài)圖片英古,然后點(diǎn)擊他們預(yù)期可以完成任務(wù)的地方。一旦他們點(diǎn)擊了某處昙读,就視作任務(wù)完成召调,可以開始下一項(xiàng)任務(wù)了。如果要測試具有交互的元素蛮浑,需要進(jìn)行可用性測試唠叛。

此方法可以用來回答如下問題:

哪些導(dǎo)航組件被使用到了?

哪些導(dǎo)航組件被無視了沮稚?

哪些導(dǎo)航組件被刻意避開艺沼?

準(zhǔn)備工作和測試過程:

你需要上傳待測頁面的截屏、線框圖或草圖到點(diǎn)擊測試工具里蕴掏。然后創(chuàng)建任務(wù)障般。測試參與者需要在圖片上點(diǎn)擊那些他們認(rèn)為可以執(zhí)行任務(wù)的地方。

結(jié)果:

測試結(jié)果是一張點(diǎn)擊熱圖盛杰,可以幫助你判斷導(dǎo)航設(shè)計(jì)是否明顯挽荡,某些元素是否形成視覺干擾等。

工具:

Usabilla Visual Survey, Chalkmark

Chalkmark呈獻(xiàn)給參與者的點(diǎn)擊測試界面:屏幕頂端列出任務(wù)即供。用戶需要點(diǎn)擊圖片上那些他們認(rèn)為可以執(zhí)行任務(wù)的地方定拟。
Chalkmark的點(diǎn)擊熱圖展示了用戶完成每個(gè)任務(wù)時(shí)都點(diǎn)擊了哪些地方。

4.可用性測試

可用性測試可以告訴我們用戶要完成某項(xiàng)任務(wù)逗嫡,會(huì)如何瀏覽網(wǎng)站(或網(wǎng)站的原型)以及為什么這樣瀏覽青自。

此方法可以用來回答如下問題:

用戶如何尋找信息株依?

哪些導(dǎo)航組件被使用到了?

哪些導(dǎo)航組件被無視了延窜?

哪些導(dǎo)航組件被刻意避開恋腕?

準(zhǔn)備工作和測試過程:

你可以在可用性測試中使用原型(紙面原型或可交互的原型)或線上的網(wǎng)站。你需要?jiǎng)?chuàng)建一些任務(wù)逆瑞,讓測試參與者完成這些任務(wù)吗坚。你需要觀察用戶執(zhí)行任務(wù)的過程,注意他們?nèi)绾闻c導(dǎo)航組件交互呆万,以及他們是否無視或者刻意避開了某些導(dǎo)航?可用性測試可以面對(duì)面進(jìn)行车份,也可以遠(yuǎn)程進(jìn)行谋减。遠(yuǎn)程用戶測試可以通過通訊手段進(jìn)行實(shí)時(shí)的人工介入,也可以無需測試主持介入扫沼,通過在線測試工具完成出爹。

標(biāo)準(zhǔn)用戶測試只需要一個(gè)用戶和一臺(tái)電腦。(如果用紙面原型測試缎除,那就只需要一張紙严就。)不過如果預(yù)算充足,你可以在測試過程中使用眼動(dòng)追蹤儀器罐,這樣能解答用戶是否看到了任務(wù)相關(guān)的導(dǎo)航組件這樣的問題梢为。

治病的關(guān)鍵是診斷正確的病因

綜合實(shí)施多種測試方法,你會(huì)發(fā)現(xiàn)有些測試結(jié)果是正面的轰坊,有些則比較負(fù)面铸董。測試結(jié)果的不一致恰好證明了分別從IA和UI角度測試的價(jià)值。舉個(gè)例子肴沫,你做了一次封閉卡片測試粟害,發(fā)現(xiàn)用戶可以順利地把子類內(nèi)容歸入你預(yù)期的全局導(dǎo)航。而同一環(huán)境下的點(diǎn)擊測試則成功率頗低——用戶試圖執(zhí)行關(guān)鍵任務(wù)時(shí)颤芬,只會(huì)點(diǎn)擊錯(cuò)誤的地方悲幅。綜合兩個(gè)測試的結(jié)果,說明了你網(wǎng)站類目命名合理站蝠,但是界面布局很有問題汰具。你最好重新設(shè)計(jì)一下網(wǎng)站的布局外觀。

可尋性和可發(fā)現(xiàn)性問題會(huì)讓人不知所措沉衣,在信息不足的情況下做出不經(jīng)思考的失敗改動(dòng)郁副。團(tuán)隊(duì)經(jīng)常沒有多少時(shí)間進(jìn)行研究,更突顯了這四種測試方法的價(jià)值——他們不需要多少準(zhǔn)備時(shí)間豌习,可以同時(shí)進(jìn)行存谎,并且可以遠(yuǎn)程實(shí)施——如果你想要的話拔疚,也可以不讓任何測試人員介入。因此既荚,實(shí)施這四種測試中的兩種或多種測試是合理的金錢和時(shí)間投資稚失。這樣做可以幫助你深入探索問題的本質(zhì)原因,并降低采取代價(jià)高昂的錯(cuò)誤解決方案的風(fēng)險(xiǎn)恰聘。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末句各,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子晴叨,更是在濱河造成了極大的恐慌凿宾,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,729評(píng)論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件兼蕊,死亡現(xiàn)場離奇詭異初厚,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)孙技,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,226評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門产禾,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人牵啦,你說我怎么就攤上這事亚情。” “怎么了哈雏?”我有些...
    開封第一講書人閱讀 169,461評(píng)論 0 362
  • 文/不壞的土叔 我叫張陵楞件,是天一觀的道長。 經(jīng)常有香客問我僧著,道長履因,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,135評(píng)論 1 300
  • 正文 為了忘掉前任盹愚,我火速辦了婚禮栅迄,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘皆怕。我一直安慰自己毅舆,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,130評(píng)論 6 398
  • 文/花漫 我一把揭開白布愈腾。 她就那樣靜靜地躺著憋活,像睡著了一般。 火紅的嫁衣襯著肌膚如雪虱黄。 梳的紋絲不亂的頭發(fā)上悦即,一...
    開封第一講書人閱讀 52,736評(píng)論 1 312
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼辜梳。 笑死粱甫,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的作瞄。 我是一名探鬼主播茶宵,決...
    沈念sama閱讀 41,179評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼宗挥!你這毒婦竟也來了乌庶?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 40,124評(píng)論 0 277
  • 序言:老撾萬榮一對(duì)情侶失蹤契耿,失蹤者是張志新(化名)和其女友劉穎瞒大,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體搪桂,經(jīng)...
    沈念sama閱讀 46,657評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡糠赦,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,723評(píng)論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了锅棕。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,872評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡淌山,死狀恐怖裸燎,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情泼疑,我是刑警寧澤德绿,帶...
    沈念sama閱讀 36,533評(píng)論 5 351
  • 正文 年R本政府宣布,位于F島的核電站退渗,受9級(jí)特大地震影響移稳,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜会油,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,213評(píng)論 3 336
  • 文/蒙蒙 一个粱、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧翻翩,春花似錦都许、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,700評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至桨仿,卻和暖如春睛低,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,819評(píng)論 1 274
  • 我被黑心中介騙來泰國打工钱雷, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留骂铁,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 49,304評(píng)論 3 379
  • 正文 我出身青樓急波,卻偏偏與公主長得像从铲,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子澄暮,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,876評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容