DE
O que é área de clique?
A área de clique é a parte de links e botões em sites e aplicativos que pode ser clicada ou tocada. Ela fica destacada ao passar o mouse sobre um botão ou link.
É fundamental definir um tamanho adequado para as áreas de clique para facilitar sua utilização em qualquer interface. Elas devem ser funcionais, fáceis de usar e precisas, possibilitando que os usuários cliquem ou toquem nelas sem dificuldades.
Uma área de clique muito pequena faz com que os usuários tenham mais trabalho do que o necessário para realizar a ação desejada. Portanto, ela deve ser otimizada de acordo com o dispositivo.
Áreas de clique pequenas e problemáticas
A inserção de áreas de clique pequenas ou inadequadas ao redor de botões ou links pode ser bastante frustrante pelos seguintes motivos:
- Clicar em áreas pequenas é muito trabalhoso, pois requer movimentos certeiros com o mouse ou toques precisos com as pontas dos dedos. Os usuários não devem se deparar com esse tipo de incômodo ao usar qualquer tipo de funcionalidade.
- O design da página ou do aplicativo pode ficar pouco atrativo para os usuários.
- Os usuários não querem prestar atenção aos detalhes quando clicam nos botões. No caso de áreas de clique pequenas, eles precisam passar o mouse sobre o botão para entender qual tipo de ação será acionada.
Veja alguns exemplos de áreas de clique pequenas:
Dicas para corrigir a área de clique
Para proporcionar aos usuários uma experiência interativa, leve em consideração as dicas a seguir ao projetar elementos que podem ser tocados:
- A navegação de qualquer página ou aplicativo pode ser aprimorada expandindo a área ao redor dos botões e links e preenchendo o espaço em branco à sua volta.
- Para ter um design básico, centrado no usuário e que funciona, crie um alvo de toque levando em consideração as dimensões físicas do público. Um estudo do MIT Touch Lab revelou que as pontas dos dedos de uma pessoa comum têm de 1,6 a 2 cm de largura. O polegar tem uma área de impacto maior, com média de 2,5 cm de largura!
- Mantenha um espaçamento adequado entre links e botões.
- Atente-se à assimetria entre a visualização e o toque. Ela ocorre quando os elementos clicáveis são grandes o suficiente para serem vistos, mas muito pequenos para serem selecionados.
- Pense no seu público-alvo ao projetar os elementos.
- Realize testes de usabilidade para determinar se os alvos de toque são eficazes e grandes o suficiente. Aderir às diretrizes de design é um bom primeiro passo, mas obter feedbacks dos usuários reais é ainda melhor.
Como aumentar a área de clique
Aumentar a área de clique de um link pode parecer uma tarefa pequena e sem sentido, mas melhora a usabilidade de um site, o que resulta em mais conversões.
Leia este artigo para descobrir como aumentar a área de clique de diferentes elementos.
É importante criar alvos de toque com tamanho adequado para reduzir os tempos de aquisição e erros, diminuindo assim as frustrações dos usuários.
