Watch

Navigation drawer (hamburger) 0:41

A 41-second explainer of Navigation drawer (hamburger), narrated over the same demo you can try yourself.

The Navigation drawer (hamburger) explainer. Prefer to do it yourself? Try the interactive demo.

Try the interactive Navigation drawer (hamburger) demo

What this video covers

A navigation drawer hides a menu off-screen behind an icon - usually the three-line "hamburger" - and slides it in when tapped. It buys back screen space by putting navigation out of sight, which is its strength on a small screen and its weakness everywhere there was room to show the links instead.

Behind the hamburger, the links existed but did nothing until you went looking - out of sight, out of mind. Shown in a bar, the same links advertised themselves and the main one was a single tap away. The drawer didn't remove the navigation; it removed people's awareness of it.

More UX term videos

All UX term videos