E se eu te dissesse que sites e smartphones tinham hambúrgueres neles? Você provavelmente pensaria que eu perdi totalmente depois de sair dos meus remédios. Mas é absolutamente verdade, não estou brincando.
Quando você abre um aplicativo em seu smartphone ou em alguns sites hoje, pode estar olhando para um hambúrguer - um ícone de menu de hambúrguer, ou seja.
Qual é o menu Hamburger?
O menu de hambúrgueres (que não vem com uma porção de batatas fritas) são as três linhas horizontais que você vê agora na parte superior de muitas telas, na extrema esquerda ou na extrema direita.
$config[code] not foundÉ um ícone, na verdade.
Ao tocar, tocar ou clicar no ícone, abre um menu lateral com uma seleção de opções ou páginas adicionais.
Alguns desenvolvedores adoram o ícone de menu de linha de hambúrguer 3 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. Ele dá ao aplicativo ou site um visual minimalista e limpo.
É bastante 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 do hambúrguer ou simplesmente ficam perplexos com ele. Por quê? Porque não é óbvio para todos os usuários que as três linhas são, na verdade, um ícone de menu e não informa aos usuários o que está lá.
Quem “inventou” o ícone do menu Hamburger?
O inventor por trás do ícone do menu de hambúrguer é um homem chamado Norm Cox. Ele criou o ícone de hambúrguer da Xerox Star, que foi a primeira interface gráfica do mundo. Isso foi há mais de três décadas.
Depois disso, o ícone fez um ato de desaparecimento.
Apenas recentemente, o ícone do menu de três linhas começou a voltar, com o advento de dispositivos móveis.
Por exemplo, em 2008, apareceu no aplicativo do Twitter, Tweetie. Então, em 2009, apareceu no aplicativo Voice Memos para o iPhone 3GS.
"Eu tenho que rir com toda a atenção que o pequeno símbolo do" hambúrguer "está recebendo ultimamente", disse Cox em uma entrevista à Small Business Trends.
"Até cerca de nove meses atrás, eu não pensava na" gota no meu balde de carreira de design "por mais de 30 anos!”
"Apenas alguns símbolos foram considerados", acrescentou Cox. “Um símbolo era uma seta apontando para baixo na forma de um triângulo, representando a direção em que o menu resultante apareceria. Decidimos que esse símbolo tendia a ser interpretado com muita frequência como um ponteiro. Pensamos em usar um asterisco (*) ou um sinal de mais (+), mas eles pareciam ser muito abstratos ”.
Cox disse que a imagem de hambúrguer de três linhas acabou sendo a correta. “Este símbolo era visualmente simples, fácil de explicar e funcionalmente memorável. Três linhas eram o número perfeito - acrescentou Cox.
Quais sites ou aplicativos usam esse infame ícone de menu de hambúrguer?
Alguns dos nomes proeminentes que usam o ícone do hambúrguer em seus aplicativos incluem Gmail, Facebook, Reeder, Twitter e Starbucks.
E agora sites e navegadores também adotaram o ícone do menu de 3 linhas. Os navegadores Chrome e Firefox são um exemplo disso, usando o menu no canto superior direito. O menu de hambúrgueres oculta todas as opções, configurações e extensões. E o ícone brilha em laranja quando algo no navegador precisa ser corrigido ou atualizado.
Time.com é um exemplo de um grande site que usa o menu de hambúrguer - neste caso, no canto superior esquerdo. Quando você clica no ícone do menu de 3 linhas, aparece um slide mostrando links de conteúdo adicionais.
Alguns especialistas apontam que as funções no menu do hambúrguer são pouco usadas.
Primeiro de tudo, 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 elas realmente cliquem ou toquem no ícone do menu de 3 linhas, elas não verão as opções.
De fato, no caso da Time.com, a palavra “menu” tinha que ser adicionada embaixo do ícone para tornar mais óbvio o que é o símbolo.
Dependendo menos no menu do hambúrguer
Vários desenvolvedores manifestaram seu descontentamento com o ícone do hambúrguer e suas deficiências.
Alguns se recusam a usar o ícone, apesar de sua modernidade.
Mas a empresa de maior destaque que fez uma mudança é o Facebook. Para ser absolutamente claro, o Facebook nunca declarou publicamente que quer se livrar totalmente dele. Mas o Facebook está trazendo alguns dos recursos móveis que antes estavam escondidos atrás do ícone do hambúrguer.
Eles agora são exibidos em uma barra horizontal na parte inferior da tela, chamada de barra de guias.
A barra inferior da guia 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 cardápio de hambúrgueres não serve para os ambientes", disse Desai, falando sobre o Small Business Trends. “É quase como um 'mais' ou até se pode pensar nisso como uma alternativa à 'barra de guias'. É raro ver os dois, mas nós da Addappt exploramos isso com um protótipo, mas acabamos optando por seguir a rota 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 abas as torna mais óbvias ”, acrescentou Desai.
O criador de ícones de hambúrguer obtém a palavra final
Então, você deve usar um ícone de menu de hambúrguer em seu próprio site, tema ou aplicativo para celular?
O desenvolvedor original do ícone deve ter a última palavra, pensamos.
"A longevidade do símbolo (desde os anos 80) é uma prova de sua simplicidade, utilidade, capacidade de aprendizado e memorabilidade", disse Cox, quando perguntado 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 inadequados é um tanto míope e super-reativo."
Hamburger, Red Icon Fotos via Shutterstock
Mais em: Coisas que você não sabia, o que é 3 Comentários ▼
