3 行菜單圖標:什麼是漢堡菜單?

已發表: 2023-08-01

如果我告訴你網站和智能手機裡有漢堡怎麼辦? 你可能會認為我停藥後完全失去了它。 但這絕對是真的,我沒有騙你。

今天,當您在智能手機或某些網站上打開應用程序時,您可能會看到一個漢堡包 - 也就是說,一個漢堡包菜單圖標。

漢堡菜單是什麼?

漢堡菜單(不附帶薯條)是您現在在許多屏幕頂部看到的三條水平線,要么在最左邊,要么在最右邊。

事實上,它是一個圖標。

通過觸摸、點擊或單擊該圖標,它會打開一個側面菜單,其中包含一系列選項或其他頁面。

一些開發人員喜歡漢堡式 3 行菜單圖標,因為它使他們能夠將更多功能打包到應用程序或導航中。 小圖標佔用的屏幕空間極小。 它為應用程序或網站提供了乾淨簡約的外觀。

對於應用程序用戶或網站訪問者來說,按下按鈕即可輕鬆滑入和滑出菜單。

或者你可能會這麼想。

然而,其他開發人員和一些用戶絕對討厭漢堡菜單圖標,或者只是對它感到困惑。 為什麼? 因為並非所有用戶都清楚這三行實際上是一個菜單圖標,並且它沒有告訴用戶其中有什麼。

3 行菜單圖標漢堡菜單

誰“發明”了漢堡菜單圖標?

無處不在的漢堡菜單圖標背後的遠見卓識是一位名叫諾姆·考克斯 (Norm Cox) 的創意先驅。 他創建了現在無處不在的漢堡菜單圖標,這是他在三十多年前最初為世界上第一個圖形用戶界面 Xerox Star 設計的通用符號。

然而,在其構思之後,這一標誌性形像似乎陷入了一段相對默默無聞的時期。

該圖標的複興可以追溯到移動設備的興起。 正是在這個時代,即 2008 年,三行圖標開始悄然回歸,首次出現在 Twitter 應用程序 Tweetie 中。

第二年,該圖標在 iPhone 3GS 的語音備忘錄應用程序界面中找到了新家。

在接受《小企業趨勢》採訪時,考克斯表達了他對自己的創作復興的困惑,他說:“我不得不咯咯地笑,因為這個小‘漢堡’符號最近受到瞭如此多的關注。 直到大約九個月前,我已經 30 多年沒有想到過‘我的設計生涯中的點點滴滴’了!”

在集思廣益地討論這個符號時,考慮了一些替代方案:

  • 三角形向下的箭頭,表示結果菜單出現的方向。 然而,這被拒絕了,因為它經常被解釋為指針。
  • 星號 (*) 或加號 (+) 也被考慮過,但由於其抽象性質最終被丟棄。

最後,考克斯表示,三行漢堡包圖像達到了完美的平衡:“這個符號視覺上簡單,易於解釋,而且功能上令人難忘。 三行就是完美的數字。”

漢堡圖標是一個簡單而強大的設計元素,從而鞏固了其在用戶界面設計領域的地位,證明了簡約的永恆吸引力。

3 行菜單圖標漢堡菜單

哪些網站或應用程序使用這個臭名昭著的漢堡菜單圖標?

在其應用程序中使用漢堡包圖標的一些知名品牌包括 Gmail、Facebook、Reeder、Twitter 和星巴克。

現在網站和瀏覽器也採用了三行菜單圖標。 Chrome 和 Firefox 瀏覽器就是一個例子,使用右上角的菜單。 漢堡菜單隱藏了所有選項、設置和擴展。 當瀏覽器中的某些內容需要修復或更新時,該圖標會發出橙色光。

Time.com 是一個使用漢堡菜單的主要網站的示例 - 在本例中位於左上角。 當您單擊 3 行菜單圖標時,會出現一個顯示其他內容鏈接的幻燈片。

時間漢堡 PNG

有專家指出,漢堡菜單中的功能很少被使用。

首先,很多人還沒弄清楚,這3條橫線實際上是一個菜單圖標,而不僅僅是一個圖像。

其次,漢堡包圖標使隱藏菜單中的信息“眼不見心不煩”。 除非他們實際單擊或觸摸 3 行菜單圖標,否則他們看不到那裡的選項。

事實上,在 Time.com 的案例中,必須在圖標下方添加“菜單”一詞,以使該符號的含義更加明顯。

減少對漢堡菜單的依賴

許多開發者都表達了他們對漢堡圖標及其缺點的不滿。

儘管該圖標很流行,但有些人拒絕使用該圖標。

但做出改變的最引人注目的公司是 Facebook。 需要明確的是,Facebook 從未公開表示要完全擺脫它。 但 Facebook 正在推出一些以前隱藏在漢堡圖標後面的移動功能。

它們現在顯示在屏幕底部的水平欄中,稱為選項卡欄。

底部標籤欄在屏幕上佔用了更多空間,但它使某些功能更加明顯。

我們採訪了 Addappt 的首席執行官兼聯合創始人 Mrinal Desai。 他還是一款眾包遠程技術應用程序 Crossloop 的開發者,該應用程序最終被出售給了 AVG Anti-Virus。

“漢堡菜單並不是真正的設置,”德賽在接受《小企業趨勢》採訪時說道。 “它幾乎就像一個‘更多’,甚至可以將其視為‘標籤欄’的替代品。 兩者都出現的情況很少見,但我們在 Addappt 通過原型進行了探索,但最終選擇了“標籤欄”路線。”

“這些決定通常取決於應用程序的目標。 漢堡包圖標傾向於對功能進行降級,而選項卡欄則使它們更加明顯,”Desai 補充道。

圖標漢堡菜單

漢堡圖標創造者獲得最終決定權

那麼您應該在自己的網站、移動主題或應用程序中使用漢堡菜單圖標嗎?

我們認為,圖標的原始開發者應該擁有最終決定權。

當被問及有關消滅漢堡標誌的呼聲時,考克斯表示:“這個符號的長壽(自 20 世紀 80 年代以來)證明了它的簡單性、實用性、易學性和記憶性。”

“基於使用或實施不當而試圖‘殺死’或‘廢除’一個 UI 工具或小部件,既有點短視又反應過度。”

下表詳細列出了該圖標在不同時代的歷史和使用情況,從其創建到重新引入以及當前的廣泛使用,突出顯示了其接受和應用隨著時間的推移而發生的變化:

時代圖標介紹早期應用用戶接待現代應用當前接收情況
20世紀80年代Norm Cox 為 Xerox Star 設計的漢堡菜單用於世界上第一個圖形用戶界面大多不為廣大公眾所知- -
2000年代隨著移動設備的興起重新引入Twitter 應用程序 (Tweetie)、iPhone 3GS 語音備忘錄應用程序混合; 有些人覺得很直觀,另一些人則感到困惑- -
2010 年代及以後廣泛採用Gmail、Facebook、Reeder、Twitter、星巴克應用程序; Chrome 和 Firefox 瀏覽器; Time.com 等網站關於其有效性的爭論仍在繼續擴大在各種應用程序和網站中的使用有些人喜歡它的簡單和緊湊,另一些人則批評它隱藏了重要的功能

漢堡包,紅色圖標 照片來自 Shutterstock