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.
- Por que o menu de hambúrguer está no lado esquerdo?
- Por que o ícone de hamburger está semanticamente correto?
- Como você lida com um menu de hambúrguer?
- 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.