- 101 UX Principles
- Will Grant
- 299字
- 2021-07-16 18:02:42
Chapter #23. Don't Hide Items Away in a "Hamburger" Menu
Few UI patterns can be as controversial as the hamburger menu. Over the past five years it's become the de facto way of offering a menu on small displays, typically as a website scales into mobile or tablet width using responsive design:

The dreaded hamburger
Research shows ("Hamburger Menus and Hidden Navigation Hurt UX Metrics" NNG, (https://www.nngroup.com/articles/hamburger-menus/) 2016) that hamburger menus:
- Slow down discovery time for users
- Increase perceived task difficulty
- Slow down time to complete a task
Simply put, the hamburger menu hides items away from users and makes them less discoverable. Additionally, because the menu is hidden, users can't gain a sense of "where they are" in the product.
Some alternative design patterns to the hamburger menu:
- Navigation on the bottom of the view:Made popular by iOS apps, you can get four or five key features into an ever-present bottom menu and maybe make the fifth item "fly out" with advanced tools.
- Tabbed navigation Inverting the above, and popularized by Android apps, items can live at the top of the view.
- Vertical type: Pin your navigation to the left of the view and orient the type vertically. It won't solve every problem, but if you have fewer than six or seven iems, it's better than the hamburger.
In some circumstances, for example if your app has a lot of features that need to be "possible" (see #96 Decide Whether an Interaction Should Be Obvious, Easy, or Possible), the usability trade-off seems worth making, in order to offer these features on mobile rather than removing them, but never use a hamburger menu on the desktop.
If you must use a hamburger menu, then label it menu and spare the user the much-maligned "three lines" icon.
- 龍芯應用開發標準教程
- 電腦軟硬件維修大全(實例精華版)
- 基于Proteus和Keil的C51程序設計項目教程(第2版):理論、仿真、實踐相融合
- Mastering Delphi Programming:A Complete Reference Guide
- BeagleBone By Example
- INSTANT Wijmo Widgets How-to
- 3ds Max Speed Modeling for 3D Artists
- 嵌入式系統設計教程
- OUYA Game Development by Example
- 微軟互聯網信息服務(IIS)最佳實踐 (微軟技術開發者叢書)
- 基于Proteus仿真的51單片機應用
- Managing Data and Media in Microsoft Silverlight 4:A mashup of chapters from Packt's bestselling Silverlight books
- WebGL Hotshot
- 微服務實戰(Dubbox +Spring Boot+Docker)
- 筆記本電腦現場維修實錄