No passado, o web design se preocupava apenas com as grandes telas dos computadores, mas isso mudou com a entrada dos smartphones no mercado. Hoje, o layout precisa se adaptar às pequenas telas dos dispositivos móveis. Ele é um componente fundamental para o e-commerce, sendo responsável por boa parte do sucesso das vendas online.
Um e-commerce não pode ser apenas esteticamente bonito, mas precisa apresentar aos seus usuários boa funcionalidade e usabilidade na tela, de forma que eles consigam navegar confortavelmente sem grandes obstáculos. Quanto melhor a usabilidade, mais fácil a sua operação e melhores serão os resultados gerados como um todo.
Para uma boa usabilidade mobile, o layout precisa estar adaptado e considerar a “zona do polegar”. Os polegares são responsáveis por impulsionar 75% de todas as interações nos dispositivos móveis e compreender a importância deles é essencial para proporcionar uma melhor experiência ao usuário e ajudar os clientes à finalizarem uma compra.
Afinal, o que é a zona do polegar e de onde surgiu a teoria?
O termo “zona do polegar” foi criado pelo americano Steven Hoober para denominar a área mais confortável ao toque nas telas de dispositivos móveis, com o uso de apenas uma das mãos. Para chegar a essa conclusão, Steven analisou a interação e usabilidade de mais de 1300 pessoas com seus aparelhos celulares em diversas ocasiões – nas ruas, nos aeroportos, nos pontos de ônibus, nos cafés, nos trens, nos supermercados.
Ele percebeu que a forma de segurar o telefone mudava frequentemente – às vezes em questão de segundos. Em quase todos os casos, as pessoas utilizavam os aparelhos de três maneiras distintas:
- 49% seguravam o celular com apenas uma mão. O uso de apenas uma mão parecia estar relacionado à execução de outras tarefas ao mesmo tempo;
- 36% seguravam o telefone com uma mão, enquanto a outra mão mexia na tela do celular. Nesse caso, o polegar na tela correspondeu a 72%, enquanto o dedo na tela correspondeu a apenas 28%;
- e os 15% restantes seguravam o aparelho com as duas mãos, utilizando, assim, os dois polegares.
Foi possível, então, perceber que havia uma preferência distinta pelo uso do polegar para mexer nos celulares. Quando seguramos nossos telefones com uma mão, o polegar é o dedo mais confortável para exercer as funções de rolagem, digitação ou toque. Mesmo quando usamos ambas as mãos, utilizamos também os dois polegares de cada mão.
Apenas um terço da tela é utilizado sem que haja esforço por parte do usuário
Apesar de ser o dedo mais utilizado para mexer nas telas, apenas um terço da tela é utilizado sem que haja esforço por parte do usuário: a área inferior no lado oposto ao polegar. Se segurarmos o telefone com a mão direita, o polegar cairá naturalmente em um arco no canto inferior esquerdo da tela, sem esforço. A mesma coisa acontece se usarmos os polegares das duas mãos, mas o arco é maior porque o polegar tem maior amplitude de movimento.
Assim, a zona do polegar informa os locais mais convenientes para colocar conteúdos interessantes, pois é mais agradável e confortável de clicar. Se a sua empresa cria conteúdos para mobile, verifique se os links, formulários e informações importantes estão ao alcance do dedo polegar.
E não importa qual mão você use, o final da tela é sempre mais confortável, enquanto o topo exige um esforço maior. Como alternamos de mão frequentemente, as melhores soluções colocam os recursos principais no meio ou no canto inferior da tela, onde as zonas de polegar esquerdo e direito conseguem alcançar facilmente. Essa regra é válida para todas as telas de telefone, grandes ou pequenas. Mas à medida que as telas aumentam, esse espaço da tela superior torna-se uma sobrecarga.
As cores indicam as áreas que um usuário pode alcançar com o dedo ou o polegar para interagir com a tela. A área verde é o local onde o alcance do polegar é natural e acessada facilmente; a zona amarela é aquela em que o usuário precisa esticar o dedo para conseguir clicar. E a região vermelha é a de mais difícil alcance para quem usa um smartphone com apenas uma das mãos. Sabendo disso, as informações e pontos de navegação mais importantes devem ser fixados na zona de alcance natural da tela (verde), pois, assim, não haverá esforço para os usuários clicarem.
Por que a sua empresa deve fazer o teste da zona do polegar?
Realizar o teste da zona do polegar ao desenvolver layouts para sites é importante, pois permite proporcionar uma melhor experiência ao usuário e gerar, com isso, mais conversões para a marca. E para que o layout esteja adaptado, especialistas em design empregam diagramas que delimitam as áreas médias de alcance do polegar em uma tela de smartphone. Ajustes como estes fazem diferença na hora de vender algum produto ou serviço no aparelho móvel.
Mas além de fazer o teste do diagrama da zona do polegar, é fundamental analisar constantemente o site no celular. Isso pode ser feito por meio de softwares como o Google Analytics. Essa ferramenta do Google permite verificar entre os vários layouts qual é o mais funcional, qual gera a melhor experiência e qual converte mais, de acordo com o comportamento do usuário. Outra ideia interessante para os profissionais de marketing é utilizar os mapas de calor. Através deles, é possível observar onde os visitantes mais interagem na tela enquanto usam o celular.
Além das ferramentas, é importante que empresas saibam onde as informações devem ser colocadas na tela. Veja abaixo:
Dicas de como organizar os pontos de toque de acordo com a zona do polegar
- Insira links, formulários e botões importantes nas áreas mais relevantes da tela.
- Certifique-se de posicionar as informações importantes como chamadas de ação ou menus estáticos no centro inferior da página onde podem ser facilmente clicadas com apenas uma mão.
- Aumente o tamanho dos links. Texto e ícones de tamanho pequeno podem ser difíceis de serem tocados pelo polegar com apenas uma mão.
- Os botões utilizados com mais frequência devem ocupar a parte inferior da tela para facilitar o toque, enquanto as informações menos relevantes devem ser empurradas para a parte superior, onde requer mais esforço por parte do usuário.
- Coloque um menu fixo ao longo da parte inferior da tela. Isso ajuda os clientes a navegar rapidamente para as páginas e seções mais importantes. Posicione os itens de menu mais importantes no centro da página.
- As barras de ferramentas e a navegação normalmente devem ficar na borda inferior das interfaces em aparelhos móveis.
Em resumo, o teste da zona do polegar permite que você trabalhe para o desenvolvimento de um layout eficaz, com informações importantes posicionadas nos lugares adequados. É um benefício tanto para as empresas como para os usuários, pois nada melhor do que proporcionar uma boa experiência online para seus clientes!
Fale com um de nossos especialistas para que possamos criar uma solução estratégica para o seu negócio!
Fique Conectado