Above the fold: o que a pesquisa realmente diz sobre a primeira tela
Existe uma discussão antiga sobre se a dobra ainda importa, e ela costuma ser resolvida com um número errado. Vale olhar o que a pesquisa mede hoje, porque a conclusão prática muda.
O que a pesquisa mede
O Nielsen Norman Group estuda comportamento de leitura com rastreamento ocular há décadas, e é a fonte mais confiável que existe sobre isso. O dado atual:
57%
do tempo de visualização acontece acima da dobra, e cerca de 74% nas duas primeiras telas. Depois disso a atenção cai bruscamente.
Essa correção importa porque muda o conselho. Com 80% acima da dobra, faz sentido empilhar tudo na primeira tela. Com 57% acima e 74% nas duas primeiras, a conclusão é outra: você tem duas telas, não uma, e o que vem depois da segunda precisa ser realmente secundário.
As pessoas rolam, mas com uma condição
Rolar virou gesto automático, e por isso surgiu a ideia de que a dobra não importa mais. A pesquisa mostra algo mais específico: as pessoas rolam quando o que está visível promete que vale a pena.
A primeira tela não precisa conter tudo. Ela precisa deixar claro que existe mais e que o mais é relevante. É uma função de promessa, não de resumo.
A primeira tela não vende. Ela compra a segunda.
A ilusão de que a página acabou
Existe um problema de design com nome próprio na literatura de usabilidade: a ilusão de completude. Acontece quando a primeira tela parece um bloco fechado, sem nenhum sinal de continuação. A pessoa conclui que viu tudo e vai embora, mesmo com metade do conteúdo abaixo.
É um erro comum justamente em páginas bem feitas: um herói ocupando a tela inteira, centralizado, com o texto e o botão perfeitamente equilibrados. Fica bonito e fecha a composição, o que é exatamente o problema.
A correção é simples e quase sempre suficiente: deixar o próximo bloco começar a aparecer. Um pedaço de imagem cortado pela borda ou o topo do próximo título já resolve, porque cria uma dica visual de que a página continua.
O que colocar na primeira tela
Três coisas, e nessa ordem de prioridade:
- O que é isso. Quem chegou por busca ou anúncio precisa confirmar em segundos que caiu no lugar certo. Frase genérica de marca não resolve isso.
- Para quem serve. Um qualificador simples, como cidade, segmento ou situação, faz a pessoa se reconhecer ou seguir adiante. Os dois desfechos são bons.
- Como continuar. Nem sempre um botão. Pode ser a promessa do que vem abaixo. O importante é não deixar a tela parecer um beco sem saída.
No celular a dobra é bem menor
A "dobra" não é uma altura fixa, é o que cabe na tela de quem está olhando. E no celular cabe muito menos, ainda por cima descontando a barra do navegador.
Duas consequências práticas: um cabeçalho fixo alto come uma fatia grande da área mais valiosa da página, e um bloco de herói dimensionado no desktop costuma empurrar todo o conteúdo útil para baixo no celular. Vale conferir a primeira tela num aparelho real, não só redimensionando a janela do navegador.
E existe um pré-requisito antes de tudo isso: a primeira tela precisa aparecer. Página que demora a carregar não tem dobra nenhuma, tem tela branca. Isso é assunto de velocidade.
Perguntas frequentes
Above the fold ainda importa?
Sim. A pesquisa de rastreamento ocular do Nielsen Norman Group mostra cerca de 57% do tempo de visualização acima da dobra e cerca de 74% nas duas primeiras telas. As pessoas rolam, mas a atenção continua muito concentrada no começo, e cai bruscamente depois da segunda tela.
Preciso colocar o botão de contato na primeira tela?
Nem sempre. Se a pessoa ainda não entendeu o que você oferece, o botão não tem função. Em ofertas simples e conhecidas, o botão cedo ajuda. Em serviços que exigem alguma explicação, costuma ser melhor usar a primeira tela para deixar claro do que se trata e repetir o botão ao longo da página.
Qual é a altura da dobra?
Não existe altura fixa, porque depende do aparelho, do navegador e da orientação da tela. Por isso o mais útil é pensar em prioridade de conteúdo em vez de tentar caber tudo numa medida específica. Vale conferir num celular real, onde a área disponível é bem menor do que no desktop.
O que é a ilusão de completude?
É quando a primeira tela parece visualmente fechada e o usuário conclui que viu a página inteira, sem perceber que existe mais conteúdo abaixo. Costuma acontecer com blocos que ocupam exatamente a altura da tela. A correção é deixar o próximo bloco começar a aparecer na borda inferior.