A distribuição vertical da atenção dos usuários em uma página da Web é relativamente simples: há mais informações ocultas na primeira metade do campo de visão das pessoas do que na parte inferior. Agora, vamos dar uma olhada na distribuição da atenção dos usuários na direção horizontal da página da Web. Usando o banco de dados que coletamos anteriormente, é fácil descobrir que quando os usuários navegam nas páginas da web, o peso da distribuição da atenção da esquerda para a direita é o seguinte:.jpg)
Neste gráfico, a abscissa de cada artigo representa 100 pixels, e 100% da ordenada representa o tempo desde o momento em que o usuário inicia a navegação da extrema esquerda até sair da página.
As pessoas passam mais que o dobro do tempo no lado esquerdo do que no lado direito e fazem a escolha óbvia:
A metade esquerda demorou 69% do tempo; a metade direita demorou 30% do tempo;
O 1% restante do tempo de navegação é gasto nos primeiros 1024 pixels que podem ser navegados. Algumas informações só podem ser vistas após a rolagem horizontal.
A informação de que estamos falando aqui na “coluna inferior” é na verdade a parte além da tela, no lado direito da tela, e não literalmente “abaixo”. Por outro lado, se você comparar a navegação horizontal e vertical, os usuários na direção vertical irão pular cerca de 20% das informações, enquanto na direção horizontal irão ignorar apenas cerca de 1% das informações. (Acho que já disse até vinte vezes que a roda de rolagem horizontal é terrível porque realmente irrita os usuários e atrai menos atenção.)
Nosso estudo utilizou um monitor 1.024 × 768. Com uma tela maior, esperamos ver mais conteúdo à direita com menos rolagem, e o mesmo acontece no modo normal.
A seção mais à esquerda geralmente inclui uma barra de navegação, então não é surpresa que sua atenção aumente após 200 pixels, mais os 300-500 pixels onde recebe mais atenção. As pessoas tendem a se concentrar na área de conteúdo principal da primeira linha desde o início.
Direção de leitura da esquerda para a direita do idioma
Uma pesquisa de usabilidade que conduzimos em áreas com hábitos de leitura da esquerda para a esquerda descobriu que as pessoas prestam mais atenção ao início de uma linha. Obviamente, nestas línguas, o texto começa à direita. Mesmo assim, podemos não encontrar necessariamente a implementação correspondente do Eyetracking. Por exemplo, o árabe e o hebraico também possuem os gráficos acima. (Isso significa aproximadamente que quando o hábito de leitura de um país ou região é da direita para a esquerda, então o gráfico de distribuição do tempo de atenção formará uma imagem espelhada do gráfico acima, ou seja, a abcissa é escrita da direita para a esquerda.)
A razão é que os sites em linguagens de leitura da direita para a esquerda nem sempre têm um design de layout da esquerda para a direita. Aqui estão os layouts dos sites do jornal de Dubai Emarat Al Youm e do jornal israelense Haaretz:
.jpg)
Emarat Al Youm é um site verdadeiramente alinhado à direita. Ao contrário disso, o Haaretz é um site com texto alinhado à direita, mas ainda possui uma barra de navegação à esquerda. Portanto, esta pesquisa de rastreamento ocular (Eyetracking, deixe-me traduzir assim por enquanto) pode ser mais complicada do que nosso site comum em inglês.
Priorize o layout regular
Voltando aos idiomas onde normalmente lemos da esquerda para a direita – digamos, chinês, inglês, russo ou mesmo japonês – o que significam as nossas descobertas?
Simplificando, siga um layout de site tradicional porque ele se adapta perfeitamente à forma como as pessoas navegam na web.
Mantenha a navegação consistente à esquerda, que é o que as pessoas esperam encontrar em uma lista;
Preste mais atenção na disposição do conteúdo principal da esquerda para a direita;
O conteúdo mais importante deve ocupar um terço ou até metade de toda a largura da página. É aqui que os usuários se concentram mais;
Mantenha o conteúdo secundário à direita. Não vai chamar muita atenção, mas é o suficiente – nem todo conteúdo pode ocupar o primeiro lugar e você precisa de um lugar para conteúdos menos importantes.
Curiosamente, o layout do site mostrado nesta imagem grande é muito semelhante ao layout das intranets convencionais. Mas este é apenas um site.
Os padrões de navegação dominantes e os layouts de páginas da web evoluíram claramente para uma relação de subordinação:
As pessoas são treinadas para prestar atenção em determinados locais porque ali costuma ser distribuída a informação mais importante;
Atualmente, quando as empresas criam layouts de sites, suas informações são organizadas de acordo com a forma como as pessoas distribuem sua atenção pela página.
Se você se desviar do layout tradicional, alguns usuários mudarão seus hábitos de atenção ao navegar no seu site. Se você colocar coisas importantes à direita, pode acontecer que esses (menos) usuários naquela área gastem mais tempo descobrindo essas informações do que o domínio de usuário típico.
Não é como se o usuário decidisse de antemão: “Vou gastar apenas 2,5% do meu tempo olhando da esquerda para a direita, olhando 1000 e 1100 pixels para esse segmento”.
Independentemente disso, o preço que você paga por se desviar do design tradicional é: quando os usuários navegam pela sua página pela primeira vez, eles gastam muito tempo procurando o que precisam.
Se o layout da sua página web atender às necessidades de navegação do usuário, em vez de ser colocado em um local não tradicional, ele poderá encontrar informações facilmente e realizar o que deseja sem perceber.
E, quando o seu site é algo que os usuários consideram natural, seu negócio funcionará com mais tranquilidade.