Click me
Transcribed

Inspiração e Web Design – A polêmica sobre a dobra da página

Inspiração e Web Design ACIMA DA DOBRA ACIMA DA DOBRA - A PARTE DA PÁGINA QUE É VISÍVEL SEM QUE VOCÊ PRECISE UTILIZAR A BARRA DE ROLAGEM. ESTE CONCEITO É DERIVADO DOS JORNATS OUE CONSIDERAM QUALQUER CONTEUDO NA PRIMEIRA METADE DA SUA PRIMEIRA PÁGINA COMO "ACIMA DA DOBRA" O TERMO "ACIMA DA DOBRA" JÁ SE TORNOU OBJETO DE DISCUSSÃO ENTRE VÁRIOS DESIGNERS NO PASSADO. O TOPICO PRINCIPAL DESTAS DISCUSSOES GIRAVA EM TORNO DO QUE DEVE SER MANTIDO ACIMA DA DOBRA Eo QUE DEVE SER MANTIDO ABAIXO DESTA DIVISÃO, COM O SURGIMENTO DOS SMARTPHONES, TABLETS E A EVOLUÇÃO DO TAMANHO DAS TELAS DOS COMPUTADORES,A FUNÇÃO DA DOBRA DA PÁGINA EM UM SITE ESTARÁ SEMPRE EM CONSTANTE MUDANÇA PARA SE ADAPTAR NÃO E UMA RECEITA DE BOLO QUE DEVE SER IMPLEMENTADA EM QUALQUER SITE, E SIM ALGO QUE DEVE SER LEVADO EM CONSIDERAÇÃO DURANTE O PROCESSO DE CRIAÇÃO DE WEBSITES. SNOVAS TECNOLOGIAS. NO ENTANTO, ESTA RESOLUÇÃO DA TELA ATUALMENTE, A MAIORIA DAS PESSOAS USAM TELAS COM TAMANHO MAIOR DO QUE 1024 X 768. OS GRÁFICOS ABAIXO MOSTRAM AS MUDANÇAS QUE AS TELAS DE COMPUTADORES SOFRERAM NOS ÚLTIMOS CINCO ANOS. COMO O TAMANHO DAS TELAS AUMENTOU, MAIS INFORMAÇÕES AGORA PODEM SER INCLUÍDAS "ACIMA DA DOBRA". PORTANTO, NÃO É MAIS POSSÍVEL DEFINIR OS LIMITES DA DOBRA DE CADA SITE. MAIOR 1024X768 800X600 ? 2011 2012 2008 2009 2010 85% 1% 1% 13% 85% 6% 8% 48% 38% 3% 4% 36% 57% 3% 1% 20% 76% 1% 14% BARRA DE ROLAGEM DICAS DE DESIGN É MUITO ÚTIL CONFERIR ESTAS ESTATÍSTICAS PARA QUE VOoCÊ POSSA UTILIZÁ-LAS COMO UMA ESPÉCIE DE GUIA. ELAS CLARAMENTE DEMONSTRAM QUE A DOBRA É MUITO MENOS RELEVANTE NOS DIAS DE HOJE E QUE É RAZOAVELMENTE DIFÍCIL DE DEFINÍ-LA. ESTAR CIENTE DE QUE EXISTE UMA DOBRA, PORÉM SEM DEIXAR QUE ISSO INFLUENCIE TOTALMENTE O SEU WEB DESIGN, PODERÁ AJUDÁ-LO A ATINGIR • NÃO TENTE ESPREMER TODO O CONTEÚDO DO SEU SITE NO TOPO DA PÁGINA - ESPALHE O SEU CONTEÚDO E DIVIDA-O EM DIFERENTES PARTES PARA MANTER O EQUILÍBRIO NO SEU SITE • INCLUA UM TÍTULO CLARO E UMA DESCRIÇÃO SOBRE O QUE O SEU WEBSITE OFERECE AO SEU VISITANTE LOGO NO INÍCIO RESULTADOS MELHORES. 23% DOS VISITANTES UTILIZAM A BARRA DE ROLAGEM EM SUA PRIMEIRA VISITA A UM WEBSITE. ENTRETANTO, SE VOCÊ • CERTIFIQUE-SE DE QUE SEU SITE TENHA UM BOM SISTEMA DE NAVEGAÇÃO, DIRECIONANDO O SEU VISITANTE PARA PÁGINAS ÚTEIS E ÁREAS DO SEU INTERESSE 23% TIVER UM SITE BEM DESENHADO, SEUS VISITANTES PODERÃO SE SENTIR MAIS MOTIVADOS A UTILIZAREM A BARRA PARA LER O RESTANTE DO CONTEÚDO DO SEU SITE. • O SEU TEXTO DEVE SER ATRAENTE E FAZER SENTIDO. ISTO MOTIVARÁ O SEU VISITANTE A CONTINUAR LENDO O CONTEÚDO DA SUA PÁGINA ATÉ O FIM NO NOSSO ESTUDO, O TEMPO DE VISUALIZAÇÃO DOS USUÁRIOS FOI DISTRIBUÍDO DA SEGUINTE • INCLUA INFORMAÇÕES ÚTEIS ABAIXO DA DOBRA TAMBÉM. VOCÊ DEVE ESPALHAR AS INFORMAÇÕES AO REDOR DO SITE, PORTANTO MANEIRA: INCLUA SEUS DADOS PARA CONTATO NO FINAL DA SUA PÁGINA ACIMA TESTE O SEU SITE EM NAVEGADORES E EQUIPAMENTOS DIFERENTES PARA TER CERTEZA DE QUE VOCÊ ESTÁ UTILIZANDO SUA DOBRA DE MANEIRA APROPRIADA ABAIXO 39.3% 35.2% NAVEGADORES UTILIZADOS EM 2012 ANTIGAMENTE, EM WEB DESIGN A DOBRA ERA BASEADA NO PADRÃO DE TAMANHO DOS NAVEGADORES. ESTUDOS MOSTRARAM QUE O FIREFOX, CHROMEE INTERNET EXPLORER SÃO OS NAVEGADORES MAIS UTILIZADOS. NO ENTANTO, ISTO TAMBÉM DEMONSTRA QUE AS PESSOAS NÃO UTILIZAM NECESSARIAMENTE UM NAVEGADOR PADRÃO, O QUE TORNA A DOBRA MENOS RELEVANTE. 18.1% 4.3% 2.2% INTERNET FIREFOX CHROME SAFARI OPERA EXPLORER Fontes: http://www.w3schools.com/browsers/browsers_display.asp http://www.w3schools.com/browsers/browsers os.asp http://www.useit.com/alertbox/scrolling-attention.html f BasekitBrasil E eBasekitBrasil + BaseKit Brasil www basekit.com.br BK basekit

Inspiração e Web Design – A polêmica sobre a dobra da página

shared by basekitbrasil on Aug 06
284 views
2 shares
0 comments
Saiba como construir a parte mais importante de um site e descubra o que significa o termo "Acima da Dobra" neste infográfico.

Category

Computers
Did you work on this visual? Claim credit!

Get a Quote

Embed Code

For hosted site:

Click the code to copy

For wordpress.com:

Click the code to copy
Customize size