Lições aprendidas com eye-tracking

1. Textos chamam mais atenção que gráficos Contrariamente do que pensavasse, a primeira coisa que usuários olham ao entrar no site não é as imagens, a maioria deles buscam pelas informações, não imagens. Tenha certeza que seu site foi desenhado para que as partes mais importantes do seu texto se sobressaia
2. Olhos começam a ver a página do topo esquerdo. Isto não é surpresa, a maioria das aplicações são desenhadas com foco principal ao topo esquerdo. Lembre-se, enquanto você deseja dar um toque pessoal ao site, usuários manterão esse hábito de leitura em mente.
3. Usuários olham no “formato F de leitura para Web“. Tenha certeza que conteúdo importante esteja localizado nessas áreas. Coloca título, sub-títulos, bullets, e textos destacados para atrair os leitores.
4. Leitores ignoram banners. Propagandas podem ser o “ganha pão” do seu site, mas estudos mostram que leitores amplamente as ignoram, o foco neles dado apenas a uma fração de segundo. Se você quer ganhar dinheiro com banners, seja criativo ao posicioná-los e ao escolher tipos de anúncio para o site.
5. Fontes e formatações especiais serão ignoradas. Por que? Usuários presumem que são propagandas e não têm informações que necessitam. De fato, estudam mostraram que usuários tem dificuldades de encontrar informações em gigantes letras coloridas. Mantenha eficiente e não ofusque os elementos importantes.
6. Exiba números como numerais. Leitores localizam mais fácil se você usa números como numeral em vez de números escritos. Eles escaneiam toda a página e é mais fácil encontrar fatos, necessário para mantê-los interessados.
7. Tamanho da fonte influência no comportamento. Fontes pequenas encorajam o foco e concentração, enquanto fontes grandes a “varredura” de informações. Dependendo do caso, você pode querer mais um do que outro.
8. Usuários só lêem sub-títulos se isso os interessar. Não coloque só por colocar, assegure-se que são relevante e interessante inclusive para trazer usuários vindo de máquinas de busca.
9. Pessoas geralmente olham pequena porção da página. Use isso a seu favor! Coloque certas sessões destacadas ou crie bullets para ser fácil de encontrar e de ler.
10. Parágrafos curtos são melhores que longos. Maioria dos usuários dão pouca atenção, mantenha parágrafos curtos a menos em situações especificas.
11. Cabeçalhos conquistam atenção. Uma das primeiras coisas que leitores buscam são os destaques. Não obstrua com outros itens!
12. Usuários buscam por botões e menus.
13. Estilos de formatações chamam atenção. Use negrito, textos capitalizados, itálico, colorido e sublinhado, mas moderadamente, o uso em excesso irá tornar uma leitura pesada.
14. Espaço branco é bom. É melhor deixar algumas áreas do site livre de textos

O formato “F” de leitura na Web

Eyetracking mostra que usuários lêem páginas na Web no padrão de formato “F”: dois traços horizontais e um vertical.

Rápida! É como usuários lêem o conteúdo. Em poucos segundos movem numa incrível velocidade sobre as palavras do site.

O padrão dominante pela leitura é composta por 3 componentes.

• Usuário primeiro lê um movimento horizontal, geralmente a parte de conteúdo superior.
• Próximo, usuários descem um pouco e lêem o segundo movimento horizontal
• Em seguida, scaneiam o conteúdo da esquerda em um movimento vertical

Obviamente às vezes alguns usuários seguem o padrão “E”, com 3 partes horizontais e uma vertical. Ou mesmo apenas só uma horizontal (como o “L” mas com a parte horizontal inferior no topo)

O significado de padrão F para Web design é clara e mostra a importância de seguir as diretrizes de escrita para Web ao invés de reinventar um método de conteúdo.

• Usuários não lêem seu texto inteiramente palavra-por-palavra. Leitura exaustiva é rara, por exemplo, quando futuros clientes são conduzidos a reunir uma lista de sites e compará-los, sim! eles irão ler mais que o normal, mas a grande maioria não fará isso.
• Os dois primeiros parágrafos devem conter informações mais importantes – Se há alguma esperança que usuários leiam o material, eles devem estar no primeiro e no segundo parágrafo.
• Inicie cabeçalhos, parágrafos e listas com informações chaves que conduza usuários ao escanear verticalmente o conteúdo lateral. Essa é uma técnica chamada “pirâmide invertida” onde começa o texto pela conclusão

Exiba números como numerais

É melhor usar “23″ em vez de “vinte e três” para prender os olhos dos usuários quando escanearem páginas na Web.

Usuários de fato, não lêem todos os textos de um site, mas buscam por cabeçalhos, palavras destacadas, listas demarcadas e links. Para isso movimentam os olhos em vários elementos do site. Dessa forma, descobriu-se que números escritos como numerais frequentemente param o movimento do olho e atraem sua atenção.

Por que usuários fixam-se em numerais? Números representam fatos, que agradam usuários. Pessoas procuram fatos, como peso, altura, largura. Então representar números como numeral, mesmo que ele não represente um atributo do produto é a forma mais compacta e atrativa do que criar uma “verbosidade desnecessária”.
E como usuários localizam números no meio de palavras? Um grupo de dígitos é suficientemente diferente de um grupo de palavra com letras, elas se sobresaem sob uma visão periférica da página, por exemplo, o valor ‘2417′ é diferente do ‘dois’, apesar de ambos possuírem 4 dígitos, só a primeira é notoriamente mais visível.

Dígitos aumentam e capacidade de escanear conteúdo na Web. E os simplifica.

Observações:

• 2,000,000 é melhor que dois milhões.
• Porém, dois trilhões é melhor que 2,000,000,000,000 porque a maioria não interpreta muitos zeros.
• Como alternativa, você pode usar números seguido da forma por extenso. Exemplo: 24 bilhões (e não vinte e quatro bilhões)

Livre tradução: useit.com