Hamburger

Ícone de hambúrguer para x usabilidade?

Ícone de hambúrguer para x usabilidade?
  1. O que é o ícone de hambúrguer usado para?
  2. O ícone de hambúrguer é bom?
  3. Por que o ícone de hamburger está semanticamente correto?
  4. Como faço para tornar meu menu de hambúrguer acessível?

O que é o ícone de hambúrguer usado para?

Um ícone de hambúrguer, no design da interface do usuário (UI), é um símbolo de navegação que consiste em três linhas horizontais empilhadas que indicam a localização de um menu oculto. O ícone recebeu o nome do fato de que sua estrutura se assemelha a um hambúrguer em um pão em um gráfico simplificado.

O ícone de hambúrguer é bom?

Os menus de hambúrguer podem ser uma ótima solução para dispositivos móveis com espaço de tela limitado, no entanto, traduzir o mesmo design móvel primeiro em sua área de trabalho, sem nenhuma alteração, pode causar uma má experiência do usuário. Colocar suas páginas mais importantes na navegação oculta pode sabotar -as.

Por que o ícone de hamburger está semanticamente correto?

O ícone de hambúrguer é facilmente escalável e se encaixa de maneira limpa em uma grade de pixels. Era originalmente um ícone da lista que foi atingido por sua função atual, mas como um menu é simplesmente uma lista de opções, é semanticamente correto usar o item da lista dessa maneira.

Como faço para tornar meu menu de hambúrguer acessível?

Quando o foco do teclado está posicionado no botão de hambúrguer, o menu pode ser exibido/oculto usando a barra de espaço e inserir as teclas. Para fazer isso, ouça o evento de clique.

Atribuindo fluxos de trabalho nas pastas
O que são pastas de fluxo de trabalho? O que são pastas de fluxo de trabalho?As pastas de fluxo de trabalho permitem o acionamento e o monitoramento...
Esse design seria considerado acessível?
O que significa acessível no design?O que é um exemplo de design acessível?O que torna algo acessível?O que é design de produto acessível?O que é um ...
Como você explica a arquitetura de informações para não designers?
Como você explica a arquitetura da informação?O que é arquitetura de informação em palavras simples?O que é arquitetura de informação em design think...