Não há uma dobra
Muitas pessoas – designers inclusive – procuram sempre colocar o máximo de informação no menor espaço possível. E isso fica pior na web, onde a idéia de “dobra de página” é utilizada. Vou explicar por que não esta dobra não deveria existir.
Encontrei um artigo intitulado “There is no fold“, que utiliza dados coletados pelo blog ClickTale em seu artigo “Unfolding the fold” (“Desdobrando a dobra”).
Mas antes de passar para os dados importantes, algumas explicações: web designers e profisionais de usabilidade vem debatendo o tópico sobre rolamento de páginas desde 1994. Nos primórdios da web, a maioria dos usuários não estavam familiarizados com o conceito de rolamento e não era algo natural a ser feito. Como resultado, web designers desenvolviam sites que mantinham todas as informações importantes “acima da dobra” ou pior: deixando o site inteiro na área inicial da tela. Esta prática de “compactação” (“squeezing“) continua até nos dias de hoje.
Hoje em dia, o rolamento de páginas se tornou uma prática natural quando se navega na web. Rolamento é também associado ao design estilo “web 2.0″ por causa do texto grande e limpo. E conteúdo espaçado e limpo implica em sites mais longos.
O post do ClickTale tem vários gráficos resultados de testes feitos para conferir quem rola a barra do site, e os resultados são previsíveis: 91% das páginas pesquisadas possuem barra de rolamento, 76% das pessoas rolaram a barra vertical até algum certo ponto, e 22% rolaram até o final da página.
Com isso, podemos tirar algumas conclusões:
- Não tente compactar seu site. Há pouco benefício em compactar suas páginas pois a grande maioria dos visitantes vai rolar a barra abaixo da “dobra da página” para conferir o site todo.
- Já que os usuários vão rolar a barra até o fim do seu site, facilite a vida deles e divida seu site em seções para facilitar o escaneamento de informações.
- Minimize a quantidade de texto escrito e maximize a quantidade de imagens; usuários geralmente não lêem textos – eles escaneiam sites.
- Dê algum encorajamento a seus usuários usando um layout dividido com informações semelhantes juntas.
Facilite a vida do usuário O importante é facilitar o usuário a encontrar as informações que ele precisa – informações imperativas para que ele entenda do que se trata o site. Por exemplo, aqui no Digital Paper você encontra o logo (“Digital Paper”) e em seguida, uma descrição do assunto tratado (“design gráfico e web design”). Só depois que o texto aparece. Agora imagine se tudo estivesse “acima da dobra”?
Artigos relacionados
Criador e editor-chefe do Design Blog, trabalha como designer e programador no xCake. Nerd desde pequeno, ama tudo relacionado a internet. Seu maior sonho é entrar em algum quarto e dizer "Senhores, não se preocupem: sou da Internet".
Acesse seu site Siga no Twitter