Hamburger menu alternatives for mobile navigation

Zoltan Kollin
Nov 2, 2016 · 6 min read

1. Tabs

Examples: LinkedIn and Google Photos

Icon-only tabs on LinkedIn and icon+label tabs on Google Photos

2. Tabs with a ‘more’ option

Example: Facebook

News feed, friend requests, notification, and search is always available in the header, all the remaining functionality is available from the ‘more’ menu on Facebook

3. Progressively collapsing menu

Example: BBC

The main menu of BBC is rendered according to the actual screen size to always show as many items as possible

4. Scrollable navigation

Examples: Medium and Google

The main categories can be scrolled at smaller screen sizes on Medium.com
Categories of the Google search results page are available in a scrollable view

5. Dropdown menus

Example: Barnes & Noble and Duolingo

When browsing books, the current category and the navigation/filtering options are always available in a dropdown menu on bn.com
While not a common interaction for most users, Duolingo allows to quickly switch between the languages you practice via a dropdown

And sometimes, surprisingly, the hamburger menu might be a good choice

Conclusion

Zoltan Kollin

Written by

UX enthusiastic design manager at IBM, co-organizer of Amuse UX Conference and co-author of UX Myths. Views are my own. http://kollin.hu

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade