Acima da dobra
Above the fold (acima da dobra) é uma expressão usada para descrever a exibição do conteúdo de marketing em uma página da Web na primeira instância em que uma página de destino é carregada na janela do navegador. O principal objetivo dessa seção é captar a atenção do usuário e exibir os botões de call-to-action. O conteúdo acima da dobra é essencial, e a maioria dos web designers dedica atenção especial e pesquisa à parte da página da Web que está acima da linha da dobra.
![](https://cdn.prod.website-files.com/6411daab15c8848a5e4e0153/668fc3e2dcec9a6904c8fc2f_IMG_8810__1_.jpg)
Sebastian Żarnowski
Cofundador e CEO
![mockup](https://cdn.prod.website-files.com/63ea04c63423e9194ce3045a/641503dedf1399484b93b733_IllustrationDictionary%20(1).webp)
O que está acima da dobra - Definição
Tabela de concursos
O que tem influência direta na seção acima da dobra?
Os designers de páginas da Web precisam levar em consideração aspectos como tamanhos e resoluções de tela em dispositivos móveis ou PCs fixos. O comportamento do usuário precisa ser observado e anotado, pois a capacidade de atenção humana é muito curta. A parte da frente das páginas da Web que são exibidas aos visitantes precisa gerar leads de negócios, e a arte e a habilidade de utilizá-la são muito difíceis e valiosas.
O que a área ATF deve conter?
Dependendo do tipo de página, de sua finalidade e do dispositivo no qual ela é exibida, a área acima da dobra varia. No entanto, a primeira exibição deve conter as principais informações ou, pelo menos, uma parte significativa delas:
Dependendo do tipo de site, o ATF de web design deve incluir:
- Logotipo, menu, prova social e, muitas vezes, também botão de CTA,
- Cabeçalho H1 indicando sobre o que é a página,
- Migalhas de pão que indicam onde você está,
- Gráfico principal, miniatura, imagem de fundo,
- O início do conteúdo da oferta, do produto, do artigo, da página de informações etc.
![design acima da dobra](https://cdn.prod.website-files.com/6411daab15c8848a5e4e0153/641b1d1db83ef858cb2537c8_639c5a80e334f863fe2dc44e_d828115b-3a56-4d4f-8062-f93297e252f6.png)