Menus (componente)

Componente que organiza opções e dá acesso a comandos, navegação e conteúdo.

Hard

O que é

Menu é o elemento de interface que mostra uma lista de opções ou ações pra pessoa escolher. Ele serve pra navegação, comando ou configuração, e agrupa itens relacionados justamente pra reduzir o esforço de leitura.

O formato muda conforme a tela, porque no desktop costuma ser dropdown ou barra de ferramentas, enquanto no mobile vira menu hambúrguer, navegação inferior ou overlay contextual. O princípio, porém, segue o mesmo, que é consolidar opções de forma organizada.

Dois pontos sempre voltam. Um é descoberta, porque menu escondido demais faz a pessoa não achar a função, e o outro é hierarquia, já que menu plano mostra tudo de uma vez, o que é rápido mas pode sobrecarregar, e menu aninhado agrupa em categorias, o que é limpo mas pode esconder o que importa. E acessibilidade é parte do trabalho, então o menu precisa ser navegável por teclado e por leitor de tela.

Em uma frase

Essa função importa demais pra ficar enterrada no menu hambúrguer, vamos trazer pra navegação visível.

A pergunta que ele responde

Como eu organizo várias opções sem esconder o que a pessoa realmente precisa achar?

Quando usar

Use quando há um conjunto de opções ou comandos que precisa ser agrupado e acessado de forma clara.

Como não usar

O cuidado é não empurrar função importante pra dentro de menu escondido só pra deixar a tela limpa, porque isso costuma matar a descoberta.

Na prática

Pense num app que, no mobile, esconde tudo dentro do hambúrguer. O uso das funções secundárias despenca, porque ninguém abre aquilo que não vê na tela.

Não confunda com

Vale separar menu de navegação. O menu é o componente que lista opções, uma peça, enquanto a navegação é o sistema inteiro que move a pessoa pelo produto. Ou seja, o menu faz parte da navegação, mas não dá conta dela sozinho.

D

Em inglês

Menus components

Pronúncia

n/a

Também chamado de

menu, dropdown, menu de navegação

Origem

n/a

Fonte

Saiba mais

Nielsen Norman Group, artigo sobre menus e descoberta de funções em mobile