Índice
Por que usar um botão "voltar para o topo"?
Os botões "voltar ao topo" são importantes para simplificar a navegação até o topo de páginas mais longas. Com este botão, os usuários podem clicar uma vez para retornar ao topo, em vez de rolar. Embora útil em desktops, sites otimizados para celular também devem incluir botões "voltar ao topo"; a rolagem é diferente em ambos.
Ao usar os botões "voltar ao topo", os usuários podem navegar pelo conteúdo sem rolar. Isso vale para páginas iniciais e páginas de produtos, mas você também deve considerar adicioná-los a artigos.
Considere o seguinte ao adicionar botões "voltar ao topo" à sua página da web:
- Use uma seta para cima ou outra dica visual semelhante para que o usuário saiba o que o botão faz.
- Embora o botão deva ser de fácil acesso, você também deve torná-lo discreto para que seu outro conteúdo seja exibido com mais destaque.
Quais são as práticas recomendadas para projetar e implementar um botão "voltar para o topo"?
Tenha cada uma das seguintes áreas em mente para maximizar a eficácia do seu botão "voltar ao topo":
- Visibilidade: Precisa ser fácil de ver, mas não distrair o usuário.
- Posicionamento: Considere seu layout do site ao colocar seu botão "voltar ao topo". Embora o canto inferior direito seja comum, você deve tentar locais diferentes.
- Tamanho/Formato: Use um ícone que os usuários reconhecerão instantaneamente e limite o espaço que o botão consome.
- Rolagem: A rolagem suave e lenta deve ser sua prioridade.
Cada uma dessas áreas contribui igualmente para a experiência do usuário e a acessibilidade do seu site.
• Faça testes A/B com diferentes posições e ícones para determinar as preferências do seu público.
Existem considerações de acessibilidade para botões "voltar para o topo"?
Sim. Você deve considerar vários aspetos de acessibilidade ao projetar botões de "voltar ao topo". Mais especificamente, você deve pensar em cada um dos seguintes itens:
- Contraste de cores: Precisa haver contraste suficiente entre o botão e o fundo para que usuários com deficiência visual possam acessá-lo facilmente.
- Acessibilidade do teclado: Alguns utilizadores não conseguem usar um rato ou trackpad; portanto, certifique-se de que eles podem usar o mesmo recurso com o teclado.
- Estado de foco: Quando o botão for usado num teclado, forneça feedback visual evidente.
Implemente um aspeto de cada vez e faça testes A/B para garantir que você atendeu a todos os utilizadores.
• Use as Diretrizes de Acessibilidade para Conteúdo Web (WCAG) para determinar o quão acessíveis são seus botões "voltar ao topo".
Conclusão
Embora seja fácil subestimar o botão "voltar ao topo", ele é uma parte importante de navegação do site. Você pode usá-los com diferentes temas de sites.
Ao implementar botões "voltar ao topo", você deve considerar diferentes aspectos de acessibilidade (por exemplo, contraste e uso do teclado). Ele também precisa se adequar à estética do seu site e ter um ícone reconhecível. Teste diferentes botões e posições para ver quais funcionam com seu público.
