Como sabem eu tenho utilizado em alguns dos meus artigos a expressão “Above the Fold”, especialmente quando me refiro a um determinado aspecto de um website que necessita de ganhar o devido destaque. Para a maior parte dos webmasters a expressão “Above The Fold” não é novidade nenhuma, apesar disso conhecer a expressão não significa necessariamente compreendê-la.

Primeiro é importante esclarecer que “Above The Fold” ou como alguns gostam de chamar “Acima Da Dobra“, não é de todo uma novidade, muito pelo contrário é uma expressão utilizada na imprensa há muito tempo, muito antes de haver Internet. Ela nasceu com os jornais porque como vocês sabem, eles são colocados nas bancas geralmente dobrados, sendo que uma parte da dobra fica visível e outra não. Logo no inicio os jornais compreenderam que aqueles que colocavam as notícias mais importantes na parte superior da primeira página – que era precisamente aquela que ficava visível depois da dobra – eram vendidos com mais facilidade.

Com a Internet e os websites, a expressão foi sendo sempre utilizada e hoje é um dos aspetos mais importantes a ter conta num website. Hoje “Above The Fold” continua a ser o nome que se dá à parte superior da página, aquela em que vemos assim que entramos no website sem necessitarmos de fazer scroll e tendo em conta que  cerca de 70% dos novos visitantes de um website não fazem scroll, pode-se dizer que é uma parte muito importante.

Este meu artigo tem como objetivo desmistificar um pouco o conceito, determinar realmente qual é a sua real importância e talvez romper com algumas ideias e estereótipos que se formaram ao longo do tempo. Mais uma vez a minha abordagem será simples, dividida em pontos – pois permite-me organizar melhor as ideias e impede que me perca em divagações sem sentido – e acessível até ao mais leigo.

1º- Preocupe-se Com o “Above The Fold”

Isto não é uma brincadeira, o “Above The Fold” é uma realidade, trata-se de uma das secções mais importantes de qualquer website e deve ser cuidadosamente planeada. Tal como já referi em cima, não se esqueça que a maior parte dos novos visitantes nem sequer chega a fazer scroll, o que significa que é “Above The Fold” que você deve captar com eficácia a atenção deles, sob pena que eles saiam do website sem que percebam a razão da sua existência.

Vamos olhar para um exemplo:

Como pode ver na imagem de cima, a área assinalada é importante, é através dela que você estabelece o primeiro contato com o seu visitante, não existindo dúvidas de que como em tudo na vida, a primeira impressão tem um enorme peso.

2º- Não Coloque Demasiados Elementos “Above The Fold”

Alguns webmasters conhecendo perfeitamente a importância desta secção num website, por vezes optam por colocar demasiados elementos “Above The Fold” o que é um enorme erro. É verdade que os novos visitantes vão estar particularmente sensíveis a toda esta área, mas isso não significa que você a deve encher de demasiados elementos, pois quantos mais elementos você coloca, mais dispersada ficará a atenção do visitante.

De certeza que já ouviu dizer dizer que “less is more” e esta máxima aplica-se em todos os aspectos de um website, é preciso pensar e estudar bem todas as opções, é preciso garantir que se oferece aos visitantes apenas o que é relevante para eles e nada mais do que isso. Mas não julgue que esta é uma tarefa fácil, na maior parte das vezes quando acreditamos que estamos a fazer tudo bem é quando estamos redondamente  enganados. É isso que vou demonstrar no próximo ponto.

3º- Um Above The Fold Espetacular Pode Ser Prejudicial

Aqui está, é a partir deste terceiro ponto que eu começo desde já a romper com algumas ideias. É óbvio que o “Above The Fold” é extremamente importante, mas ao contrário do que muitos pensam isso não significa que o devemos trabalhar até à exaustão para que fique demasiado espetacular! Captar a atenção do visitante é uma coisa, deixá-lo completamente maravilhado apresentando todos os pontos fortes de um projeto above the fold, é outra.

Há quem diga: “Mas se o leitor pode ficar maravilhado com o trabalho assim que entra, então ainda melhor!“, mas estão errados! O processo de navegação num website é um processo de exploração, o visitante pretende descobrir mais e ir ficando gradualmente mais interessado. Isto significa que caso os pontos mais fortes do projeto sejam todos colocados “Above The Fold” e o resto não esteja à altura, o visitante vai ficando gradualmente mais desiludido com o que encontra.

Queremos chamar a atenção do visitante, mas os nossos pontos verdadeiramente mais fortes não devem estar “above” mas “below the fold”. Mais uma vez não se esqueça, aquele que navega na Internet é um explorador, o seu website deve permitir que ele possa ir explorando até que finalmente encontre o tão ambicionado “tesouro” que é no fundo a mais valia do seu projeto. Vamos ver um exemplo gráfico:

Como pode ver pela imagem:

1º- No lado esquerdo demonstro o perigo de se revelar demasiado acima da dobra, prejudicando assim o ato de exploração e gerando alguma perda de interesse ou até desilusão;

2º- Já do lado direito temos a forma correta, ou seja, captamos a atenção do visitante e despertamos o interesse, depois vamos construindo mais interesse até que ele encontre o “tesouro”, que são os pontos fortes do projeto. O ato de exploração não é prejudicado e o seu projeto é apresentado ao visitante da forma correta.

Mas atenção, não deturpe o que eu estou aqui a dizer. Isto não significa que o footer do website é o mais importante, nem significa que o “above the fold” é pouco importante. Neste ponto é fundamental compreender que chamar a atenção do visitante não significa necessariamente que se deve criar uma secção acima da dobra espetacular, revelando o que de melhor o projeto tem.

Compreenda que tal como nos jornais, também nos websites o importante é despertar a curiosidade, levar o visitante a explorá-lo e a ficar satisfeito com o que encontra. Inverter o processo é um erro porque contraria o principio da exploração.

4º- Os Visitantes Esperam Fazer Scroll

Porquê que o “above the fold” deve conter apenas a informação necessária para captar com eficácia a atenção do visitante? Porque na realidade os visitantes esperam fazer scroll! De facto qualquer pessoa que navegue na Internet está muito familiarizada com o scroll e isto é importante, pois significa que assim que o website capte a sua atenção, o que ela vai fazer a seguir é o “scroll”.

Alguns podem dizer: Mas qual é a importância disto se cerca de 70% dos novos visitantes nem sequer fazem scroll? Mas é preciso compreender este valor, porque quando estamos a falar de um visitante cuja atenção foi captada com eficácia, as coisas mudam de figura. A estatísticas servem como aviso, obviamente que num website de qualidade e bem pensado, esta percentagem desce dramaticamente.

O objetivo principal acima da dobra é o de captar a atenção do visitante com eficácia, sem distracções e sem exageros. Depois não se preocupe que o leitor faz o resto, se ele estiver mesmo interessado ele vai fazer scroll, o que significa que vai aceder a mais informação relevante. A partir deste momento você ganhou um visitante curioso e estes são os que se podem transformar em visitantes assíduos.

5º- Não Tenha Receio De Quebrar As Regras

Existem exemplos práticos de boas estratégias aplicadas “above the fold” com resultados muito bons, no entanto também existem exemplos de websites que não se preocupam tanto com essa secção mas continuam a ter resultados bons. Dito isto, a verdade é que hoje em dia é cada vez mais complicado compreender o que irá resultar, ou seja, o que resultou para X pode não resultar para Y e assim sucessivamente.

Eu costumo dizer que para cada website existem estratégias e práticas diferentes e os webmasters não podem ter receio de quebrar as regras. É assim que se inova e por vezes se cria tendências. O visitante moderno está em constante mutação, numa questão de meses tudo pode mudar e o que funcionava pode deixar de funcionar. É importante que conheça a regras, mas também que esteja disposto a quebrá-las sempre que seja necessário.

A secção “above the fold” é apenas mais um aspecto de um projeto que você deve ter em conta, porém existem muitos mais.

6º- Conheça e Compreenda A Secção “Above The Fold” Do Website

Cada website tem as suas particularidades e todos são diferentes. Isto significa que a secção acima da dobra e a sua importância irá depender de inúmeros fatores. Naturalmente que o website de uma Service Provider, ou uma loja online têm objetivos e estruturas completamente diferentes. Cabe ao webmaster analisar cada caso e certificar-se que conhece a secção “above the fold” de um website melhor do que ninguém.

Mas cuidado, não julgue que por ter “descodificado” os segredos desta zona num dos seus projetos, que o mesmo se aplica para os restantes. Nada disso, para cada novo projeto você terá forçosamente que realizar novos estudos:

Exemplos:

Conhecer a secção “above the fold” de um determinado website não significa saber onde ela está, mas sim saber qual a melhor forma de disposição da informação e quais são elementos que conseguirão chamar a atenção do visitante com maior eficácia. Todos sabemos qual é a zona acima da dobra, mas percebê-la, compreendê-la e tirar o maior partido dela não é uma tarefa fácil.

7º- Responda Às Perguntas Naturais

Este último ponto da minha abordagem é mais em estilo de dica importante. O que quero eu dizer com “respostas às perguntas naturais”? É muito simples, imagine que está na vida real a visitar uma loja ou uma empresa, assim que você entra pela porta principal você irá ter uma primeira impressão desse local, certo?

O mesmo acontece com um visitante de um website, no sentido em que também ele quando visita uma página, tem na secção acima da dobra a primeira impressão desse local. E curiosos como nós somos, a realidade é que num primeiro contacto gostamos sempre de ter algumas respostas ao que eu chamo de perguntas naturais como por exemplo:

• 1º- Quem és?

• 2º- Onde estou eu?

• 3º- Para onde posso ir?

• 5º- Porquê devo eu ir para ali?

Estas são apenas algumas das muitas perguntas que fazemos sempre que entramos em contacto com algo novo. É óbvio que elas variam e podem ser diferentes dependendo daquilo com que estamos a interagir. Mas ao responder a perguntas básicas como estas, você está a facilitar a vida ao visitante, porque não o obriga a pensar!

Uma excelente visita é precisamente aquela em que o visitante se sente confortável, na qual num primeiro contato ele recebe as respostas às suas perguntas naturais e em apenas alguns segundos compreende perfeitamente todo o website. É acima da dobra que nós podemos dar uma ajuda ao visitante, captamos a atenção, respondemos a perguntas e incentivamos a exploração numa questão de segundos e isto sim é eficácia.

Resumo:

• 1º- Preocupe-se Com o “Above The Fold” não tenha dúvidas que é uma das zonas mais importantes do seu website e um conceito que deve obrigatoriamente conhecer;

• 2º- Não coloque demasiados elementos acima da dobra, vai dispersar a atenção do visitante;

• 3º- Não faça o “above the fold” mais espetacular e revelador que existe sob pena do visitante ficar desiludido com o resto do website. Utilize a zona para chamar a atenção, faça-o quase de uma forma “teaser” e incentive a exploração;

• 4º- Os internautas estão habituados a fazer scroll, eles esperam fazer scroll;

• 5º- Não tenha receio de quebrar as regras;

• 6º- Estude, conheça e compreenda a secção “above the fold”, não chega saber que ela existe;

• 7º- Responda a perguntas naturais “above the fold” e não obrigue o visitante a pensar.

Finalmente:

Utilize este artigo e outros semelhantes para conhecer opiniões sobre este tema. A realidade é que cada um tem a sua e nem todos defendem o mesmo. Eu pessoalmente acho que se deve dar importância à zona “above the fold” mas é fundamental que sejamos inteligentes na sua utilização.

Até à próxima.