眼球追蹤技術用起來!Web Navigation 的觀察日記

Saha Chuang
12 min readFeb 14, 2020

Understand Web Navigation through Eye-tracking Tech.

Saha 在 HCI 研究所的時候曾經進到學校的 car/pilot simulator 的實驗室裡,當時除了 180 度的模擬螢幕和真實的駕駛座之外,最讓我好奇的就是受試者配戴的眼球追蹤儀,可以觀測受試者在駕駛測驗期間的眨眼頻率、注視停留時間、注視焦點等等,全部都會在研究者的螢幕上呈現!這讓我想到在迪卡儂的任職期間,曾經在 2017 和交大傳播與認知實驗室合作過的網站易用性實驗。網站易用性有很多層面可以探討,今天我們聚焦在 Navigation 的實驗上來說說 Web 的使用者體驗吧!

Why is Navigation important?

根據 Gerry McGovern 在 2010 發表的 Navigation is more important than search 研究裡說到 70% 的使用者點擊連擊來進行互動,而只有 30% 使用搜尋功能。McGovern 認為人們會優先依賴 navigation 的方便和快速的特質來做第一步的瀏覽行為。

其實關於搜尋和導覽之爭,有很多 UXer 不斷想知道現今的使用者行為到底偏好哪一個,我在蒐集資料的時候也發現這數據比其實很不一定,兩個功能各自有人擁護支持。但我覺得這問題的核心點可以去觀察看看自身網站的數據,看看 menu 和 search bar 各自的點擊率來了解。但最終,兩種方式都是為了幫助使用者找到想要的產品然後完成轉換啊!!不同的使用者情境也會造就不同的搜尋行為,在這裡,我先不討論搜尋引擎的改善,注重在能透過優化介面而達到最佳的導覽易用性為主。

Screenshot from Research about search vs navigation

一、使用者怎麼找商品?

我們所做的第一個實驗是了解使用者進到網站後,如何透過 Menu 找到指定的商品。實驗將透過眼球追蹤、使用者問卷回饋兩種方式來了解使用者的行為。眼球追蹤將會蒐集八位受試者的以下數據:

  • 凝視次數 fixation count (代表注意力聚焦)
  • 瀏覽次數 Visit count(代表決策行為,點擊越多表示越多錯誤決策)
  • 總點擊率、總搜尋時間(用來和其他網站比較)

路徑觀察 Navigation Route

--

--

Saha Chuang

Product Designer || Just because it can’t be measured, doesn’t mean it can’t be perceived.