Um pouco de Hierarquia Visual para seu site
Entendendo o usuário para melhores resultados
Quando usuários chegam a um website eles precisam ter acesso a algumas informações importantes logo de cara. Para melhor comunicação com o público e geração de melhores resultados para seu site ou e-commerce, é importante o entendimento de como o usuário se comporta ao entrar em uma página.
A hierarquia visual é a organização e apresentação dos elementos de um site, de forma a representar sua importância. Em outras palavras, é a forma em que podemos melhor organizar uma página para comunicação mais efetiva com o público.
Em uma pesquisa, realizada pelo Nielsen Norman Group utilizando rastreamento ocular, descobriu-se que o comportamento de leitura dos usuários é bastante consistente e formado por padrões. O padrão de leitura consiste em ler de cima para baixo, da esquerda para direita, criando um formato similar a de uma letra F (mais conhecido como F-pattern).
O entendimento da existência do padrão de leitura F, é muito importante na hora de estruturar seu website. Jakob Nielsen aponta que, os usuários não possuem a tendência de ler os textos completamente. Por isso, destaque informações mais importantes logo nos primeiros parágrafos e evite colocar informações e menus importantes a direita.
"O maior determinante para a usabilidade do conteúdo é a forma como os usuários leiam online — e porque as pessoas lêem de forma diferente, você tem que escrever de forma diferente."
Além da forma de leitura do usuário, é importante entender o que os mesmos procuram ao entrar em um site. Segundo Keith Instone, as pessoas buscam responder três questões essenciais:
- “Onde estou?”
- “O que tem aqui?”
- “Onde posso ir?”
Caso o visitante não consiga responder esses pontos em um curto período de tempo, existe uma grande chance de abandono do site. Esse abandono é chamado de “Taxa de Rejeição” (Bounce rate), quando um usuário entra e sai sem realizar nenhuma ação¹.
Jeffrey Veen (2001), sugere uma estrutura básica² para tratamento das três questões:
- O retângulo do topo deve responder a questão “Onde estou?”. Para ajudar a orientar o usuário que acabou de chegar em seu site dizendo onde ele se encontra. O título do site e da página.
- O retângulo número 2 deve mostrar para onde o usuário pode ir. Usualmente onde é colocado a barra de menu.
- O terceiro e último painel é onde consome maior parte do seu website. Nele deve ser respondido “o que tem aqui?”, ou seja, o conteúdo da página.
Conclusão
Ao planejar seu website, sempre é importante buscar por alguns padrões e estudos disponíveis no mercado. Todos os aspectos e características (cor, local, tamanho, formato, estrutura, fonte…) dos elementos de uma página, interferem em como o usuário se comporta e no resultado final do seu negócio. Porém, nem sempre você vai encontrar todas as respostas prontas, sendo importante sempre analisar os dados em ferramentas como o Google Analytics e realizar testes A/B para descobrir qual a melhor opção.
¹ Observação: É normal que Websites com uma única página possuam uma taxa de rejeição alta.
² Observação: o posicionamento das áreas não devem ser consideradas como uma norma única e imóvel, mas sim como uma abordagem geral para responder as três questões.
Referências:
