Eu utilizo muito algumas coleções gratuitas de ícones, e não só porque não custam nada (isso ajuda ), mas também porque há trabalhos excelentes por aí. Eu mesmo já encomendei trabalho para um designer que disponibilizou um desses aperitivos. Sem a tal coleção eu provavelmente nunca o encontraria nos googles da vida. Ou seja, o grátis rendeu um trabalho remunerado.

Mas vamos à coleção de hoje. Esbarrei nela esses dias e gostei bastante. São 78 ícones limpos, simples e bastante elegantes, desenhados por Neurovit para a smashing magazine. Inclui as fontes (vetoriais), vem em .png e .ico na resolução de 128x128px.

Coleção Simplicio:

icones - simplicio

O que não falta rede afora são posts relatando os “erros mais comuns em webdesign” ou os “n piores erros em seu blog”, etc… Este é mais um artigo do gênero, mas não é fruto de pesquisa, apenas de uma rápida lista que fiz em 5 minutos sobre as coisas que mais me irritam em site, e não especificamente em blogs. Exceto pelos dois primeiros itens, que são ho concur, os outros poderiam estar em qualquer ordem.

1. Intro em flash
Eu não tenho palavras pra dizer o quanto detesto introduções inúteis em flash. Noventa porcento das vezes não passam de um pisca-pisca de cores psicodélicas, música disco e nenhuma informação útil. A impressão é que alguém ou alguma agência cobrou muito caro por um site absolutamente igual a quase todos os outros e justificou o preço com 30s de torturante separação entre mim e o conteúdo desejado. Isso quando não é necessário ser Sherlock Holmes para descobrir em que canto obscuro se esconde o botão mágico “pular introdução”.

2. Audio auto-start
É praticamente uma constante com as temíveis introduções em flash do item 1. Você clica inocentemente em um link e é abençoado com uma versão remix da dança do créu. Se está em seu local de trabalho, o constragimento, pra não mencionar a bronca, é certo. Dê ao usuário o poder de decidir quando ligar o som e não a oportunidade tardia de desliga-lo.

3. Sem link para contato
Não é problema dos visitantes sérios o monte de chatos e spammers que invadem a caixa postal dos responsáveis pelo site. Uma boa conta de email com anti-spam resolve 90% do incômodo e permite 10% de bons contatos ou mensagens relevantes.

4. Sem campo de busca
Se o sistema utilizado para gerir um site ou blog não possui um sistema de busca embutido, então que se utilize algum site de busca pra fazer isso. Cabe aos gestores do site/blog, e não ao internauta, saber que “blablabla site:http://webcetera.com.br” irá procurar por blablabla apenas no http://webcetera.com.br. Funciona em praticamente todos os sites de busca, basta apenas escolher seu favorito e criar um pequeno formulário.

5. Links descritivos
Essa é uma das minhas falhas mais constantes e um dos erros mais básicos que se pode cometer. Não coloque apenas um clique aqui para os links. Claro que não precisa ser uma explicação mística, mas utilize algo que permita ao internauta saber o que lhe aguarda do outro lado (do link). Ex: no seu blog o Zé explica escabiose muito melhor do que eu faria aqui…

6. Links com popup via javascript ou flash
Tem coisa pior do que a famigerada mensagem “desligue o anti-popup do seu navegador”? Se eu o quisesse desligado não teria deixado ativo, pra começo de conversa! Evite ao máximo links que possam acionar um anti-popup. Muito cuidado com flash e javascript.

7. Scroll horizontal
Verifique nas estatísticas do site qual a resolução mais utilizada pelos internautas e adapte seu design a eles. É muito chato quando imagens ou texto ficam parcialmente fora da tela e é necessário ficar indo e voltando com o scroll horizontal. O Vertical e mais natural por já ser um costume. Mas o pior de tudo é quando vem o gênio do design e inventa o site fino e comprido. E dá-lhe scroll horizontal. Uma chatice de se ver.

8. Fundo preto e letra branca
O principal do conteúdo está na forma de texto? Então é simples: fundo escuro e letra clara cansam a vista. Ponto.

9. Letras pequenas
E como estamos na seção vista cansada, letras pequenas tornam difícil a leitura do texto e afugentam o visitante. Faça experiências e procure o tamanho ideal.

10. Auto-resize do navegador
Esse poderia estar junto dos itens 1 e 2 como os piores. Toda vez que um site altera o tamanho da janela do meu navegador eu fecho imediatamente e vou procurar outro com conteúdo equivalente. Sempre há outro tão bom quanto.

O que motivou esse post foi um site em flash, com intro, música irritante, letra clara em fundo escuro e que alterou o tamanho da minha janela.

“casa de ferreiro, espeto de pau”

Foi assim que respondi a uma crítica (correta) feita ao blog, outro dia, sobre os tipos malucos que apareceram aqui após as mudanças no servidor. E pensando nisso, resolvi escrever sobre um outro erro meu. Uso três bons monitores, dois LCDs (de 19″ e 21″) e o wide-screen do notebook, e por isso nunca notei um problema que havia nesse blog: o tamanho dos tipos nos posts.

A leitura realmente ficava chata (letras pequenas) em qualquer coisa menor do que 19 polegadas, por isso fiz um aumento de 15% no tamanho dos tipos (viva as folhas de estilo!) o que deve facilitar a leitura daqui pra frente.

Mas isso é na verdade um ensejo pra falar sobre o público alvo do seu blog e a preocupação em responder às perguntas abaixo:

1. Qual porcentagem de usuários lê o blog direto e qual lê via feeds?
Quem lê o seu blog diretamente verá exatamente o que colocar na tela, quem lê via feeds poderá estar limitado ao que o leitor disponibiliza ou algum tipo de fonte padrão. Qualquer gracinha com as fontes pode ficar nula nesse caso. Além disso, citações como ‘veja aqui na minha barra lateral’ não fazem muito sentido para leitores de feeds.

2. Qual a resolução de tela dos leitores?
Se a média dos seus leitores utiliza 1280×1024 os pixels estão menores, é um fato porque a resolução aumentou a uma taxa maior que a diagonal dos monitores. Leve isso em consideração ao colocar imagens e definir o tamanho das fontes.

3. Qual a versão do navegador?
Ficar dizendo que as folhas de estilo ou o javascript aparecerão de forma diferente no firefox e no internet explorer é chover no molhado, mas você realmente verifica como ficou seu design no maior número possível de navegadores e versões antes de colocar uma modificação ou tema totalmente novo no ar? Lembro que no natal de alguns anos instalei um javascript que fazia nevar no site. Só esqueci de testar com pelo menos as três últimas versões do internet explorer e, por conta disso, 25% dos internautas não conseguia mais acessar o site.

4. Qual página de código você utiliza?
O correto é usar UTF-8, não há desculpa para fazer de outra forma, apesar desse site aparecer com iso-8859-1 (casa de ferreiro…). Com UTF-8 você pode ter certeza que (praticamente) todos verão os caracteres corretos, além de não ter problemas em migrações de MySQL, como no meu caso.

5. Você já perguntou aos seus leitores se o tema está bom?
É o básico, todo mundo gosta de ser bem atendido. Um ambiente confortável, o tema, no caso de um blog, é o básico para começar bem a visita. De vez em quando, coloque uma pesquisa perguntando aos seus leitores o que acham do formato, conteúdo, aparência, etc… do seu blog.

Brainstorm (tempestade cerebral) é um método criado por Alex Osborn, um dos co-fundadores da conhecidíssima agência de propaganda BBDO. A idéia básica do método é gerar idéias, geralmente em grupo, baseada no princípio da suspensão do julgamento. Normalmente quando tentamos ter idéias somos nossos maiores inimigos, junto com cada conceito que começa a se formar vem a crítica -Que idéia estúpida, é muito difícil de implementar! ou -Onde vou arranjar dinheiro pra isso? e por aí vai. Dessa forma as boas idéias morrem antes de amadurecer. Há variantes de brainstorm, mas as regras originais são essas abaixo, com algumas intervenções minhas para blogs. leia mais…

Até onde sei, o tema do Webcétera é único. Mas isso não tem muito importância. Pra dizer a verdade, na maioria das vezes a melhor solução é utilizar algo que já existe. Um monte de webdesigners, profissionais ou não, passam boa parte do tempo construindo temas que disponibilizam aos outros blogueiros. Por que? Há uma série de bons motivos. Primeiro serve como divulgação da qualidade do trabalho, no futuro, se alguém quiser um design exclusivo pode se lembrar daquele que gostou e contratar o autor para um trabalho. Pode ser também pelo prazer de ver uma criação sua espalhada por aí.

Selecionei alguns dos meu temas favoritos e vou colocar um link pra cada um.

1. TypoXP
Segundo o autor, Sunaryo Hadi, o tema é ideal para blogs em que a maior parte do conteúdo é texto. Eu já preparei pra mais de um cliente um blog usando esse tema, incluindo blogs muito mais gráficos que textuais e ficou excelente. É o meu tipo favorito de lay-out com três colunas, aquele em que as colunas laterais podem ser unidas.

demo: aqui download: aqui

2. Blogging Pro
Mais um excelente três colunas. O autor do também excelente bloggingpro blog soltou uma versão do tema utilizado por eles. Limpo e elegante. O interessante é que o tema foi lançado há menos de 1 semana da data desse post e eu já me deparei com dois blogs rodando sob esse tema. Uau, que sucesso instantâneo!

demo: aqui download: aqui

3. Way Too Clean
Pode ser traduzido como "limpo demais" e reflete um conceito de tema diferente do que normalmente se vê por aí. A maioria dos temas mostra sequencialmente os últimos artigos enquanto esse possibilita dar um destaque maior a uma história, algo como uma matéria da capa. Acho ideal para blogs que são atualizados com um intervalo maior de dias. Estou até bolando um blog novo só pra poder utiliza-lo eheh

demo: aqui download: aqui

4. Origami
Esse tema utiliza o melhor que folhas de estilo (CSS) podem oferecer. Brinque à vontade: coluna à direita ou à esquerda, tamanho da fonte, centralizado ou tela inteira, muito bom mesmo. Além disso o autor Leevi Graham disponibiliza até os PSD (arquivos do photoshop) pra quem quiser.

demo: aqui download: aqui

5. Anthosia
Os temas com colunas mais estreitas conferem um toque intimista ao blog. Ideal para quem escreve coisas profundas.

demo: aqui download: aqui

Aqui foram 5 temas. De tempos em tempos vou relacionar outros que acho legais.