Menu mobile na parte inferior da tela. Por que não?

07/09/2017
a imagem mostra pessoas usando celulares sentadas a mesa

Uma pesquisa recente concluiu que a maioria das pessoas usam os smartphones com apenas uma das mãos. Ao segurar o telefone, apenas o polegar é usado para interagir com a interface. O polegar funciona como uma espécie de mouse, mas com limitações.

O mouse é o seu polegar

As pessoas interagem com menus com muita facilidade na versão desktop dos sites utilizando o mouse. Já o pulso possui algumas restrições de movimento. Quando os usuários seguram um telefone, o polegar tem uma área limitada de ação. Há algumas áreas que ele não alcança. Essas áreas variam, tendo como base em qual mão usam para segurar o telefone (direita ou esquerda) e o tamanho da tela.

a imagem mostra a comparação do alcance do polegar na navegação pelo smartphone

Ao posicionar o menu da maneira padrão, que geralmente é no topo da tela, o mesmo fica fora do alcance do polegar e faz com que o usuário tenha que mudar a maneira como está segurando o telefone para acessa-lo. Esse trabalho extra pode ser interpretado como um experiência ruim para alguns usuários.

Telas maiores x telas menores

Dependendo do tamanho da tela, menor a área de alcance do polegar. Comparando com os telefones de tela menor, os cantos também ficarão fora do alcance do polegar em telas maiores, conforme imagem abaixo:

a imagem mostra a comparação do alcance do polegar na navegação pelo smartphone em telas maiores

Qual SERIA a solução?

Os designers não podem mudar a maneira como os usuários seguram os telefones, mas eles podem mudar local do menu. A maioria aplica o menu no topo da tela, o que funciona muito bem em versões desktop, mas para as versões mobile não deve ser uma regra.

Como o menu é sempre muito acessado, vale a pena pensar em alternativas para que o menu fique sempre na área de alcance do polegar. Assim, a navegação ficará muito mais rápida e confortável. Inserir o menu na parte inferior da tela pode ser uma solução.

a imagem mostra um modelo de menu no fim da página mobile

Inserir o menu na parte inferior da tela fará com que o usuário acesse o menu com mais rapidez. Você deve estar se perguntando: de que adianta inserir o menu na parte inferior se as opções do menu podem ficar fora do alcance do polegar? Faz sentido e para isso a alternativa seria colocar as opções mais importantes do menu na área de alcance do polegar.

Podemos concluir que existe uma “área de conforto” para navegação mobile usando o polegar. Tendo isso em mente, os designers devem levar em consideração ao planejarem a criação de interfaces. Quanto mais confortável a navegação, melhor a experiência. Por mais que os usuários estejam acostumados com a posição do menu no topo da página, a navegação na parte inferior da tela não é nenhuma novidade. Podemos citar como exemplo o Facebook. Os usuários interagem com facilidade com as opções no fim da tela.

Testar é preciso

Todas essas alternativas de melhorias de navegação são sempre bem vindas, mas antes de implementar é sempre importante testar o comportamento do usuário. Os resultados desses testes serão o guia para que as mudanças sejam feitas sem prejudicar a performance do site.

Cya!