{"id":3700,"date":"2020-09-30T14:41:00","date_gmt":"2020-09-30T17:41:00","guid":{"rendered":"https:\/\/www.task.com.br\/blog\/?p=3700"},"modified":"2020-09-30T14:41:04","modified_gmt":"2020-09-30T17:41:04","slug":"primeira-dobra-site","status":"publish","type":"post","link":"https:\/\/www.task.com.br\/blog\/primeira-dobra-site\/","title":{"rendered":"Por que a primeira dobra do site \u00e9 t\u00e3o importante?"},"content":{"rendered":"\n

A primeira dobra \u00e9 tudo que aparece do seu site, na tela do computador ou dos dispositivos m\u00f3veis assim que o usu\u00e1rio entra, ou seja, \u00e9 o primeiro conte\u00fado vis\u00edvel na sua p\u00e1gina<\/strong>. Tudo o que ele v\u00ea sem que tenha a necessidade de utilizar a barra de rolagem \u00e9 considerado como primeira dobra do site.<\/p>\n\n\n\n

Esse conceito veio com a ind\u00fastria dos jornais: os peri\u00f3dicos expostos nas bancas ficam dobrados ao meio e a \u00fanica parte que fica exposta \u00e9 a parte superior da sua primeira p\u00e1gina. Por isso, os editores selecionam as informa\u00e7\u00f5es mais chamativas nesta parte, chamada por eles de primeira dobra, para aumentar as vendas do jornal. Os webdesigners adotaram o conceito para denominar a primeira parte do site. Esses conceitos tamb\u00e9m podem aparecer como \u201co primeiro scroll\u201d<\/strong> ou \u201c<\/strong>above the fold<\/em><\/strong>\u201d<\/strong>.<\/p>\n\n\n\n

Uma pesquisa feita pelo cientista da computa\u00e7\u00e3o Jakob Nielsen<\/a> mostrou que a primeira parte do site capta 80,3% da aten\u00e7\u00e3o dos usu\u00e1rios. Por isso, \u00e9 fundamental dar aten\u00e7\u00e3o \u00e0 primeira dobra do seu site<\/strong>.\u00a0\u00a0<\/p>\n\n\n\n

Primeira dobra e usabilidade do site<\/strong><\/h2>\n\n\n\n

Nos \u00faltimos anos houve uma grande evolu\u00e7\u00e3o da t\u00e9cnica do web design<\/em> (inclusive em quest\u00f5es de usabilidade), culminando em sites mais chamativos e, consequentemente, \u201cmaiores\u201d, fazendo com que os usu\u00e1rios precisem rolar a p\u00e1gina para ver todo conte\u00fado. <\/p>\n\n\n\n

Algumas dessas t\u00e9cnicas, inclusive, instigam o usu\u00e1rio a continuar descendo pela p\u00e1gina para continuar navegando. No entanto, mesmo essas t\u00e9cnicas n\u00e3o fizeram com que a primeira dobra do site perdesse a sua import\u00e2ncia. <\/p>\n\n\n\n

Sendo assim, estimular a navega\u00e7\u00e3o vertical e para outras p\u00e1ginas por parte dos usu\u00e1rios passa por uma apresenta\u00e7\u00e3o voltada para os interesses dos usu\u00e1rios, fazendo com que ele continue no site. Mas, o que ir\u00e1 fazer com que as pessoas acessem outras \u00e1reas de um site<\/strong>? Al\u00e9m das t\u00e9cnicas de usabilidade, o conte\u00fado de valor, um conte\u00fado relevante. <\/p>\n\n\n\n

Todavia, n\u00e3o \u00e9 necess\u00e1rio (nem usual) colocar todas as informa\u00e7\u00f5es na primeira parte do site. Coloque aquilo que far\u00e1 com que o visitante queira rolar a p\u00e1gina ou clicar nos links para conhecer as outras se\u00e7\u00f5es. <\/p>\n\n\n\n

Como incentivar o usu\u00e1rio a rolar a p\u00e1gina e ir para outras se\u00e7\u00f5es?<\/strong><\/h2>\n\n\n\n