Exageros do design CSS
Junto com o design dentro dos padrões utilizando CSS veio também a moda de se criar grandes imagens para enfeitar a parte superior do site. A medida é muito válida pois tem como princípio chamar a atenção para algo importante do site e ao mesmo tempo tornar o acesso do usuário mais simples, colocando em foco somente o que importa naquele momento.
O problema começa quando o Designer exagera nas proporções, se esquecendo de que nem todo mundo estará navegando pelo site com um monitor igual ao dele, com altíssima resolução. Muitos como eu podem estar navegando pelo site com seu notebook de 13″ e resolução máxima de 800 linhas verticais. Ou pior, podem estar navegando com a nova geração de sub-notebooks que possuem a maravilhosa resolução de 600 linhas, ficando pior ainda se forem adicionados abas e barras de ferramentas.
Criar um layout assim não é exatamente o problema. O importante que quero mostrar aqui é o fato de que, nestes exemplos mostrados abaixo, a imensa imagem no topo permanece estática durante todo o tempo. A cada página acessada lá esta ela ocupando seu espaço e, agora sim vem o problema, empurrando o conteúdo para baixo da linha de visão do monitor e dando a impressão de que a página não tem conteúdo algum.
No site da agência Simple.Art, justamente o que me fez escrever este post, lá estava eu navegando quando cliquei no link Portifólio, nada ocorreu e num lapso de memória eu cliquei novamente no link. Percebi que nada havia mudado na página e então olhei para baixo e olha, ta ali.
O posicionamento do conteúdo é muito sutíl e fica beirando a tela. Não há nada no layout que sofra uma alteração significativa para indicar ao usuário, no caso eu, de que a página mudou e esta logo ali. Vejam outros exemplos que encontrei por ai fazendo uma busca rápida nas galerias dos melhores designs de website.
Aqui literalmente eu diria que o conteúdo não importa tanto, somente o nome do site pois é só isso que se vê ao longo da navegação. Chega a ser cansativo até.
Neste exemplo bastaria que a propaganda sumisse da tela ao sair da página inicial, não há necessidade de se ficar repetindo a mensagem incessantemente.
Neste site da comunidade do Ubuntu, a impressão que se tem é de que o site é somente isto ai, nada de conteúdo, somente imagens em uma animação em flash. Isto poderia ser apenas a homepage que da acesso ao conteúdo, já seria suficiente.
Já este aqui da agência Ater, esta quase de acordo, apesar do exagero ele ao menos mostra alterações no visual para dar identidade a cada página do site. Mas o conteúdo continua muito baixo na tela.
Sites assim até são bonitos de se ver mas de que vale se o cliente que visita o site da empresa ou o usuário novo que visita o blog não conseguir se localizar direito pelo site porque em tudo que ele clica parece que ele não saiu do lugar, que a página não carregou? Não acho que este formato deva ser inutilizado mas deve ser levado com bom censo. O conteúdo das páginas precisa ser priorizado e fácil de ser reconhecido a medida que você navega pelas páginas.
