O que é um botão de menu de hambúrguer?

Menu de hambúrguer – ou ícone de hambúrguer – é um termo comumente usado quando se fala sobre aplicativos. Pode deixar você com fome, mas não tem nada a ver com comida. De onde veio esse nome idiota e o que o menu faz?

A história do ícone do hambúrguer

O ícone Hamburger – menu, símbolo, botão, etc. – existe desde 1981. Ele foi criado por Norm Cox , o líder gráfico do Xerox Star , o primeiro computador pessoal comercial.

Norm projetou o símbolo como um contêiner para opções de menu. As linhas horizontais são uma representação abstrata de uma lista vertical. Você pode ver os botões do menu de hambúrguer em ação no Xerox Star no vídeo abaixo na marca de 21:15.

O símbolo foi concebido para ser muito simples, em parte devido às restrições de design da época. Ele só poderia ter cerca de 16 × 16 pixels, então precisava ser distinto e facilmente visível. Três linhas em negrito atingiram esse objetivo.

Não foi até os smartphones e aplicativos móveis surgirem que o ícone do hambúrguer explodiu na consciência tradicional. O espaço limitado da tela significa que as opções precisam ser inseridas nos menus, e o ícone de hambúrguer se tornou uma escolha popular para indicar isso.

A história do ícone do hambúrguer em aplicativos móveis é um pouco mais obscura. Pode ter sido usado pela primeira vez por um aplicativo do Twitter chamado “Tweetie” em 2008 . Logo depois disso, ele começou a aparecer no sistema operacional iOS da Apple para o iPhone, o que provavelmente levou à sua popularidade no design de aplicativos móveis.

Para que serve o ícone de hambúrguer?

Conforme mencionado anteriormente, o objetivo original do ícone de hambúrguer era funcionar como um menu que continha listas de opções. É daí que vem o design. Os menus geralmente incluem opções em uma lista vertical, portanto, as três linhas empilhadas umas sobre as outras.

Ainda é para isso que o ícone de hambúrguer é usado hoje, mas seu propósito se expandiu em aplicativos móveis. Agora ele é comumente usado para menus que saem da lateral da tela. (Às vezes, esse tipo de menu é chamado de menu de “barra lateral”.)

Aqui está um exemplo do ícone de hambúrguer sendo usado no aplicativo Gmail para Android. Tocar no ícone abre um menu daquele lado da tela.

O ícone de hambúrguer também pode ser encontrado no menu Iniciar do Windows 10. Passar o mouse ou clicar no ícone expande os atalhos para Configurações, Energia e outras opções do usuário.

O ícone de hambúrguer é simplesmente um símbolo que passou a significar “menu”. Depois de começar a procurá-lo, você o verá em todos os lugares.

Por que é chamado de cardápio de “hambúrguer”?

Graças à pesquisa do designer Geoff Alday , a história do ícone do hambúrguer é bem desenvolvida. No entanto, não sabemos realmente por que ou quando ele ganhou o apelido de “hambúrguer”.

Todos parecem concordar que o apelido vem das três linhas que se assemelham um pouco a um pão de cima, de um hambúrguer e de um pão de baixo. Mas quem foi a primeira pessoa a fazer essa conexão? Não temos certeza. Norm Cox apenas menciona jocosamente chamá-lo de “ventilação de ar” para a janela.

Os humanos só veem comida em muitas coisas, aparentemente.

O caso contra o menu de hambúrguer

Nem todo mundo é fã do onipresente ícone do hambúrguer. Nos últimos anos, os designers de aplicativos começaram a se afastar disso.

O ícone do hambúrguer foi projetado (com restrições rígidas) 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 ele.

As barras de navegação se tornaram uma forma mais popular de organizar itens de menu. Em vez de colocar tudo atrá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.

No entanto, uma barra de navegação não funciona para todos os aplicativos, então ainda é comum ver o ícone de hambúrguer. O que se tornou ainda mais popular é o uso de três pontos como um ícone de menu, conforme mostrado abaixo no Chrome para Android.

(Abaixo do botão, você pode ver um ícone de menu de hambúrguer no site móvel do How-To Geek. Os sites costumam usar esse 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 geralmente contém três linhas horizontais em uma pilha vertical. Fique atento a três pontos também. Use esses botões quando estiver procurando menus e mais opções. Agora, passe a mostarda, por favor.