Navigation menus

Sometimes, you need to provide your user with a broad set of navigation options that won't fit into a set of tabs. This is where a hidden navigation menu, sometimes called a hamburger menu, becomes useful. This menu pattern was once popular to put as a sort of main menu, available on every screen in your application. However, navigation menus hide options, and they often encourage sloppy navigation design, because they provide a space where any navigation items can be dumped. It's better to try and avoid any form of hidden navigation until you're absolutely sure that you need it.

They can be useful when they augment other navigation patterns (such as tabs), and are used to offer seldom used or advanced functionality that the user is unlikely to access every day. For example, on a photo gallery screen, a hidden menu might be used to access the ability to create new labels, access photos that have been deleted, and to access settings and help.

Let's add a navigation menu to...