Watch

Navigation drawer (hamburger) 0:31

A 31-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 recovers screen space by keeping navigation out of sight, which works well on small screens but loses out on wider ones where showing links directly would be better.

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