O ícone do menu de 3 linhas: o que é um menu de hambúrguer?

E se eu dissesse que sites e smartphones continham hambúrgueres? Você provavelmente pensaria que eu perdi totalmente depois de parar de tomar meus remédios. Mas é absolutamente verdade, não estou brincando.

Hoje, quando você abre um aplicativo em seu smartphone ou em alguns sites, pode estar olhando para um hambúrguer - um ícone de menu de hambúrguer.

O que é o menu de hambúrguer?

O menu de hambúrguer (que não vem acompanhado de batatas fritas) são as três linhas horizontais que você vê agora no topo de muitas telas, na extrema esquerda ou na extrema direita.

É um ícone, na verdade.

Ao tocar, tocar ou clicar no ícone, abre-se um menu lateral com uma seleção de opções ou páginas adicionais.

Alguns desenvolvedores adoram o ícone de menu de hambúrguer de 3 linhas porque permite que eles incluam mais recursos em seus aplicativos ou navegação. O pequeno ícone ocupa uma quantidade mínima de espaço na tela. Dá ao aplicativo ou site uma aparência limpa e minimalista.

É fácil para o usuário do aplicativo ou visitante do site pressionar o botão para deslizar o menu para dentro e para fora.

Ou então você pode pensar.

No entanto, outros desenvolvedores e alguns usuários absolutamente detestam o ícone do menu de hambúrguer ou simplesmente ficam intrigados com ele. Por que? Porque não é óbvio para todos os usuários que as três linhas são realmente um ícone de menu e não informa aos usuários o que está lá.

Quem “inventou” o ícone do cardápio de hambúrguer?

O visionário por trás do onipresente ícone do menu de hambúrguer é um pioneiro criativo chamado Norm Cox. Ele criou o agora onipresente ícone do menu de hambúrguer, um símbolo universal que originalmente projetou para a Xerox Star, a primeira interface gráfica de usuário do mundo, há mais de três décadas.

No entanto, após a sua concepção, a imagem icónica pareceu resvalar para um período de relativa obscuridade.

O ressurgimento do ícone pode ser rastreado até a ascensão dos dispositivos móveis. Foi nessa época, em 2008, que o ícone de três linhas começou a voltar, aparecendo pela primeira vez no aplicativo do Twitter, Tweetie.

No ano seguinte, o ícone encontrou um novo lar na interface do aplicativo Voice Memos para o iPhone 3GS.

Em entrevista ao Small Business Trends, Cox compartilhou sua perplexidade com o ressurgimento de sua criação, afirmando: “Tenho que rir de toda a atenção que o pequeno símbolo de 'hambúrguer' está recebendo ultimamente. Até cerca de nove meses atrás, eu não pensava no 'gotejamento no balde da minha carreira de design' há mais de 30 anos!”

Durante o brainstorming do símbolo, algumas alternativas foram contempladas:

• Uma seta apontando para baixo na forma de um triângulo, significando a direção em que o menu resultante apareceria. Isso, no entanto, foi rejeitado porque era frequentemente interpretado como um ponteiro.
• O asterisco (*) ou o sinal de mais (+) também foram considerados, mas acabaram descartados devido ao seu caráter abstrato.

No final, Cox disse que a imagem do hambúrguer de três linhas alcançou o equilíbrio perfeito: “Esse símbolo era visualmente simples, facilmente explicado e funcionalmente memorável. Três linhas eram o número perfeito.

O ícone do hambúrguer, um elemento de design simples, mas poderoso, solidificou assim seu lugar no mundo do design de interface do usuário, sendo um testemunho do apelo atemporal da simplicidade.

Quais sites ou aplicativos usam este ícone de menu de hambúrguer infame?

Alguns dos nomes proeminentes que usam o ícone de hambúrguer em seus aplicativos incluem Gmail, Facebook, Reeder, Twitter e Starbucks.

E agora sites e navegadores também adotaram o ícone de menu de 3 linhas. Os navegadores Chrome e Firefox são um exemplo disso, utilizando o menu no canto superior direito. O menu hambúrguer esconde todas as opções, configurações e extensões. E o ícone fica laranja quando algo no navegador precisa ser corrigido ou atualizado.

Time.com é um exemplo de um grande site que usa o menu hambúrguer - neste caso, no canto superior esquerdo. Quando você clica no ícone do menu de 3 linhas, um slide mostrando links de conteúdo adicional é exibido.

Alguns especialistas apontam que as funções do cardápio do hambúrguer são pouco utilizadas.

Em primeiro lugar, muitas pessoas ainda precisam descobrir que as 3 linhas horizontais são na verdade um ícone de menu e não simplesmente uma imagem.

Em segundo lugar, o ícone do hambúrguer torna as informações no menu oculto “fora da vista, fora da mente”. A menos que eles realmente cliquem ou toquem no ícone do menu de 3 linhas, eles não verão as opções lá.

De fato, no caso do Time.com, a palavra “menu” teve que ser adicionada abaixo do ícone para tornar mais óbvio qual é o símbolo.

Dependendo menos do menu de hambúrguer

Vários desenvolvedores expressaram seu descontentamento com o ícone do hambúrguer e suas deficiências.

Alguns se recusam a usar o ícone, apesar de sua tendência.

Mas a empresa mais importante que fez uma mudança é o Facebook. Para ser absolutamente claro, o Facebook nunca declarou publicamente que deseja se livrar totalmente dele. Mas o Facebook está trazendo alguns dos recursos móveis que antes estavam escondidos atrás do ícone de hambúrguer.

Eles agora são exibidos em uma barra horizontal na parte inferior da tela, chamada de barra de guias.

A barra de abas inferior ocupa um pouco mais de espaço na tela, mas torna certas funções mais óbvias.

Conversamos com Mrinal Desai, que é o CEO e co-fundador da Addappt. Ele também estava por trás do Crossloop, um aplicativo de tecnologia remota de crowdsourcing, que acabou sendo vendido para o AVG Anti-Virus.

“O menu de hambúrguer não é realmente para configurações”, disse Desai, em entrevista ao Small Business Trends. “É quase como um 'mais' ou pode-se até pensar nisso como uma alternativa à 'barra de abas'. É raro ver os dois, mas nós da Addappt exploramos isso com um protótipo, mas eventualmente optamos por seguir o caminho da 'barra de guias'.”

“Essas decisões geralmente dependem do objetivo do aplicativo. O ícone do hambúrguer tende a relegar as funções, enquanto a barra de guias as torna mais óbvias”, acrescentou Desai.

O criador do ícone de hambúrguer recebe a palavra final

Então, você deve usar um ícone de menu de hambúrguer em seu próprio site, tema móvel ou aplicativo?

O desenvolvedor original do ícone deve ter a última palavra, pensamos.

“A longevidade do símbolo (desde a década de 1980) é uma prova de sua simplicidade, utilidade, facilidade de aprendizado e memorização”, disse Cox, quando questionado sobre as chamadas para matar o ícone do hambúrguer.

“Procurar 'matar' ou 'abolir' uma ferramenta ou widget de interface do usuário com base em uso ou implementação insatisfatória é um pouco míope e excessivamente reativo.”

Esta tabela detalha a história e o uso do ícone em diferentes épocas, desde sua criação até sua reintrodução e uso generalizado atual, destacando como sua recepção e aplicação mudaram ao longo do tempo:

Hambúrguer, fotos de ícones vermelhos via Shutterstock