No primeiro post dessa mini série eu falei um pouquinho sobre os planos de fundo (backgrounds) e cores de um site ou blog, lembra? Pois é, hoje o assunto é o header, o topo, uma das partes mais importantes a serem avaliadas. Parece difícil identificar os problemas e as soluções para eles, mas parar um pouco e observar é realmente necessário, é olhando o topo de um site que na maioria das vezes o internauta decide se deve ou não continuar lendo o conteúdo do site! Ok, vamos de critério em critério:

Usabilidade: Antes de tudo, todo o conteúdo de um topo (do site inteiro, na verdade) precisa vir de forma funcional, ou seja, direcionar o leitor da forma mais simples e intuitiva possível, por isso é importante que você invista na estrutura e evite poluição e amontoado de informações. Se houver, mais trabalho será preciso para manter tudo harmonioso, não quer dizer que seja impossível ter usabilidade e muitas informações, apenas exige mais esforço e entendimento do assunto.

Criatividade: O quão diferente é o seu topo? Colocar elementos que lembrem o conteúdo (por exemplo, um livro aberto num blog sobre leitura) é sempre uma carta na manga, mas tente evitar o óbvio, procure ideias que conversem com a proposta, mas que não foram usadas em toda esquina.

Estética: Observe com cuidado: imagens que sobressaem outras (veja se figuras com fundo transparente foram bem recortdas e não estão com aquelas bordinhas brancas inaceitáveis), a visibilidade e legibilidade do nome do site, a harmonia das imagens com a paleta de cores escolhidas, e as fontes usadas (essas serão tratadas com mais detalhes no próximo post). Não se esqueça da resolução das imagens usadas: no topo, utilize de preferência a melhor qualidade de compressão (o Photoshop oferece qualidade de 1 a 12 por exemplo), a não ser que a imagem seja muito grande. Para os posts, qualidade 9 ou 10 é o suficiente para não pesar.

Interação com o usuário: Tente “conversar” com seus leitores através do layout! Invista em elementos que estimulem as pessoas a interagir, comentar, curtir, compartilhar, gerar a ideia de mostrar aquilo para os amigos.

Prometi que falaria dos slideshows, certo? Então vamos a eles. Os slideshows são feitos usando principalmente a linguagem JQuery e realmente mudam a cara do site, deixam com um “quê” de profissional, sabe? Alguns geram automaticamente as imagens e usam os inícios dos textos dos artigos para ficarem passando, mas dependendo do slide utilizado, uma pessoa precisa ficar responsável por atualizá-lo. Nesse caso, pense no slide como uma vitrine; nelas os vendedores mostram o que existe de melhor nas lojas, certo? Faça o mesmo, procure colocar os posts especiais, que te deram mais trabalho e que os leitores mais gostaram. Quando o slide não dispuser da parte do texto, coloque na imagem mesmo, sempre com bom senso e usando a paleta de cores e as fontes do layout para não destoar de tudo.

Pra fechar o post de hoje, mais quatro dicas rápidas:

1) Evite músicas que tocam quando o seu site abre, repense isso mesmo se música for o assunto principal ali. É impressionante o número de internautas que odeiam aqueles players, você não quer participar desse ódio todo, né?
2) Deixe a vista os links para as redes sociais do site se não se esqueça do botão para o feed!
3) Não obrigue o internauta a nada, como por exemplo: se cadastrar para ver o conteúdo e curtir a página no Facebook. Ganhe o leitor por mérito.
4) Projete seu site para ficar bem em todas as resoluções de monitores: 800 x 600, 1024 x 768, 1280 x 1024, 1366 x 768, etc.

No próximo post vou falar das fontes e de espaços para publicidade. Gostaram do assunto de hoje? Sugestões e criticas são bem vindas, viu?