Hamburger

Ícones do menu de hambúrguer - eles devem estar à esquerda ou direita?

Ícones do menu de hambúrguer - eles devem estar à esquerda ou direita?

Se você está trabalhando em um design de site, é recomendável colocar ícones de hambúrguer no canto superior esquerdo de uma página. No mundo ocidental, os usuários começam a digitalizar uma página da esquerda para a direita, e o menu de hambúrguer será a primeira coisa que percebem.

  1. Por que o menu de hambúrguer está no lado esquerdo?
  2. Por que o ícone de hamburger está semanticamente correto?
  3. Como você lida com um menu de hambúrguer?
  4. Como você usa um ícone de hambúrguer?

Por que o menu de hambúrguer está no lado esquerdo?

O ícone do menu de hambúrguer foi introduzido pela primeira vez nos primeiros dias da web (quando não projetamos para telas móveis), e geralmente era colocado no canto superior esquerdo da tela. Isso ocorreu porque o canto superior esquerdo era o local tradicional para a barra de menus.

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 você lida com um menu de hambúrguer?

O posicionamento do menu de hambúrguer na tela é exatamente o mesmo que o padrão para o botão traseiro: o canto superior esquerdo. Quando os dois ícones são necessários, você terá que espremer os dois um ao lado um do outro ou sacrificar alguma usabilidade, excluindo um.

Como você usa um ícone de hambúrguer?

Você o encontrará na forma de um ícone com três linhas horizontais no canto superior da tela em aplicativos e sites responsivos. Depois de clicar nesse ícone, ele revelará navegação oculta com opções de menu que lhe concederão acesso direto às respectivas páginas.

Maneira mais natural de visualizar partes de dados altamente distorcidos (dentro de um pequeno espaço)
Como você visualiza dados altamente distorcidos?Que gráfico você usa para dados distorcidos?Como você analisa dados distorcidos? Como você visualiza...
Botões de rádio tradicionais vs botões de alternância do ensino fundamental de bootstrap
Qual é a diferença entre o botão de rádio e o botão de alternância?Que são melhores botões de seleção de botões?Está alternando um botão de rádio?O q...
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...