篩選已經(jīng)成為各類網(wǎng)站的必備功能，也是用戶使用最多的功能之一，它的重要性不言而喻。

1.研究背景

篩選已經(jīng)成為各類網(wǎng)站的必備功能，也是用戶使用最多的功能之一。它的重要性不言而喻。

在某次改版設(shè)計(jì)中，通過競品研究發(fā)現(xiàn)， APP的篩選列表的選項(xiàng)設(shè)計(jì)，有些是實(shí)心有底色的，有些是空心無底色的；在篩選項(xiàng)的寬度上，有些APP是自適應(yīng)寬度的，又有一些是固定寬度的。這些可能和各個(gè)網(wǎng)站的類型及需要展示的篩選內(nèi)容不同有關(guān)。

對(duì)于用戶而言，怎樣的篩選樣式看起來最舒服，同時(shí)查找的效率最高？

2.研究方法

為了解決這個(gè)問題，用戶研究的同學(xué)通過眼動(dòng)測試+訪談的方法對(duì)四種設(shè)計(jì)樣式進(jìn)行了評(píng)估。一方面通過眼動(dòng)數(shù)據(jù)了解用戶查詢效率最高的設(shè)計(jì)樣式，另一方面了解用戶對(duì)幾種方案在體驗(yàn)上的主觀反饋。

被試：

由于項(xiàng)目周期的限制，此次研究僅選取了11位用戶作為被試。測試采用被試內(nèi)設(shè)計(jì)，即每個(gè)用戶完成所有視覺材料上的查找任務(wù)。

實(shí)驗(yàn)材料：

根據(jù)有無底色的兩種樣式（即空心vs實(shí)心），與自適應(yīng)寬度和固定寬度兩種樣式的組合，共有空心自適應(yīng)、空心固定寬度、實(shí)心自適應(yīng)、實(shí)心固定寬度四種樣式。

每種樣式下準(zhǔn)備了篩選內(nèi)容不同的4個(gè)頁面，總計(jì)16個(gè)視覺材料。每個(gè)頁面上讓用戶完成2個(gè)不同的查找任務(wù)（同一個(gè)頁面上的兩個(gè)篩選任務(wù)不會(huì)連續(xù)呈現(xiàn)）。因此，每個(gè)被試用戶需要完成32個(gè)正式測試。

為了避免目標(biāo)刺激在頁面中呈現(xiàn)位置的影響，將需要查找的目標(biāo)篩選項(xiàng)設(shè)置在頁面中部區(qū)域（見圖示）。同時(shí)，為了避免用戶學(xué)習(xí)到目標(biāo)刺激的呈現(xiàn)規(guī)則，在正式實(shí)驗(yàn)中隨機(jī)插入干擾測試，干擾測試的目標(biāo)刺激呈現(xiàn)在頁面的上部或下部位置。

材料呈現(xiàn)：

此次研究將Tobii X2-60放置在筆記本電腦上執(zhí)行測試。原因有以下幾個(gè)：

• 由于每個(gè)小的測試循環(huán)會(huì)先呈現(xiàn)任務(wù)指導(dǎo)語，告知用戶需要查找的內(nèi)容，然后呈現(xiàn)測試頁面。這個(gè)切換在手機(jī)呈現(xiàn)上會(huì)受到較多干擾。在PC端呈現(xiàn)時(shí)，可以在Tobii studio中設(shè)置好材料的呈現(xiàn)順序，當(dāng)用戶點(diǎn)擊目標(biāo)刺激后自動(dòng)切換至下一個(gè)指導(dǎo)語和視覺材料。
• APP端展示時(shí)，無法精確記錄用戶完成任務(wù)時(shí)的點(diǎn)擊數(shù)據(jù)。在PC端執(zhí)行時(shí)，可以在Tobii studio中通過興趣區(qū)的設(shè)置，很快的統(tǒng)計(jì)出完成點(diǎn)擊的時(shí)間。
• Tobii X2-60在移動(dòng)端產(chǎn)品的眼動(dòng)數(shù)據(jù)分析需要花費(fèi)太多的人力，而PC端的結(jié)果輸出則容易很多。
• Tobii X2-60在移動(dòng)測試平臺(tái)（就是那個(gè)鐵架子）上進(jìn)行移動(dòng)端眼動(dòng)測試時(shí)，數(shù)據(jù)采集的質(zhì)量往往很差，而放置在PC上采集效果會(huì)好很多。

由于人們在使用手機(jī)時(shí)，眼睛到手機(jī)屏幕的距離大約為30cm，而使用筆記本電腦時(shí)，眼睛與屏幕的距離大約為40cm（臺(tái)式機(jī)的視覺距離可能會(huì)更大）。為了更好的模擬出APP的視覺效果，PC上視覺材料呈現(xiàn)的實(shí)際尺寸要大于APP的尺寸。根據(jù)相似三角形原理，可以計(jì)算出PC上需要展示的頁面大小（見下圖示意）：

實(shí)驗(yàn)設(shè)計(jì)

正式測試中實(shí)驗(yàn)材料的呈現(xiàn)順序如下圖。先呈現(xiàn)指導(dǎo)語，告知用戶需要在后續(xù)頁面中查找的篩選項(xiàng)，然后呈現(xiàn)測試頁面。指導(dǎo)語的另一個(gè)作用是，給用戶一個(gè)視覺錨點(diǎn)，使用戶進(jìn)入篩選測試頁面時(shí)，注視點(diǎn)的位置相對(duì)固定。

由于tobii studio中無法將指導(dǎo)語和實(shí)驗(yàn)材料綁定為一個(gè)組塊，并實(shí)現(xiàn)每個(gè)組塊的隨機(jī)。因此本次測試中，在不同用戶間實(shí)現(xiàn)手動(dòng)隨機(jī)，即每個(gè)用戶測試前，手動(dòng)對(duì)材料順序進(jìn)行調(diào)整。（PS，要求高的同學(xué)可以購買tobii Studio的E-Prime擴(kuò)展包，以實(shí)現(xiàn)更為理想的實(shí)驗(yàn)設(shè)計(jì)。）

正式測試結(jié)束后，提供滿意度評(píng)分表，并進(jìn)行用戶訪談，了解用戶對(duì)四種設(shè)計(jì)樣式的評(píng)價(jià)。

研究指標(biāo)

眼動(dòng)指標(biāo)：使用了首次注視時(shí)間、注視次數(shù)、注視時(shí)長三個(gè)指標(biāo)。首次注視時(shí)間用來衡量用戶搜索目標(biāo)刺激的效率（即能否快速找到目標(biāo)篩選項(xiàng)）；注視次數(shù)、注視時(shí)長兩個(gè)指標(biāo)用來衡量用戶對(duì)目標(biāo)刺激的識(shí)別效率（即能否快速看懂并識(shí)別出篩選項(xiàng)是需要查找的內(nèi)容）。

行為指標(biāo)：使用了首次點(diǎn)擊時(shí)間作為指標(biāo)，用來判斷用戶做出點(diǎn)擊操作行為的效率。

主觀指標(biāo)：主觀滿意度的10點(diǎn)量表得分、及主觀評(píng)價(jià)反饋。

3.研究結(jié)果

整體而言，有底色的實(shí)心自適應(yīng)樣式的查找效率和用戶的主觀滿意的得分最高，而空心自適應(yīng)的樣式用戶識(shí)別信息的效率最高。（四種設(shè)計(jì)樣式的眼動(dòng)數(shù)據(jù)在統(tǒng)計(jì)學(xué)上均未達(dá)到差異顯著的水平，這可能與樣本數(shù)量和測試次數(shù)不足有關(guān)。）

4.最后的tips

• 由于Tobii在移動(dòng)端上眼動(dòng)測試的數(shù)據(jù)分析太耗時(shí)耗力，如果需要測試的APP頁面在H5端有對(duì)應(yīng)的頁面，也可采用上述的方法在PC上完成測試。
• 如果不知道在PC上如何調(diào)整頁面大小，可以根據(jù)上文介紹的換算方法，算出電腦屏幕上需要顯示的外顯尺寸，最后用尺子在電腦屏幕上量一下大小，再進(jìn)行調(diào)整。
• 用戶樣本數(shù)量和測試次數(shù)不能太少，否則數(shù)據(jù)結(jié)果很容易在統(tǒng)計(jì)上差異不顯著。

作者：小純潔

來源：攜程設(shè)計(jì)委員會(huì)

題圖來自PEXELS，基于CC0協(xié)議