多數人以為「漢堡選單毀了使用者體驗」是網路設計裡少數幾條有共識的鐵律,實際上這句話的源頭只是一份十年前的易用性測試,而那份測試從頭到尾都沒說過「漢堡選單絕對不能用」。不少團隊為了避開被貼上「體驗設計不專業」的標籤,一律把主要導覽收進三條橫線裡,結果反而讓使用者找不到原本一眼就看得到的頁面,跳出率悄悄往上爬。
漢堡選單指的是那個由三條等長橫線堆疊而成的按鈕,點下去才展開一整份導覽清單;它的爭議不是「這個設計本身有問題」,而是「藏起來這件事,什麼時候該做、什麼時候不該做」。這個判斷一旦失準,直接影響使用者找不找得到你要他看的頁面,也牽動他願不願意在網站上多停留幾秒。台灣的行動上網比例已經來到 87.12%,整體上網率也來到 88.75%(台灣網路資訊中心 2025 年《台灣網路報告》),裝置這個變數在台灣同樣是每個網站都得認真面對的問題。
「漢堡選單不好」是十年前一份易用性研究留下的結論
這個說法最早可以追溯到 2016 年,Nielsen Norman Group 的 Kara Pernice 與 Raluca Budiu 做了一份具體的量化易用性測試。他們找來 179 位受測者,和遠端易用性測試公司 WhatUsersDo 合作,讓這些人分別在桌機與手機上,針對 6 個真實存在的網站完成任務。測試的重點不是問受測者喜不喜歡某種導覽設計,而是實際觀察三種不同做法帶來的行為差異:隱藏導覽,主要連結收在圖示或按鈕後面,要點擊才會展開;可見導覽,連結直接排在導覽列上,不用做任何動作就看得到;混合導覽,一部分連結留在畫面上,其餘收進選單。

這份研究總共測了 5 個指標:使用者實際會不會去點導覽、找到導覽要花多久、想找的內容找不找得到、受測者自己覺得這個任務難不難、完成任務要花多少時間。彙整下來的核心結論很清楚:隱藏導覽在桌機與手機上都讓使用者體驗變差,任務難度、耗時與任務成功率這幾項指標全部受影響,只是程度不一樣。這句「程度不一樣」正是後來整個說法被走樣的關鍵。
這個結論後來被簡化,套用到所有裝置與所有網站
「隱藏導覽會讓體驗變差」這句話本身沒有錯,錯的是它被單獨抽出來,套用到所有裝置、所有網站,變成一條放諸四海皆準的規則。原始研究其實從一開始就分成桌機與手機兩套建議,不是一體適用的單一規則,這個但書在流傳的過程裡被拿掉了,只剩下最好記、也最容易被誤用的那半句。
Nielsen Norman Group 給的建議是這樣寫的:桌機介面不要用隱藏導覽,直接把主要導覽選項排出來,通常放在頁面上方或左側;手機則要看選項數量,如果網站的主要導覽連結在 4 個以下,就直接顯示成看得到的連結,超過 4 個,才建議把其中一些收起來,原因是研究發現手機上隱藏導覽造成的可用性代價確實存在,但比桌機小得多,這個設計取捨在手機上算是划算的。換句話說,同一份研究對桌機說不要藏,對手機說看情況藏一部分,這兩句話從來就不是同一條規則。
桌機比手機更不適合把主要導覽藏起來
同一份研究、同一種隱藏導覽的設計,放在桌機和放在手機上,代價完全不是同一個量級。先看使用率:桌機上,人們只在 27% 的情況下會用到隱藏導覽,可見導覽與混合導覽的使用率分別是 48% 與 50%,幾乎是隱藏導覽的兩倍;手機上,人們有 57% 的機會使用隱藏導覽,混合導覽則達到 86%,比隱藏導覽高出 1.5 倍。兩組數字放在一起看就能發現,桌機使用者對藏起來的導覽冷感得多。

耗時的落差同樣明顯。桌機上,使用隱藏導覽的人至少比使用可見或混合導覽的人慢 39%;手機上,這個落差縮小到 15%。內容可發現度也是同一個方向,隱藏導覽的網站內容可發現度下滑超過 20%,而且桌機的下滑幅度比手機更嚴重。這三組數字,使用率、耗時、可發現度,方向一致。把主要導覽藏起來,在桌機上付出的代價比在手機上高出一大截。
Nielsen Norman Group 對這個落差給了一個具體的解釋,桌機螢幕大,一顆小小的選單圖示相對之下更不顯眼,不少受測者在測試過程裡根本沒注意到那顆圖示,甚至以為這個網站沒有導覽可用。手機螢幕小,圖示占畫面的比例反而較高,使用者比較容易第一眼就看到它,也比較習慣點開它,這也是為什麼同一個設計決定,在兩種裝置上會得出差這麼多的結果。
選單裡的選項數量,決定它適不適合被藏起來
藏不藏導覽,看的不是網站好不好看,而是導覽本身有幾個選項、結構有多深。Nielsen Norman Group 給的門檻很具體:主要導覽選項在 4 個以下,直接顯示就好;超過 4 個,才值得考慮收起一部分。一個只有「首頁、關於我們、服務項目、聯絡我們」4 個選項的網站,跟一個底下還分好幾層子類別、選項多達十幾個的內容網站或電商網站,兩者藏不藏導覽的合理答案本來就不會一樣。把十幾個選項全部攤開,排擠的是使用者真正想看的內容;把 4 個選項收起來,只是徒增一次沒必要的點擊。
選項數量與導覽的層級深度是會疊加的兩件事,類別越多、還往下分了子類別的網站,全部攤開需要的畫面成本更高,這時候部分收起來反而是合理的權衡。除了全藏與全露之外,中間還有一種常見的折衷做法,讓可見的導覽選項數量隨畫面寬度自動增減,螢幕夠寬就多顯示幾項,螢幕變窄就把其中一些收進「更多」按鈕裡。這個做法不必依賴哪個特定框架或工具,核心概念是讓導覽的顯示方式跟著裝置與畫面空間彈性調整,而不是在全藏或全露這兩個極端之間二選一。
圖示辨識度提升,不代表互動成本跟著降低
十年前那份研究測出用得少、找得慢,一部分原因是當時的使用者對漢堡圖示還很陌生,看到三條橫線不見得知道那是選單。Nielsen Norman Group 在 2025 年做了後續研究,這次的作者是 Kate Kaplan,研究是替《Digital Icons That Work》這本書進行的。做法跟 2016 年那份不一樣,這次讓受測者看多個網站情境裡的漢堡圖示,請他們判斷看到這個圖示會覺得它是做什麼用的,測的是辨識度,不是耗時或任務成功率。
結果顯示,只要圖示維持標準的三條等長橫線、放在使用者最預期找到主選單的左上角位置,大多數受測者都能正確認出這是主選單。圖示放在哪裡,比圖示本身有沒有加外框、加箭頭這類細節變化更關鍵;過度裝飾反而容易讓人誤判成別的圖示。這代表使用者對這個符號的陌生感確實降低了,十年前那種根本沒注意到選單圖示的情況,現在比較少見。
不過 Nielsen Norman Group 在文中也明確提醒,這份新研究只測了辨識度,沒有重新測任務耗時或任務成功率有沒有跟著變好,因為早年測出來的可用性代價,不只是認不認得這個圖示,還牽涉到可發現性、記憶性,以及使用者對整套隱藏導覽模式的熟悉程度。認得圖示,跟藏起來沒有互動成本,是兩件不一樣的事,每次要看導覽,使用者還是得多做一次點擊才看得到選單裡有什麼,這個代價並沒有因為圖示變眼熟就消失。Nielsen Norman Group 為這份研究下的結論是,漢堡選單是可行的,但不是萬用的(原文為 viable but not universal)。
藏一半、露一半的混合式導覽,實務上更常被驗證有效
把裝置、選項數量、受眾熟悉度這三個變數放在一起看,會發現與其糾結漢堡選單能不能用這個二選一問題,不如把力氣放在混合導覽這個中間地帶,留下最重要的幾個選項在畫面上,其餘收進選單,讓使用者不必面對非黑即白的判斷。
同一份 2016 年的研究裡,混合導覽的實測數據在桌機與手機上都全面優於純隱藏導覽:桌機上,混合導覽的使用率是 50%,跟可見導覽的 48% 相近,兩者都遠高於隱藏導覽的 27%;手機上,混合導覽達到 86%,比隱藏導覽的 57% 高出 1.5 倍。內容可發現度、任務難度、任務耗時這三項指標,混合導覽的表現同樣顯著優於純隱藏導覽,跟可見導覽相近或更好。當選項多到全部攤開會讓畫面太擠、排擠掉內容時,混合導覽也比全露式更好讀。
具體要怎麼判斷,可以照這個順序想:先看裝置,桌機盡量別把主要導覽藏起來;再看選項數量與結構深度,4 個以下就直接顯示,超過 4 個再分主次、只藏次要的;最後看受眾對這個圖示熟不熟悉,一般消費性網站的使用者現在大多認得漢堡圖示,但點開它的互動成本仍然存在,能露多少就儘量露多少。

漢堡選單本身不是使用者體驗的原罪,也不是萬靈丹,它的好壞取決於用在哪裡、用在什麼樣的導覽結構上。十年前那份研究從來沒有下過絕對不能用的結論,反而給了一套依裝置、依選項數量調整的具體建議;十年後的新研究補上的,是使用者對這個圖示已經不再陌生這件事,但也同時提醒,多一次點擊的成本從來沒有消失過。下一次要決定導覽該露多少、該藏多少,答案不在藏比較潮還是露比較安全這種二分法裡,而在你的網站是桌機為主還是手機為主、導覽選項有幾個、使用者對這個介面熟不熟。
