5 maneiras Surefire para levar os usuários a rolar
Os dias de “acima da dobra” acabaram. Rolagem longa e sites de rolagem infinitos estão se tornando cada vez mais populares ultimamente, e não é coincidência que essa técnica seja bem traduzida para dispositivos móveis. O aumento do uso de telas móveis definitivamente desempenhou um papel fundamental na aceitação generalizada da técnica de rolagem longa: quanto menor a tela, maior a rolagem.
Rolagem longa abre muitas novas portas para designers. No entanto, esse padrão tem suas próprias desvantagens. Isso exige que os designers prestem muita atenção ao conteúdo, navegação e animação.
Aqui estão 5 dicas a seguir para garantir que sua longa rolagem atenda às expectativas do usuário.
1. Fornecer conteúdo interessante desde o início
Apesar do fato de que as pessoas geralmente começar a rolar assim que a página é carregada, o conteúdo na parte superior visível da tela é muito importante. O que aparece na parte superior da página cria uma impressão inicial e define uma expectativa de qualidade para seus usuários. Os usuários rolarão, mas apenas se o que eles virem quando entrarem na página for promissor o suficiente.
Para garantir que as pessoas rolem, você precisa fornecer um conteúdo que mantenha seus visitantes interessados. Assim, coloque seu conteúdo mais atraente na área superior da página:
- Fornecer fatos interessantes (fatos que atraem visitantes e mantêm sua atenção)
- Use imagens atraentes (os usuários prestam muita atenção nas imagens e imagens que contêm informações relevantes)
2. Dê aos usuários um sinal visual
Às vezes, a melhor maneira de fazer a rolagem dos usuários é pedir diretamente para eles fazerem isso. Basta informar os usuários de que a maior parte do conteúdo está disponível abaixo da dobra. Uma dica visual sutil, como uma seta apontando para fora da tela ou um texto "rolagem para baixo", pode informar aos usuários que a maior parte do conteúdo está disponível abaixo.
A seta apontando para fora da tela informa aos usuários que a maior parte do conteúdo será exibida abaixo.
3. Mantenha as Opções de Navegação Persistentemente Visíveis
Navegação é um aspecto de fazer ou quebrar a experiência do usuário de um site. Um dos maiores riscos de usar a rolagem longa em seu design é a possibilidade de desorientação do usuário. Se a barra de navegação perder sua visibilidade quando os usuários rolarem para baixo, eles terão que percorrer todo o caminho de volta quando estiverem dentro da página. Normalmente, esse comportamento confunde e frustra os usuários.
A solução óbvia para este problema é usar um menu de navegação fixo, que mostra a localização atual e permanece na tela na mesma posição em todos os momentos.
Um exemplo de navegação persistente visível persistente.
Somente dispositivos móveis: como a tela do celular é muito menor do que a tela da área de trabalho, uma barra de navegação visível pode ocupar uma parte relativamente significativa da tela. Uma maneira de resolver o problema de uma pequena propriedade de tela é ocultar uma barra de navegação quando os usuários estão procurando por novo conteúdo e torná-lo visível quando os usuários baixam para voltar ao topo.
4. Use a animação funcional para atrair visitantes
Efeitos criativos, como rolagem de paralaxe e animações ativadas por rolagem, podem fazer com que os usuários rolem mais. Eles se transformam em algo mais divertido e fazem o usuário pensar "o que vai acontecer a seguir?"
Considere dividir sua página em "blocos" roláveis. Em cada parte, você pode introduzir o conteúdo por meio de animações criativas. À medida que os usuários rolarem, as animações fazem a transição para a próxima tela enquanto criam um caminho de conteúdo a ser seguido.
Parallax é outro efeito animado popular que pode melhorar a experiência de rolagem. O efeito Parallax cria uma ilusão de profundidade e imersão, fazendo com que a imagem de fundo se mova mais lentamente do que o conteúdo em primeiro plano. Quando seu site quer contar uma história de maneira suave e linear, a longa rolagem emparelhada com o efeito de paralaxe é capaz de criar uma experiência de navegação completamente imersiva.
5. Evite Scroll Hijacking
Sites que implementam o seqüestro de rolagem assumem o controle da rolagem e substituem uma função básica do navegador da web. O sequestro de rolagem é ruim porque o usuário não tem mais controle total da rolagem da página e não consegue prever seu comportamento. A expectativa dos usuários de interação de rolagem de um site não deve ser destruída por causa da experiência narrativa.
A Apple usa seqüestro de rolagem em sua página Mac Pro.
Conclusão
Rolagem longa é capaz de criar uma experiência de navegação completamente imersiva. É completamente possível fazer uma viagem tão agradável quanto o destino. Quando os usuários curtem o conteúdo do seu site e encontram a interface do usuário intuitiva, eles não se importam com a duração do pergaminho.