在網頁設計中分析漢堡菜單

2020-12-18 深圳尼高品牌設計

奇怪的是,您已經在當今許多移動網站的右上角看到了「漢堡菜單」。它是由三條線堆疊在一起以大致形成漢堡的形狀。它是作為網頁設計功能創建的,以合併網站菜單而不佔用太多空間。漢堡菜單的目的是收集信息,實現簡約的美學效果並保持網站整潔,但它可能會有很多缺點。

無論您將其稱為側面菜單,導航抽屜還是漢堡菜單,都可能是時候使用更有利於用戶參與的東西來代替它了。許多人在網站設計中使用漢堡包菜單的優勢,使用「視而不見」的格言爭論不休,他們聲稱隱藏網站功能會減少用戶對網站的參與,而且轉換率也不高。

菜單的想法實現了保留寶貴的界面空間的目標,在整個網頁設計中像野火一樣蔓延開來,並且幾乎被所有網站和應用程式迅速採用。現在進行更改可能為時已晚,但是當用戶開始尋求更改時,仍然值得一提的是漢堡菜單的缺點。

網頁設計

1、漢堡菜單效率不高

漢堡菜單最基本的陷阱之一是它在行動應用程式中的顯眼位置左上角。對於慣用右手的用戶來說,這是最難在行動裝置上到達的地方,並且並不能完全鼓勵用戶參與。用戶還必須先輕按一下菜單,然後才能查看其選項,然後在找到正確的選項時再次輕按。他們還必須在繼續進行站點導航之前在多個屏幕上滑動或「返回」以返回到漢堡菜單。看起來可能不多,但是這會使用戶訪問正確頁面所需的時間加倍。用戶對此變得越來越精明,並且抱怨不斷出現的漢堡菜單的效率。在當今競爭異常激烈的市場中,使您的網站脫穎而出的原因必須放在首位和中心,以在吸引用戶到達時立即吸引他們。當您的網站將所有內容都塞進漢堡菜單時,您可能會冒著用戶永遠看不到使您的品牌與眾不同的風險。這會損害整體品牌知名度和轉化率,並且不會做任何促銷產品的事情。

2、人們可能更喜歡熱狗

儘管網頁設計師迅速接受了漢堡包菜單,這是一種以新穎,美觀的方式最小化網站設計的革命性方法,但用戶需求卻被完全忽略了。許多用戶不知道漢堡菜單所提供的功能,也不必打擾它。而是,他們在您的站點中四處遊蕩,毫無結果地搜索所需的信息。同時,停留在其他功能菜單設計上的站點使他們的用戶乍看之下便可以輕鬆訪問其站點上的所有信息。用戶不必尋找隱藏的選項,也不用擔心它們會完全丟失信息。許多公司選擇了不那麼便宜的路線,並恢復到以前的菜單類型(例如,水平排列在頁面頂部的菜單),並享受更好的用戶效果。

漢堡菜單最終使內容難以被發現,而在這個時代,普通用戶決定在瀏覽頁面的前10秒內該停留還是離開,因此快速發現至關重要。儘管漢堡包的外觀可能更具吸引力,但缺乏對用戶的實際吸引力。用戶經常發現很難理解漢堡菜單,而傳統菜單不能不被立即理解。當聽到關於漢堡菜單的抱怨時,網站試圖通過更改菜單以包括後退按鈕或其他選項來減輕用戶的不滿,例如在漢堡圖標上方放置「菜單」一詞,以使其更加用戶友好。但是,這些更改只能設法增加用戶對菜單的困惑。現在有許多漢堡包菜單類型,用戶必須先弄清楚您的網站正在使用哪個漢堡包,然後才能正確導航。您應該考慮其他選項,而不是假設漢堡包菜單是網站導航的根本。

3、如何改善

在許多情況下,您可以優化漢堡菜單以提高可用性,或用其他導航選項代替。有時只需將漢堡菜單移動到屏幕右側就足以使您的網站獨樹一幟並提高用戶參與度,因為右側用戶更易於點擊右側。在漢堡菜單中,您還可以優化單擊選項後的布局方式。在頂部菜單上,用戶將注意力集中在第一個和最後一個元素上-這是您最重要的信息所在的位置。如果菜單展開到側邊欄中,則當用戶垂直掃描選項時,需要從最重要到最不重要的順序排列元素。

如果您正在使用漢堡菜單或其某些變體,那麼尋找新菜單選項的人就不會感到壓力太大。仍然有一些用戶保證漢堡菜單的可用性和吸引力,尤其是在開發空間有限的移動網站時。即使漢堡菜單是當前爭議的中心,但如果最好通過漢堡菜單瀏覽您的網站,請保持這種方式,只需確保菜單中的各個組件均符合標準並設計用於最佳的用戶參與度即可。但是如果您出於懶惰而選擇了漢堡菜單,則可能需要重新考慮您的選擇。

開始考慮菜單的問題不只是需要隱藏的東西,而是可以正確執行轉換的功能,可以提高轉換率。用戶依靠您的菜單來瀏覽您的網站,如果不滿足他們的需求,他們就會跳出來。無論您選擇漢堡包還是其他菜單選項,請記住最終目標都是相同的,增強了用戶體驗。

相關焦點

  • Google Photos推重大設計更新:漢堡菜單消失
    據外媒報導, Google Photos近日進行了重大設計更新,這款應用現在去掉了漢堡菜單並帶來了一些漂亮的用戶界面調整。 雖然這款應用在最近幾年不斷增加新功能,但這次重新設計卻算是是它在一段時間內獲得的較大更新之一。
  • 使網頁設計更加現代化的10種方法
    因此,網頁設計必須成為網站管理計劃的動態組成部分,以確保您始終了解有效的方法和無效的方法。網頁設計的結構方式可以幫助您講故事,出售產品和/或甚至結識訪問者。這完全取決於您在網頁設計中使用的元素,而使用過時的方法將無濟於事。因此您需要確保您的網頁設計保持最新。為了幫助您,本期網頁製作機構Angle匯總了十大方法來使您的網頁設計更加現代化。
  • 麥當勞漢堡無蔬菜變"肉夾饃" 恢復全菜單需時日
    近日,多有讀者向本報反饋,儘管麥當勞一些門店之前下架的麥樂雞、牛肉漢堡、雞翅等產品已經恢復供應,但有不少門店的蔬菜供應仍未恢復,所售漢堡依然還是沒有蔬菜的「肉夾饃」,部分早餐、米飯等食品也暫無蔬菜。對此,麥當勞中國相關負責人回應表示,蔬菜供應商還在挑選中,目前正積極恢復缺貨門店的原料供應,但具體何時能全面恢復目前還無法確定。
  • 「漢堡菜單」 37 歲生日,和它沒什麼關係的麥當勞決定慶生
    「施樂之星」電腦上的「漢堡菜單」 | 截圖來自:Vimeo@Brad Myers簡單來說,漢堡菜單就是三條水平的橫槓的圖標,通常用的是三條等長的黑線。用戶體驗設計公司 Cox & Hall 聯合創始人 Norm Cox 曾於 2014 年解釋過設計漢堡菜單時的想法:「我在很多年前將該符號設計為上下文菜單選項的一種『容器』。
  • 15個2012年網頁設計的趨勢分析
    那麼今天我們就給2012年的網頁設計趨勢有一個分析和美好的猜想,希望能和大家一起在新的一年裡有一個更清晰的思路去創意和想像,去啟發更多的可能。1。讓界面互動設計更加靈動更好的從用戶角度分析使用習慣,做出更人性的界面選擇對元素的快速反映和預想一些例子可能包括側飛出菜單,下拉框,彈出窗口。
  • 網頁設計中的滾動
    網頁設計中的滾動,滾動似乎是網站的一個非常基本的功能。儘管網站具有基本功能,但您網站上的滾動既可以使用戶受益,也可以吸引用戶,從而將他們推向競爭對手的網站。網頁設計複雜性要求簡單網站比以往任何時候都更加健壯和內容豐富,因此網頁設計師們構想出了一種新的方法,可以在不使用戶淹沒的情況下用信息填充屏幕
  • 揭秘麥當勞、肯德基菜單的背後:高盈利菜單都有這4個特徵
    那麼什麼樣的菜單是好的菜品結構?我們今天將以麥當勞、肯德基等大牌餐企的菜單為例來分析菜單結構。(以下乾貨整理自課程《用大數據分析做菜單,教你通過菜品營銷提升門店利潤》,講師:邊江)如何判斷你的菜品結構出問題了?菜品結構指的是所有菜品中各類菜品的比例關係。
  • 如何創建網頁設計風格指南?
    如果您的網站需要經常更新,或者很多人都需要維護或更新,那麼最好使用網頁設計風格指南。這有助於確保與您的網站打交道的每個人都在同一標準下,並了解如何使所有內容保持一致。但是,到底什麼是網頁設計風格指南?這意味著什麼?以及如何為自己創建一個?這些是我們旨在在此處回答的問題。什麼是網頁設計風格指南?
  • 網頁設計要求設計中的色彩理論
    然而,當涉及到網頁和平面設計時,你應該首先從你的觀眾開始:你向誰提供設計,即誰將接收它(並且,最好是在其中喚起情感)。在那之後,你必要看看你擁有的東西:哪些顏色相互運行,哪些不應該組合等等。這一點都在網頁設計的顏色理論中詮釋。顏色理論:一級,二級,三級顏色 - 有什麼不同?色彩理論是在藝術、美學和設計中結合和混合色彩的實踐。
  • 外賣菜單設計掌握這幾個技巧,讓單量輕鬆翻番
    那麼如何設計一個好的外賣菜單呢?別急,我們慢慢往下看!首先,我們要知道,一個好的菜單,最起碼達到了這樣的標準:分類清晰、排序合乎邏輯、信息完整、呈現美觀、有趣是加分項。給菜單分類是為了幫助進店顧客迅速、準確地找到自己想要的菜品。如果菜單分類過多,瀏覽菜單的時間過長,不利於顧客快速決策。如果分類太少,這樣每個類別的菜品過多,底部的菜品被翻牌子的機率就會非常低。
  • Chrome for Android情境菜單已可將網頁圖像複製到剪貼板
    長久以來,谷歌似乎都忘了給 Chrome for Android 用戶提供便捷的網頁圖像複製功能。好消息是,Chromium 開發團隊終於回過神來,在新版中引入了可根據上下文情境來提供「複製圖像」的選項。
  • 臺灣網站設計案例賞析:怎麼設計美觀網頁
    雖然網站設計的風格千差萬別,但同一文化地區的網站設計有趨同趨勢。但趨同不是完全相同,一些臺灣地區企業網站,其設計風格和大陸略有不同,但也有很多值得參考的地方。下面就從幾個臺灣網站設計案例來給大家分析一下,怎麼做好臺灣網站建設。
  • 星巴克人造肉菜單 星巴克今日上新人造肉午餐菜單
    字號:A+ | A- 【星巴克人造肉菜單】說起星巴克,大家都想起了咖啡,偶爾點餐會加一些甜品,近日星巴克竟然要推出人造肉新菜單!在客戶端首頁,星巴克已推出了「星善食主義」,頁面顯示,在4月22日至24日的「地球日活動」中,用戶可免費領取中杯燕麥拿鐵兌換券,全國總量15萬杯,另外該兌換券僅限門店使用,該頁面尚無「人造肉」午餐菜單。星巴克官方的客服人員對中新經緯記者表示,4月22日起,星巴克線下門店將推出的「人造肉」午餐菜品,價格暫不知曉。
  • 北海道函館限定,超級好吃的漢堡「幸運小丑漢堡」
    可別小看它,這家漢堡多次被日本人票選為「全日本最好吃的漢堡」,若是來函館自由行錯過這項美食,會後悔到肝疼!北海道函館自由行必吃美食小丑漢堡為什麼叫「小丑」漢堡?還有的是搖滾巨星的風格,也有的椅子換成了蕩鞦韆,充滿設計巧思,讓人忍不住想要每間分店都拜訪過一次!
  • 案例分析|響應式柵格的布局研究
    如何根據設計目標使用合適的柵格化布局呢?在這裡,我們將通過多個案例來研究布局分類,分析它們如何拓展到移動領域。柵格系統是一種系統地調整設計,建立層級結構和邏輯的方法。許多好的設計都使用了柵格系統,它讓設計看起來更統一和協調。
  • 菜單實拍 賓得K3 Mark III菜單與理光GRIII設計相同
    賓得最近組織了一次日本本地的賓得K3 Mark III相機內部體驗會,其中一位攝影師透露了菜單的實拍圖片。可以看到除了配色方案與GRIII有所不同外,這款相機的菜單布局與GRIII幾乎相同(圖4為GRIII)。這也是賓得被理光收購後,所體現出來的技術融合之處。
  • 星巴克在夏季菜單中加入植物香腸三明治
    Impossible Foods,這家以其植物性漢堡產品而聞名的公司現在是星巴克新的植物性香腸三明治的供應商。在過去的幾年裡,我們已經看到植物性肉類替代品以有限的方式抵達各種餐廳和快餐店,最引人注目的是漢堡王面向全球推出了植物性版本的Whopper漢堡,這些植物性假肉在美國的雜貨店中也很常見。
  • 漢堡品牌排行榜中,更受大眾喜歡的是麥納滋漢堡
    漢堡品牌排行榜中,更受大眾喜歡的是麥納滋漢堡 來源:財訊網 • 2020-10-14 21:22:20 漢堡作為備受消費者喜愛的食物
  • 麥當勞的「朝聖地」:我們的目標是擁有全世界的漢堡 | 雅趣
    誰不想嘗嘗麥當勞的「德國香腸漢堡」,手捧法國的「麥法棍」,來一杯土耳其「麥酸奶」,再將加拿大的「龍蝦漢堡」打包帶回家?但這一單吃下來,機票分分鐘就過萬了。除了德國香腸漢堡,在德國的麥當勞你還能喝到啤酒 imgur.com麥當勞完全懂你對吃吃吃的欲望。
  • 漢堡不是德國漢堡發明的,漢堡是怎麼來的?
    許多人會從德國的漢堡港出發,在出發之前,他們一般都會美美地吃上幾頓漢堡的特色「碎牛排」。由於這道菜太受歡迎,因此許多人就把這種做法帶到了世界各地,比如美洲。這種牛肉的做法在美洲得到了發揚光大,迅速流傳到了美洲的東海岸和中西部地區。在當時一些州的博覽會中一度還出現過它的身影。但是這種美食有一個很大的缺點,就算不便於攜帶。