使用者根本不看你的輪播標題!從定義到眼動追蹤實驗,完整拆解輪播介面(Carousel)設計真相

2026-08-26 Author by Even
使用者根本不看你的輪播標題!從定義到眼動追蹤實驗,完整拆解輪播介面(Carousel)設計真相
01 定義

什麼是輪播介面(Carousel)?

先從定義說起。輪播(Carousel)指的是一整排可以「橫向滑動」的主題化內容區塊,這排內容的上方會有一個描述性的標籤,但只有最前面幾個項目會直接顯示在畫面上,其餘的必須靠使用者主動滑動才會出現。如果把好幾排這樣的輪播由上而下堆疊在同一個畫面裡,就形成了所謂的「堆疊輪播介面」(stacked carousel interface) —— 這正是我們每天打開 Netflix、YouTube、各大電商 App 首頁時最熟悉的畫面結構。

以 Netflix 首頁為例:「熱門排行」「喜劇片」「因為你看過⋯⋯」這些標籤底下,各自放著五到六張電影海報,畫面右側有一個箭頭,點下去就會從右邊滑入更多片名。這就是輪播介面最標準的樣貌。(要特別澄清一點:首頁最上方那個會自動輪替的大型主視覺 Banner,不算在這裡討論的「輪播」之內,那是另一種介面 —— 而且說實話,那種自動輪播的 Banner 一直是公認很糟糕的設計。)

輪播介面之所以在這幾年大量出現在各種產品裡,原因不難理解:它能在有限的畫面空間裡,塞進遠比單一清單更多的內容分類;使用者不需要往下滑到天荒地老,只要橫向滑動,就能在同一個垂直空間裡探索一整個分類的內容。對於內容量龐大的平台來說,這幾乎是首頁設計的標準解法。

但問題是:我們對「使用者到底怎麼看輪播介面」的理解,其實建立在一個從來沒被真正驗證過的假設之上。

這篇文章是從 Jakob Nielsen 七月份電子報看到的,分享給大家。

02 F 型掃描與標籤導覽

我們一直以為的:F 型掃描與標籤導覽

在輪播介面出現之前,我們對網頁瀏覽行為的認知,長年建立在「F 型掃描模式」上 —— 使用者從畫面左上角開始,先橫向掃過標題與連結文字,接著視線往下移動,重複這個動作,整體軌跡形成一個 F 的形狀。這套理論的背後,隱含著幾個更深層的假設:使用者會先讀懂「標籤」,再決定要不要往下瀏覽內容,也就是所謂的「階層式標籤優先瀏覽」;而在真正點擊之前,使用者會像瀏覽一份排序過的清單一樣,由上而下逐一檢視候選項目,這叫「檢視假說」(examination hypothesis)。

多年來,這套邏輯被直接套用到輪播介面的點擊模型與成效指標上,彷彿使用者滑輪播的行為,跟瀏覽一般網頁沒有本質上的差別。但這個假設,從來沒有真正被驗證過。

03 真相

眼動追蹤實驗揭曉:真相是 L 型掃描

阿姆斯特丹大學的 Jingwei Kang、Maarten de Rijke 與 Harrie Oosterhuis 三位研究者,在 SIGIR 2026 發表了一項研究,直接對這套長年被視為理所當然的假設提出檢驗。他們找來八十七位使用者,針對串流平台風格的介面進行眼動追蹤,結果幾乎全盤推翻了原本的預期:沒有 F 型掃描、沒有階層式的標籤優先瀏覽、也沒有循序檢視的行為模式。

真正發生的事情,是一套完全不同的瀏覽邏輯。使用者的視線會同時鎖定畫面左上角與右上角,形成「雙焦點」的初始掃描,這已經跟傳統 F 型的單一起點截然不同。滑動之後,這套掃描模式會在每一頁重複出現,但方向是鏡射的 —— 視線從畫面右側重新進入,而不是像傳統網頁那樣持續往下延伸。

更關鍵的是,使用者判斷「要不要點進某一排」的依據,靠的不是標題文字,而是每一排最前面一到兩張縮圖。只有當使用者對某一排產生興趣、真正想深入了解時,才會啟動一種「L 型」的檢視動作:先在第一欄由上而下仔細看,接著才橫向擴散到整排其他內容。這跟傳統網頁「由上而下依序看完整份清單」的瀏覽方式完全不同 —— 輪播介面裡,使用者是「先深後廣」,而且只對少數幾排真正感興趣的內容才會啟動這個動作。

研究團隊把這個對照整理成一張清楚的表格:在傳統單一清單的網頁上,初始掃描是從左上角開始的 F 型;輪播介面則是左上與右上雙焦點同時啟動。往下滑動或滑頁之後,網頁會延續 F 型持續往下,輪播介面則是每一頁鏡射重來、從右側重新進入。導覽的依據上,網頁靠的是標題與連結文字,輪播介面靠的卻是每排最前面一到兩張縮圖。點擊前的檢視行為,網頁是由上而下依序看完整份排序清單,輪播介面則是先鎖定第一欄深入看,再橫向擴及整排(也就是 L 型)。而在「使用者會忽略什麼」這件事上,網頁世界的老問題是「橫幅盲視」(使用者會自動略過任何長得像廣告的元素),輪播介面則出現了一種新的現象 —— 「標籤盲視」。

04 標籤盲視

標籤盲視:使用者的眼睛,直接跳過你寫的分類名稱

如果只能記住這篇文章的一個數字,那應該是這一個:頂端那一排的第一張縮圖,在九一%的畫面裡被使用者看過;但同一排上方的標題文字,只有二六%的畫面裡被看過。換句話說,至少有六五%的使用者,眼睛看到了電影海報,卻完全沒注意到海報上方寫著這是哪個分類。更誇張的是,在整個瀏覽過程裡,標題文字是「第一個」被看到的元素,這種情況只發生在二%到一五%的次數之間 —— 也就是說,標題幾乎從來不是使用者最先注意到的東西。

過去在一般網頁上,我們早就熟悉「橫幅盲視」(banner blindness)這個現象:只要某個元素長得像廣告,使用者的視線就會自動略過,連看都不看一眼。輪播介面上發生的,是一種平行但方向相反的現象 —— 「標籤盲視」(label blindness):使用者不是略過整個區塊,而是精準地略過標題,把注意力全部放在標題底下的圖片內容上。

這個發現最重要的意涵,可以濃縮成一句話:縮圖才是真正的導覽元件,標題只是裝飾 —— 而不是像過去長期以為的那樣,標題才是導覽的主角,圖片只是輔助說明。這個順序一旦顛倒過來理解,很多輪播介面的設計假設都需要重新檢視。

05 啟示

對設計的實際啟示

如果你的產品裡有輪播介面,這個研究至少帶來三個值得立刻檢查的方向。 第一,不要把分類邏輯的重量全部押在標題文字上。如果使用者要靠讀懂「熱門排行」「因為你看過⋯⋯」這類標籤,才能理解自己在看什麼、才能找到自己要的內容,這套邏輯在輪播介面裡很可能從一開始就沒被看見過。分類與策展的意圖,最終必須靠縮圖本身的視覺語言傳達出來,而不能仰賴文字說明。

第二,每一排最前面一到兩張縮圖,重要性遠超過你的想像。既然使用者靠這幾張圖片判斷整排值不值得滑下去,這幾個「第一印象位置」等於是這一整排內容的門面,該放上最具代表性、最吸睛的項目,而不是隨機排序或依照上架時間排列。

第三,如果某個分類的內容真的重要到不能被忽略,或許不該只靠一個放在頂端的文字標籤,而要考慮讓資訊直接融入縮圖本身 —— 例如在圖片上疊加視覺標記,或者透過構圖與色彩讓分類意圖不言而喻。

輪播介面已經是內容型產品的標準配備,但這場眼動追蹤實驗提醒我們:使用者實際上怎麼用這個介面,跟我們過去憑直覺假設的樣子,是兩回事。標題盲視不是使用者「不用心」,而是這種介面形式本身,天生就會引導視線繞過文字、直奔圖像。設計者能做的,不是抱怨使用者不看標題,而是承認這個事實,然後把設計重心,放回真正被看見的地方。

#UX設計 #輪播介面 #Carousel #使用者體驗 #眼動追蹤 #介面設計 #UI設計