Menu-Design Checklist: 17 UX Guidelines

People rely on menus to find content and use features. Use this checklist to make sure your menus do their job.


This content originally appeared on NN/g latest articles and announcements and was authored by Page Laubheimer

Summary: People rely on menus to find content and use features. Use this checklist to make sure your menus do their job.



Too often, we observe users struggling with menus that are confusing, difficult to manipulate, or hard to find. Avoid common mistakes by following these guidelines for usable navigation menus.

Make Navigation Visible

This means that the hamburger menu (or any form of hiding the navigation categories under a single menu ) is not appropriate for desktop websites and apps. Out of sight means out of mind. The hamburger menu is a necessary evil on smaller screens, where we must balance content and navigation with limited screen real estate. Menus shouldn’t be hidden when you have plenty of space to display them.

Navigation serves roles beyond wayfinding; it helps users to understand the scope of your resources or content. If your navigation is hidden, users lose out on those context cues that tell them who you are and what you do.



Read Full Article


This content originally appeared on NN/g latest articles and announcements and was authored by Page Laubheimer


Print Share Comment Cite Upload Translate Updates
APA

Page Laubheimer | Sciencx (2024-06-07T17:00:00+00:00) Menu-Design Checklist: 17 UX Guidelines. Retrieved from https://www.scien.cx/2024/06/07/menu-design-checklist-17-ux-guidelines/

MLA
" » Menu-Design Checklist: 17 UX Guidelines." Page Laubheimer | Sciencx - Friday June 7, 2024, https://www.scien.cx/2024/06/07/menu-design-checklist-17-ux-guidelines/
HARVARD
Page Laubheimer | Sciencx Friday June 7, 2024 » Menu-Design Checklist: 17 UX Guidelines., viewed ,<https://www.scien.cx/2024/06/07/menu-design-checklist-17-ux-guidelines/>
VANCOUVER
Page Laubheimer | Sciencx - » Menu-Design Checklist: 17 UX Guidelines. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2024/06/07/menu-design-checklist-17-ux-guidelines/
CHICAGO
" » Menu-Design Checklist: 17 UX Guidelines." Page Laubheimer | Sciencx - Accessed . https://www.scien.cx/2024/06/07/menu-design-checklist-17-ux-guidelines/
IEEE
" » Menu-Design Checklist: 17 UX Guidelines." Page Laubheimer | Sciencx [Online]. Available: https://www.scien.cx/2024/06/07/menu-design-checklist-17-ux-guidelines/. [Accessed: ]
rf:citation
» Menu-Design Checklist: 17 UX Guidelines | Page Laubheimer | Sciencx | https://www.scien.cx/2024/06/07/menu-design-checklist-17-ux-guidelines/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.