Acima da dobra continua a ser uma parte importante do design do site, embora a noção se tenha tornado cada vez mais complexa a cada ano que passa. Embora não possa ser vista como conseqüente como era antes, ainda requer compreensão e consideração por todos os websites que procuram apresentar uma experiência envolvente para seus visitantes.
O que está acima da dobra?
O conceito de acima da dobra remonta a séculos atrás, até o início da prensa de impressão. Os jornais, devido à forma como eram impressos em grandes folhas de papel, eram dobrados assim que chegavam aos quiosques de jornais. Isto levou a que apenas a metade superior do papel fosse visível ao transeunte.
A indústria jornalística rapidamente percebeu que, para conquistar um público, eles devem apresentar manchetes, conteúdo e imagens que despertem a atenção na metade superior da página. Este princípio básico permanece o mesmo para o conteúdo digital.
Obviamente, os websites não têm uma dobra física como os jornais, a dobra neste aspecto está relacionada com a barra de rolagem.
O que não é visível imediatamente, que requer rolagem, é considerado abaixo da dobra. Infelizmente, a versão digital acima da dobra não é tão simples como a versão impressa.
Dimensões
A primeira consideração para um website é como suas dimensões aparecem para o leitor. Nem todas as telas são iguais. Além do mais, com a proliferação de pads e telefones, cada site apresenta-se de formas muito diferentes. Isso para não mencionar questões relativas a resoluções de tela e plug-ins de navegador.
As dimensões do telefone tornaram-se indiscutivelmente a área mais importante a ser considerada cuidadosamente, com o seu uso eclipsando desktops em 2016. Os telefones celulares vêm em vários formatos e tamanhos, assim como suas telas, então, ao contrário de um jornal de folha larga, a linha de dobra é um conceito muito menos previsível.
Ferramentas online para definir acima da dobra
Existem muitas ferramentas online gratuitas que você pode usar para testar visualmente e colocar diferentes aspectos do seu site relacionados à sua “dobra”. Embora estas sejam extremamente úteis para ajudá-lo a ter uma idéia física do layout, elas só podem fornecer uma apresentação superficial do site e não uma análise em profundidade. Por esta razão, é recomendado que seja realizada uma optimização completa do website.
Best Practices
Embora seja verdade que não existem regras rígidas e rápidas para a colocação acima da dobra, algumas melhores práticas funcionam muitas vezes como directrizes úteis. Algumas delas são ideias de senso comum, tais como assegurar que o conteúdo mais envolvente esteja acima da dobra. Outras práticas estão relacionadas com as dimensões anteriormente mencionadas, tais como a largura padrão de 1.000 pixels – 600 pixels de altura de dobra de 1.024 por 768 pixels de tela. A maioria dos tamanhos de tela é maior do que isso em 2018, no entanto, é importante ajustar o seu site de acordo com isso.
É também importante nunca assumir que as melhores práticas significam ortodoxia. Durante muitos anos, os websites foram desenhados como páginas de jornais, mas isto levou a uma espécie de “templatização”, em que a maioria dos sites tem o mesmo aspecto. Inovações, como a rolagem vertical (ou clique) significa que o conceito de acima da dobra é literalmente invertido, e a experiência parece muito mais natural para o leitor como resultado.
alguns sites, de facto, acabaram com a dobra por completo, desenhando páginas sem conteúdo abaixo da dobra e eliminando completamente o problema. Estes designs “compactos” são esteticamente agradáveis aos olhos e são capazes de caber em todos os tamanhos de ecrã.
Uma das piores coisas que um website pode fazer é apresentar um “Falso fundo” para a página. Aqui é onde um site tem mais informações que requerem rolagem, mas a sua existência não é aparente para o visitante. Esta é a pior de todas as piores coisas. Uma dobra não precisa ser um obstáculo, ela deve fluir naturalmente e atrair o visitante em.
Mais informações aqui.
Chamada para ações acima ou abaixo da dobra?
Um dos mitos acima dos desenhos da dobra é sempre a melhor prática ter uma Chamada para Ação (CTA) claramente visualizada instantaneamente. Isto é, como muito relacionado com o tema, uma simplificação excessiva do conceito. Onde colocar a chamada à ação depende de vários fatores, mais conseqüentemente:
- Determinados visitantes
- Determinados visitantes que estão familiarizados com o seu produto – ou a proposta é simples
- Determinados visitantes que são apresentados com uma proposta complexa
Determinados visitantes são aqueles que provavelmente reagirão à chamada à ação, uma vez que eles já se decidiram antes de visitar o site. Aqui é onde as marcas conhecidas têm uma vantagem, pois há pouco para o “certo visitante” aprender sobre um produto ou serviço. Nestes casos, colocar uma chamada para a ação acima da dobra é apenas uma questão de conveniência.
Para visitantes incertos que entendem a chamada para a ação simplesmente ou que têm algum conhecimento do produto ou serviço, colocar a chamada para a ação acima da dobra é geralmente a melhor prática por muitas das mesmas razões listadas acima, embora o conteúdo informativo também seja importante.
Para visitantes incertos que são apresentados com uma proposta complexa, como um produto ou serviço que não é obviamente benéfico para eles, colocar a chamada para a ação acima da dobra não será suficiente. O que é necessário é uma explicação mais profunda do porquê da sua chamada para a acção. Na verdade, colocar a sua chamada para a acção na frente pode parecer um pouco insistente.
Posto simplesmente, a chamada para a acção deve ser colocada numa posição em que o visitante tenha sido mais persuadido a agir sobre ela.
Pontuação de Anúncios
Deve-se sempre compreender que a maior parte da atenção, independentemente da forma táctica como desenha o seu site, ainda estará focada acima da dobra. Portanto, é importante raciocinar que para maximizar o envolvimento publicitário, você deve inundar a área com anúncios, certo? Bem, não. Os algoritmos do Google penalizam severamente esta prática e você pode arruinar imensamente o ranking do seu site, se não tiver cuidado. Além disso, você pode empurrar informações importantes não apenas abaixo da dobra, mas além da paciência do seu visitante.
A colocação de anúncios é um equilíbrio complexo que requer conhecimento da taxa de rejeição, análise de engajamento e comportamento do usuário. Estas decisões são melhor tomadas com os dados certos à mão.
A Importância de Acima da Dobra
Como deve ser aparente nesta fase, a importância de acima do desenho da dobra é essencial, mas complexa. Como resultado, é sábio estar atento a qualquer conselho que trate de absolutos. É certamente verdade que os hábitos dos usuários mudaram enormemente desde os primeiros tempos da Internet. Durante os anos 90, devido à baixa velocidade de conexão e à lentidão dos sites, era comum que a maioria dos “surfistas” raramente lessem algo abaixo da dobra. Hoje em dia é muito mais provável que as pessoas usem a roda de rolagem em seu mouse.
Isso tem misericordiosamente levado ao empanturrar, onde a informação era empanturrada acima da dobra, em grande parte morrendo. É muito mais comum hoje em dia ser recebido com desenhos minimalistas e elegantes que permitem ao visitante descobrir o que o site tem para oferecer.
Um estudo recente do Google mostrou que os anúncios que aparecem acima da dobra tinham uma visibilidade de 73%, enquanto os que aparecem abaixo tinham apenas 44%. Mas isso deve ser ponderado com o fato de que o conteúdo que atrai o telespectador diminui consideravelmente essa diferença, e os anúncios podem ser um obstáculo para isso. Como sempre com este assunto, contexto e equilíbrio são fundamentais.