O que é o botão de hambúrguer e como ele é usado?

Um botão de hambúrguer parece delicioso, não é? Pode deixar você com fome, mas o botão de hambúrguer na verdade não tem nada a ver com hambúrgueres. Acredite ou não, é um termo comumente usado para botões de menu em aplicativos.

Na verdade, a maioria de nós usa esse ícone diariamente. O ícone com três linhas empilhadas que você vê ao alternar um menu ou barra de navegação em um aplicativo é um botão de hambúrguer.

Então, de onde vem esse nome e por que é usado? Vamos descobrir.

A origem do botão de hambúrguer

O botão de hambúrguer existe desde a década de 1980. Seu nome vem de seu design: as três linhas horizontais arrojadas que lembram um hambúrguer. Também conhecido como ícone de menu recolhível, o botão de hambúrguer foi criado por Norm Cox como parte da interface do usuário do Xerox Star, um dos os primeiros computadores pessoais comerciais modernos.

Devido às limitações de design da época, o ícone que representava um menu com opções adicionais precisava ser algo simples. As três linhas paralelas em negrito atenderam à necessidade, dando à interface do usuário uma aparência minimalista. As linhas são uma representação abstrata de uma lista vertical de opções e recursos contidos nela.

O que tornou o ícone do hambúrguer popular?

O ícone do hambúrguer ficou mais proeminente com o advento dos smartphones e aplicativos móveis. Com as interfaces de usuário novas e menores, era difícil caber na maioria das opções na tela. Para facilitar a navegação, os desenvolvedores tiveram que colocá-los dentro de um menu, e o ícone de hambúrguer provou ser útil para essa finalidade.

Embora esteja em debate qual aplicativo o usou primeiro, o aplicativo Tweetie do Twitter pode ter sido um dos primeiros aplicativos modernos a usar o ícone. Logo depois, o ícone do hambúrguer ganhou popularidade quando foi adotado pelo Facebook e Google em aplicativos móveis.

Devido à aparência limpa e à finalidade clara do ícone, o botão de hambúrguer se tornou o ícone de acesso para aplicativos e sites colocarem suas opções de navegação desde então.

Para que serve o ícone de hambúrguer?

Conforme mencionado acima, o design do ícone explica sua finalidade original. Esse propósito é praticamente o mesmo hoje.

No entanto, a função do ícone de hambúrguer em aplicativos é mais eficiente agora, devido aos avanços em tecnologia e design. Agora é frequentemente usado para menus que deslizam ou se fecham para dentro e para fora da lateral da tela. Tocar no ícone abre um menu lateral com uma seleção de várias opções e recursos.

Aqui está um exemplo do ícone de hambúrguer usado no aplicativo Samsung Galaxy Store. Ao tocar no ícone no canto superior esquerdo, você pode acessar várias opções do menu.

Galeria de imagens (2 imagens) Expandir Expandir Fechar

Quando as pessoas usam novos aplicativos, pode ser difícil interpretar os vários ícones na tela. A maior vantagem do ícone de hambúrguer é que ele é imediatamente reconhecível por qualquer pessoa familiarizada com design móvel. O ícone é muito difundido, o que torna fácil de interpretar sem qualquer explicação.

O ícone de hambúrguer quase não ocupa espaço, tornando possível colocá-lo em qualquer lugar da tela sem perturbar outros elementos. Nem tudo pertence à página principal de sua tela, então o ícone faz um bom trabalho em fornecer um local predefinido para elementos de navegação.

Relacionado: Como definir ícones personalizados para aplicativos no Android

Como vimos, o botão de hambúrguer oferece muitas vantagens, como facilidade de navegação e uma interface de usuário limpa. No entanto, inclui algumas desvantagens, que fizeram os desenvolvedores de aplicativos se afastarem e considerarem alternativas.

conecte o telefone celular ao roteador sem fio

Com os telefones cada vez maiores, fica cada vez mais difícil chegar aos lugares onde o botão de hambúrguer costuma ser encontrado. Isso torna a experiência do usuário menos envolvente e o uso de aplicativos menos confortável.

Ao abrir um aplicativo pela primeira vez, você certamente procurará seus principais recursos. O ícone de hambúrguer geralmente oculta a maioria das opções importantes, o que torna a interface menos detectável para os recém-chegados.

Além disso, colocar recursos proeminentes dentro de um botão de menu faz com que pareçam menos importantes. Isso faz você pensar que se essas opções não fossem importantes o suficiente para colocar na tela inicial, talvez não valesse a pena conferir.

Alternativas para o ícone do hambúrguer

As barras de navegação se tornaram uma forma mais popular e eficiente de organizar os botões do menu. Em vez de ocultar recursos importantes atrás do ícone do menu, a barra de navegação organiza vários ícones na tela inicial.

A barra de navegação fornece ícones de menu fáceis de entender e, portanto, mais envolventes. Os botões de hambúrguer não têm essa clareza, por isso não têm o mesmo nível de engajamento.

Como exemplo, a Google Play Store simplificou sua interface redesenhando-a com uma barra de navegação. Essa barra, na parte inferior, mostra recursos importantes. Para acessar outras opções, você toca no ícone do seu perfil no canto superior direito.

Galeria de imagens (2 imagens) Expandir Expandir Fechar

Uma barra de navegação permite que você veja mais recursos e funcionalidades principais na tela inicial. Você pode ver vários ícones na barra de relance. Além disso, essas barras geralmente ficam na parte inferior da tela, o que é muito mais fácil de alcançar do que o canto superior direito ou superior esquerdo, onde os ícones de hambúrguer normalmente ficam.

Relacionado: Como obter uma barra de navegação colorida no Android sem root

Embora assim como o ícone de hambúrguer, as barras de navegação têm suas desvantagens. Embora coloquem os principais recursos na frente, eles estão limitados a apenas quatro ou cinco opções. Portanto, se o aplicativo deseja mostrar recursos mais importantes, ele precisa usar outra coisa além da barra de navegação.

Talvez a melhor opção seja incorporar uma barra de navegação e um ícone de hambúrguer. A barra de navegação pode mostrar os recursos destacados do aplicativo, enquanto os outros recursos podem ser colocados no ícone de hambúrguer.

O Facebook é um exemplo popular disso. Em sua barra de navegação, você pode tocar no menu de hambúrguer para acessar todos os seus outros recursos.

O Futuro do Ícone do Hambúrguer

O botão de hambúrguer tem sido usado como um ícone de menu para acessar há muito tempo, então a maioria das pessoas está bastante acostumada com ele. Sua abordagem minimalista e propósito claro o tornaram amplamente reconhecível por qualquer pessoa que já usou um smartphone.

Mas, devido a algumas desvantagens do ícone do hambúrguer, muitos aplicativos populares, incluindo Google Play Store, Instagram e Twitter, começaram a adotar a barra de navegação. A barra de navegação pode servir como uma alternativa melhor para o ícone de hambúrguer, mas ainda não está totalmente integrada em todos os aplicativos. Como resultado, ainda veremos o ícone de hambúrguer usado regularmente por algum tempo.

O ícone de hambúrguer não é perfeito, mas pode ser melhorado combinando-o com elementos de navegação alternativos. É importante certificar-se de que quaisquer ferramentas que os aplicativos usam sejam claras para os usuários.

Compartilhado Compartilhado Tweet O email Ícones e símbolos do Facebook Messenger: o que eles significam?

No qual explicamos o que significam todos os ícones e símbolos do Facebook Messenger e como usá-los corretamente.

Leia a seguir Tópicos relacionados

Tecnologia Explicada
Android
Android
Projeto
Terminologia

Sobre o autor Shreeya Deshpande(9 artigos publicados)

Shreeya é um entusiasta da tecnologia e gosta de se manter atualizado com os últimos avanços tecnológicos. Quando ela não está escrevendo sobre tecnologia, você pode encontrá-la viajando ou lendo seu romance favorito!

Mais de Shreeya Deshpande

Assine a nossa newsletter

Junte-se ao nosso boletim informativo para dicas de tecnologia, análises, e-books grátis e ofertas exclusivas!

Clique aqui para se inscrever