地址:北京市海淀區清河安寧莊后街12號院1號樓一層、安寧莊東路18號光華創(chuàng )業(yè)園16號樓四層 電話(huà):4008113950 ; 4008113680 后臺管理 CRM
技術(shù)支持:興旺寶明通
Catalyst Group進(jìn)行了一項眼動(dòng)追蹤研究來(lái)比較兩種流行的社交網(wǎng)站的“好友列表”界面的可用性。他們的研究發(fā)現其中一種界面的設計在精確完成關(guān)鍵網(wǎng)絡(luò )任務(wù)上效率明顯更高。
盡管好友列表有著(zhù)廣泛的相似性,但不同社交網(wǎng)絡(luò )的好友列表的設計元素卻有著(zhù)交大的差異。Catalyst Group要評估此類(lèi)信息最有效的呈現要素 。研究選用了兩家最知名的社交網(wǎng)站進(jìn)行對比, Facebook 和 LinkedIn。 |
|
左: 一列式設計(Facebook)右: 三列式設計(LinkedIn) |
為了模擬在列表中搜索某個(gè)你認識但不知道他具體是誰(shuí)的情形,研究人員為受訪(fǎng)者分配了兩個(gè)“真實(shí)情況”下的任務(wù),一個(gè)是姓名識別任務(wù),一個(gè)是頭銜/描述識別任務(wù) (搜索一位設計方面的專(zhuān)家)。
整體來(lái)說(shuō),Facebook的一列式設計是一種有效的測試信息呈現方式。這種優(yōu)勢在RTA(回顧式發(fā)聲思維)環(huán)節被受訪(fǎng)者明確地驗證,眼動(dòng)數據也很好地證實(shí)了這一點(diǎn)。在姓名識別任務(wù)中閱讀從上至下的單列姓名很容易,并且受訪(fǎng)者能夠忽略相鄰的含有與任務(wù)無(wú)關(guān)信息一列的內容。同樣,用戶(hù)在搜索一位設計方面的專(zhuān)家時(shí)也是按照垂直向下瀏覽職位/描述欄的。在一列式設計中,用戶(hù)能夠區分開(kāi)每個(gè)人的名稱(chēng)、工作職位、頭像,輕松找到他們的任務(wù)相關(guān)的信息。在三列式設計中,受訪(fǎng)者被呈現的大量的信息所包圍,使他們難以找到任務(wù)需要的信息。 |
|
可視化熱點(diǎn)圖。左:一列式設計,右:三列式設計。 |
眼動(dòng)數據還揭示出受訪(fǎng)者對一欄設計的瀏覽方式基本相同并且在任務(wù)開(kāi)始時(shí)的猶豫和探測行為很少。用戶(hù)們都能夠采用正確的搜索行為而不需要嘗試不同的搜索策略 (在三欄式測試中觀(guān)察到的一種現象)。 |
|
很多用戶(hù)認為L(cháng)inkedIn的三欄式設計非常麻煩并且在整體的設計中具有一定的強制性,用一名受訪(fǎng)者的話(huà)說(shuō)-它會(huì )令人感到疲勞。此外,受訪(fǎng)者們普遍認為在三欄式設計中完成任務(wù)有很大難度。換言之,他們不能肯定是否已經(jīng)看過(guò)所有的名字。 |
兩名受訪(fǎng)者在瀏覽1欄式設計時(shí)的可視化數據。所有的用戶(hù)都是按垂直方向進(jìn)行瀏覽的。偶爾會(huì )出現對圖片或名稱(chēng)的短暫視覺(jué)停留(依據被分配的任務(wù))。滾動(dòng)頁(yè)面時(shí),用戶(hù)也會(huì )按相同的模式從上至下進(jìn)行瀏覽。 |
對三欄式設計的眼動(dòng)追蹤測試結果顯示出受訪(fǎng)者在此方案下沒(méi)有使用一致的搜索策略。此外,多數受訪(fǎng)者在開(kāi)始的時(shí)候必須在決定所使用的搜索策略前嘗試不同的搜索策略。這種不確定性在需要滾動(dòng)頁(yè)面才能查看完整的三欄列表時(shí)更為嚴重。 |
|
許多受訪(fǎng)者發(fā)現在滾動(dòng)頁(yè)面后找不到當前的位置,必須返回到上級頁(yè)面。根據此項研究的結論, Catalyst Group推薦依靠網(wǎng)絡(luò )功能的頁(yè)面應考慮使用一欄式的設計,這樣可以使視覺(jué)掃描更方便,令用戶(hù)體驗得到提升。 |
一副典型的三列式設計的注視軌跡圖。直線(xiàn)代表網(wǎng)頁(yè)的分頁(yè)線(xiàn)。一些用戶(hù)選擇首先瀏覽頁(yè)面的所有部分,然后通過(guò)滾動(dòng)瀏覽頁(yè)面剩余的部分。另一部分用戶(hù)試圖一路瀏覽到頁(yè)面底端然后滾動(dòng)到頂部繼續瀏覽。有幾名用戶(hù)以他們的鼠標指針為索引,從一個(gè)文本區域閱讀到另一個(gè)問(wèn)本區域。值得注意的是,我們觀(guān)察到一些用戶(hù)在開(kāi)始滾動(dòng)(圖像)時(shí)改變了閱讀策略。 |
為了對Catalyst Group 感興趣的特定功能,測試的樣板頁(yè)面沒(méi)有包含任何的導航或設計元素。每個(gè)樣板頁(yè)面使用的都是相同數量的名稱(chēng)和描述列表,唯一的不同點(diǎn)是Facebook的界面包含了聯(lián)系人的頭像圖片,而LinkedIn的界面只有聯(lián)系人的名稱(chēng)和頭銜。
共有13名受訪(fǎng)者參與了測試,這些受訪(fǎng)者都有至少一種社交網(wǎng)站使用經(jīng)驗 (如,Facebook, LinkedIn,MySpace或Twitter)。
研究創(chuàng )建了兩個(gè)任務(wù):
研究使用了一臺Tobii T60眼動(dòng)儀。Catalyst Group給每名受訪(fǎng)者呈現了兩個(gè)任務(wù)和兩個(gè)設計方案。眼動(dòng)追蹤記錄了受訪(fǎng)者嘗試完成任務(wù)的過(guò)程,眼動(dòng)環(huán)節后,進(jìn)行了定性的發(fā)生思考訪(fǎng)談(RTA)來(lái)研究關(guān)于受訪(fǎng)者體驗的細節內容。為了防止重復效應,每個(gè)任務(wù)和界面都會(huì )進(jìn)行輪換。
“我們在Catalyst注意到自從我們使用了眼動(dòng)追蹤/RTA的方法后,我們得到了更多有意義的結論和更精確的用戶(hù)反饋信息。而用戶(hù)覺(jué)得實(shí)驗的流程令他們更加投入。他們不僅可以看到自己的行為,還能看到他們自己的視線(xiàn)位置,這可以幫助他們將注意力力集中在重要的部分 。作為一個(gè)可用性研究員,我的看法是這種眼動(dòng)追蹤/RTA結合的方式令我們能夠更容易地發(fā)現可用性存在的重要問(wèn)題和可用性較高的部分。” Catalyst Group創(chuàng )始人兼首席顧問(wèn)Peter Hughes說(shuō)道。
“我們考慮購買(mǎi)哪個(gè)品牌的眼動(dòng)儀的時(shí)候,Tobii的名字不斷地涌現出來(lái)。我們現在已有一臺Tobii T60眼動(dòng)儀,并且使用非常地頻繁 。Tobii 為他們的產(chǎn)品提供了很好的支持,這主要體現在客戶(hù)的技術(shù)支持和他們對產(chǎn)品不斷的完善上。"Catalyst Group創(chuàng )始人兼首席顧問(wèn)Peter Hughes說(shuō)道。