Menu de hambúrguer - ou ícone de hambúrguer - é um termo comumente usado ao falar sobre aplicativos. Pode fazer você com fome, mas não tem nada a ver com comida. De onde veio esse nome bobo e o que o menu faz?
A história do ícone do hambúrguer
O ícone do hambúrguer - menu, símbolo, botão, etc.-já foi em torno de 1981. Foi criado por Norm Cox. , os gráficos levam para o Star Xerox , o primeiro computador pessoal comercial.
Norm projetou o símbolo como um contêiner para escolhas de menu. As linhas horizontais são uma representação abstrata de uma lista vertical. Você pode ver os botões do menu Hamburger em ação na estrela Xerox no vídeo abaixo na marca 21:15.
O símbolo deveria ser muito simples, em parte devido às restrições de design do tempo. Só poderia ser em torno de 16 × 16 pixels, então precisava ser distinto e facilmente visível. Três linhas ousadas realizaram esse objetivo.
Não foi até que os smartphones e aplicativos móveis viessem que o ícone de hambúrguer explodiu na consciência mainstream. Espaço de tela limitado significa que as opções precisam ser escondidas em menus, e o ícone do hambúrguer tornou-se uma escolha popular para significar isso.
A história do ícone do Hamburger em aplicativos móveis é um pouco muskier. Pode ter sido usado primeiro por um aplicativo do Twitter chamado "Tweetie" em 2008 . Logo depois disso, começou a aparecer no sistema operacional iOS da Apple para o iPhone, o que provavelmente levou a sua popularidade no design do aplicativo móvel.
Qual é o ícone do hambúrguer?
Como mencionado anteriormente, o objetivo original do ícone do Hamburger era atuar como um menu que continha listas de opções. É aí que vem o design. Menus normalmente incluem opções em uma lista vertical, daí as três linhas empilhadas umas sobre as outras.
Ainda é o que o ícone do Hamburger é usado para hoje, mas seu objetivo se expandiu em aplicativos móveis. Agora é comumente usado para menus que deslizam do lado da tela. (Este tipo de menu é às vezes chamado de menu de "barra lateral".)
Aqui está um exemplo do ícone do Hamburger sendo usado no aplicativo do Gmail para o Android. Tocar no ícone abre um menu desse lado da tela.
O ícone do Hamburger também pode ser encontrado no menu Iniciar do Windows 10. Pairando ou clicar no ícone expande os atalhos para configurações, energia e outras opções de usuário.
O ícone do Hamburger é simplesmente um símbolo que chegou a significar "menu". Depois de começar a procurar, você verá em todos os lugares.
Por que é chamado de menu "hambúrguer"?
Graças à pesquisa do Designer Geoff ao meu dia , a história do ícone do hambúrguer é bem afetada. No entanto, nós realmente não sabemos por que ou quando pegou o apelido de "hambúrguer".
Todo mundo parece concordar que o apelido vem das três linhas que se assemelham um pouco de um pão superior, Burger Pattie e Bottom Bun. Mas quem foi a primeira pessoa a fazer essa conexão? Não temos certeza. A Norm Cox só menciona brincando de uma "ventilação" para a janela.
Os humanos apenas vêem comida em muitas coisas, aparentemente.
O caso contra o menu Hamburger
Nem todo mundo é um fã do ícone onipresente do hambúrguer. Nos últimos anos, os designers de aplicativos começaram a se afastar dele.
O ícone do hambúrguer foi projetado (com restrições estritas no lugar) para ser super simples. Essa simplicidade às vezes pode ser uma desvantagem. Não é muito descritivo e pode ser facilmente esquecido se você não estiver familiarizado com isso.
As barras de navegação se tornaram uma maneira mais popular de organizar itens de menu. Em vez de enfiar tudo por trás de um botão não descritivo, vários ícones podem ser organizados em uma barra com texto. Isso é muito mais fácil para alguém entender.
Um bar de navegação não funciona para todos os aplicativos, por isso ainda é comum ver o ícone do hambúrguer. O que se tornou ainda mais popular é o uso de três pontos como um ícone de menu, como mostrado abaixo no Chrome para Android.
(Abaixo do botão, você pode ver um ícone de menu hambúrguer no site móvel da How-to Geek. Os sites geralmente usam este design também!)
Isso é muita conversa sobre hambúrgueres e design de software. Tudo o que você precisa saber é que um menu de hambúrguer é tipicamente três linhas horizontais em uma pilha vertical. Esteja à procura de três pontos também. Use esses botões quando estiver procurando por menus e mais opções. Agora, passe a mostarda, por favor.
