Menu hambúrguer

O ícone de três linhas empilhadas que esconde e revela um menu de navegação.

Hard

O que é

Menu hambúrguer é o ícone de três linhas horizontais, em geral num canto da tela. Quando a pessoa toca, ele abre um painel ou gaveta com os links de navegação. O nome vem da própria cara dele, que lembra um hambúrguer em corte: dois pães e um recheio no meio.

Ele nasceu como economia de espaço no começo do mobile. Esconder a navegação atrás de um ícone deixava o conteúdo respirar, e isso fez com que ele virasse onipresente nos anos 2010, e também um dos padrões mais estudados na pesquisa de UX.

A evidência sobre ele é forte: navegação escondida é menos usada que navegação visível. Quem não abre o menu nem fica sabendo o que está perdendo, e cada destino passa a custar um toque a mais. Foi por isso que Facebook e Google migraram pra uma barra inferior visível na navegação principal.

Em uma frase

O uso dessa seção caiu depois que ela foi pro hambúrguer, vamos trazer pra barra inferior visível.

A pergunta que ele responde

Devo esconder a navegação atrás do ícone de três linhas ou deixar visível?

Quando usar

Ajuda pra navegação secundária, como configurações e conta, no desktop com bastante espaço, ou num app que tem muitos destinos.

Como não usar

O cuidado é não esconder a navegação principal de um app mobile atrás do hambúrguer, porque isso derruba a descoberta e o uso.

Na prática

Pense numa seção cujos números de uso caem depois que ela some dentro do hambúrguer. Vendo isso, o time move os destinos principais pra uma barra inferior visível, e o uso volta a subir.

Não confunda com

Vale separar o menu hambúrguer da barra de abas inferior. O hambúrguer esconde os destinos atrás de um ícone, então a pessoa precisa abrir pra ver o que existe. A barra inferior deixa de 3 a 5 destinos sempre visíveis, à mão. Um aposta em economizar espaço, a outra em deixar o caminho na cara.

D

Em inglês

Hamburger Menu

Pronúncia

ám-bur-guer

Também chamado de

menu hambúrguer, ícone de três linhas, hamburger menu

Origem

n/a

Fonte

Saiba mais

Nielsen Norman Group, artigo sobre menus hambúrguer e descoberta de navegação