Web Design

1. Tempo de Resposta ou Carregamento de um website bastante importante. Se o seu site

lento, provvel que os visitantes vo embora; a lentido tambm dificulta ao visitante o
aprendizado de conceitos novos ou estranhos para ele.
Comento: Site ou blog que leva horas para carregar um porre para qualquer um. Pra quem
usa conexo discada, ento, nem se fala. Se seu blog leva mais do que alguns segundos
para carregar, pode dar adeus para uma boa parte de seus visitantes.
2. Remova o link para o "HOME" na sua homepage, pois ele pode causar confuso. O usurio
pode ficar em dvida quando esta no Home ou no.
Comento: Este ponto bastante discutvel; se seu blog est bem construdo, um simples link
no deveria causar confuso. No entanto, leve em conta o nvel de seus usurios; nem todo
mundo est familiarizado com os conceitos da web.
3. Siga as convenes do webdesign (azul para links hypertexto). Isto permite que o visitante
ponha seu foco no contedo, em vez de usar sua energia mental para aprender a usar seu site.
Comento: Esse ponto tambm pode ser discutvel para quem usa Adsense, pois o azul nem
sempre funciona bem com seu esquema de cores; apesar disso, voc deve experimentar
com os links azuis e ver se eles funcionam no seu blog.
4. Designs em flash que no atendem s necessidades dos usurios no so recomendveis,
pois enfraquecem a usabilidade.
Comento: Um erro comum dos webmasters e designers criar pginas e sites pesadssimos
em flash, cheios de fru-frus e efeitos que no servem para nada, e que no funcionam em
qualquer navegador ou sistema. Grande erro.
5. Splash screens (pginas de abertura) no so teis, pois do a primeira impresso de que o
site est mais preocupado com sua prpria imagem do que com os problemas do usurio. Os
websites devem comunicar respeito pelo tempo do usurio.
Comento: Quantas vezes voc clica em Pular Introduo ou Skip Intro? Sempre?
Ningum est interessado em introdues e apresentaes fru-fru. O visitante quer
contedo, j.
6. Testes de Usabilidade do Site podem ser feitas facilmente, pedindo aos usurios que
interatuem com seu design enquanto pensam em voz alta. Grave os comentrios e filtre-os para
melhorar a qualidade do seu site.
Comento: Se voc no puder fazer isso ao vivo, talvez possa pedir aos seus leitores que lhe
mandem feedback por email.
7. Quanto menos features (recursos) houver no design, menos competio haver pela
ateno do usurio.
Comento: Isso no significa no oferecer recursos teis ao seu leitor/visitante. Significa no
sobrecarregar o site com futilidades e inutilidades bonitinhas, ou seja
8. Procure se apoiar principalmente na Tipografia (texto) em vez de em designs carregados e
muitos grficos. A meta conseguir um visual bom, sem demorar o tempo de carregamento. Os
sites mais sem graa podem gerar a maior quantidade de usurios e pageviews.
Comento: Embora eu mesma deteste designs sem graa, a maioria dos usurios prefere um
site rpido e simples Google do que um mais bonito e cheio de grficos Yahoo. O
Google muito mais usvel.
9. Sirva os usurios mais experientes fazendo com que seu site seja mais legvel e clicvel. Use
texto longo para os links de hypertexto e minimize o uso de menus dropdown e outros elementos
mveis na sua interface.
Comento: Os links devem ser claros e dizer aonde vo. Clique aqui ou Aqui so links
pessimamente feitos. Novamente, no encha sua pgina de besteiras inteis que pesam no
carregamento.
10. Mude a cor dos Links Visitados. Isso permite ao usurio decidir aonde ir continuao,
dentro do seu site. Links que no mudam de cor causam desorientao e confuso no visitante.
Comento: certo que seu visitante ir embora, quando descobrir que entrou pela terceira
vez, sem querer, na mesma pgina. vital que a navegao do site seja clara.

Copywriting

11. Grandes Quantidades de texto em uma pgina no funcionam bem porque isso dificulta ao
usurio extrair informao til. Quanto mais voc diz, mais as pessoas ignoram sua
mensagem.
Comento: fato que a comunicao escrita na Internet deve ser mais breve e dinmica. O
objetivo deve ser transmitir sua mensagem no menor nmero possvel de palavras, sem
perder clareza. Esse um item no qual costumo falhar estrondosamente eu gosto demais
de escrever, e tenho muita dificuldade para ser sucinta e ir direto ao ponto.
12. Um Bom Estilo de Texto deveria ir direto ao ponto, no ser dominado por jargo tcnico ou
de nicho, nem "markets" ou estilo de texto de vendas.
Comento: A utilizao excessiva de grias ou jargo pode transformar seu site num gueto.
Para abranger o maior nmero possvel de leitores, escreva com clareza e simplicidade. Usar
palavras difceis no faz com que voc parea inteligente, faz de voc um chato.
13. Escreva de forma que as pessoas com menor nvel de educao possam entender e
apreciar seu contedo. Sites dirigidos a um pblico amplo devem priorizar os usurios de menor
nvel de instruo.
Comento: Isso no quer dizer escrever para analfabetos. Mas voc deve lembrar que nem
todo mundo leu os clssicos da literatura grega, ou tem a mesma experincia com a Internet
que voc.
14. Exponha a informao mais importante nos dois primeiros pargrafos, pois a maioria dos
usurios vai ler esses dois pargrafos e escanear o resto do texto.
Comento: Essa uma tarefa difcil e importante. Outro ponto onde costumo falhar.
15. Divida seu contedo em subttulos e use listas com vinhetas. Tambm destaque palavras-
chave ou frases importantes usando negrita.
Comento: importante que o texto seja escanevel, e o leitor possa encontrar rapidamente
os pontos importantes. Principalmente se o texto for longo.
16. Use Ttulos Breves com palavras que forneam bastante informao. As pessoas
escaneam ttulos e trechos de contedo mais rapidamente nos leitores de feed do que
newsletters enviadas por email.
Comento: O ttulo deve explicar claramente de qu se trata o contedo, e deve impelir o leitor
a ler o texto. O ttulo o que pode fazer com que seu post se destaque em meio a um milho
de feeds.
17. No use fontes minsculas ou texto pequeno, pois isso no servir para uma grande parte de
seu pblico (adolescentes e pessoas de mais de 40 anos).
Comento: Por que as pessoas usam fontes to pequenas que so quase impossveis de ler
algo que vai alm da minha compreenso. como colocar pregos nos pneus do carro
impossibilita que a funo primordial (texto: ser lido carro: transportar pessoas) seja
cumprida. Lembre-se tambm de que a cor da fonte pode dificultar a leitura, dependendo do
fundo do seu site.
18. O Subttulo ou tagline de um site deve explicar o qu a empresa faz e o qu a torna nica
entre os competidores. Sua tagline deveria comunicar o propsito de seu site nos primeiros e
cruciais 10 segundos.
Comento: Essa tagline ou subttulo o famoso Slogan do qual estive falando ontem. um
elemento importantssimo na primeira impresso que seu blog causa no visitante; o
slogan/tagline pode ser a diferena entre o visitante decidir entrar no blog e descobrir mais
sobre seu contedo, ou fechar a janela e no voltar mais.
19. Use palavras velhas e conhecidas quando estiver escrevendo para ser encontrado pelos
motores de busca. Acompanhe palavras nicas ou frases inventadas com palavras conhecidas e
familiares, pois estas ltimas so mais usadas pelos visitantes e clientes.
Comento: Contribua com a cultura de seus visitantes. Explique de qu se tratam os conceitos
novos, oferea links aos significados de palavras incomuns, traduza frases em outros
idiomas.
20. O Ttulo deve fazer sentido quando est separado do resto do contedo. Isto importante,
pois os ttulos frequentemente so usados em listas de artigos ou programas de email, o que os
coloca fora de contexto.
Comento: Ttulos engenhosos ou engraados podem ser usados, mas devem receber
cuidado extra, de forma que atraiam o visitante mesmo estando fora de contexto. Se a
informao no clara, deve despertar muita curiosidade e interesse.
21. Faa com que a primeira palavra do ttulo carregue muita informao, o que ajudar com o
entendimento. Exemplos para serem usados incluem o nome do conceito ou da empresa que
esteja sendo discutida.
Comento: Outro exemplo, este post Personalize seu Blogger Blogspot: Widget
Customizvel para Posts Recentes informa, j na primeira palavra, qual a inteno principal
do texto: personalizar seu blog.
22. No comece os ttulos de suas pginas com a mesma palavra o tempo todo isso
dificultar o entendimento de uma lista (nos arquivos do blog, por exemplo). Mova os termos
comuns para o final da frase e coloque-os entre colchetes.
Comento: No gosto da ideia dos colchetes, mas a questo da lista faz sentido. O post citado
no item anterior um exemplo; j que tenho vrios post sobre personalizao, seria
melhor Widget Customizvel para Posts Recentes Personalize Seu Blogger/Blogspot, ou
algo assim.
23. Mostre os nmeros como numerais. Numerais captaro melhor a ateno do usurio porque
os numerais representam fatos. De acordo com os dados sobre eyetracking (algo como
seguimento de olhar anlise dos movimentos oculares durante a leitura) melhor
usar 23" do que vinte e trs para atrair o olho do usurio, quando ele escaneia pginas Web
procurando por fatos.
Comento: Lembre-se sempre: o usurio quer encontrar informao de forma fcil e rpida.
Quanto mais voc dificultar a consecuo desse desejo, mais leitores e visitantes perder.
24. Links nos Blogs devem dizer aonde vo. Esta informao pode constar no texto do link
(anchor text) ou nas palavras prximas. A vida muito curta para clicar num desconhecido.
Diga s pessoas onde eles esto indo e o qu eles encontraro do outro lado do link.
Comento: Se voc no quiser usar o ttulo do post ou pgina que est linkando, explique com
outras palavras de qu se trata. Clique aqui um link mal feito; Clique aqui para saber o
que um Problogger ou O que um Problogger? so links claros e bem feitos.

Infraestrutura do Contedo

25. No tenha uma lista de links na sua sidebar sem acompanh-los com uma explicao de por
que cada um deles est sendo recomendados por voc.
Comento: Eu j vi em algum blog por a uma pequena explicao entre parnteses na
sidebar, relacionada aos blogs linkados, e achei deveras til. Por exemplo, uma coisa assim
diria: Blogando por Dinheiro (monetizao e Adsense), ou algo pelo estilo. Seria legal que
isso se popularizasse eu mesma vou implantar alguma coisa assim nos meus blogs, assim
que possvel.
26. A navegao e a interface do usurio devem ser simples, de forma a permitir ao usurio
encontrar o que ele busca, em seu site.
Comento: Se o usurio no conseguir encontrar a informao que procura, descobrir
rapidamente o que o seu blog tem a oferecer de melhor, ou no puder saber onde est,
provvel que ele se sinta frustrado e irritado, e v embora.
27. O contedo online deve ser curto e incluir o uso de listas com vinhetas e palavras-chave
destacadas. Escreva pensando na escaneabilidade do texto, pois as pessoas costumam
escanear, mais do que ler.
Comento: Esta lista um bom exemplo: pontos numerados, com destaque para os trechos
mais importantes.
28. Inclua um foco editorial e dirija seus visitantes a algum material especfico, como por
exemplo: as ltimas notcias (relacionadas com seu post) da Folha ou da CNN, ou os melhores
posts relacionados com o assunto.
Comento: Oferecer material adicional sobre seu texto, alm de facilitar a vida do leitor, lhe d
credibilidade, e mostra que voc se deu ao trabalho de investigar os fatos antes de emitir
uma opinio sobre eles.
29. A arquitetura da informao no deve se basear em organogramas, nem usar grficos
pesados e complicados ou jargo tcnico.
Comento: Quando for organizar seu contedo (por exemplo, pgina, categorias e
subcategorias) pense no usurio. O qu ele est procurando? Qu informao adicional ele
gostaria de encontrar continuao?
30. Descubra as razes pelas quais as pessoas visitam seu site e construa seu blog como uma
resposta rpida e bvia a essas necessidades, questes ou razes.
Comento: As buscas so cruciais neste ponto. Analise-as com ateno, descubra o que
que as pessoas esto procurando quando chegam ao seu blog, e satisfaa essa
necessidade. O resultado pode ser surpreendente. Por exemplo, o Blog Templates nasceu
da anlise das buscas do Blogando por Dinheiro eu descobri que muita gente chegava aqui
procurando layouts, widgets e hacks para Blogger, e decidi investir nesse nicho.
31. A navegao local (por exemplo, Posts Relacionados) deve receber mais ateno e ser
mais importante do que a navegao global (link na sidebar, tabs de navegao). Um sistema de
navegao minimalista deveria ser usado para coincidir com o modelo de espao de informao
do usurio.
Comento: Isto est relacionado com o ponto nmero 5. Voc deve proporcionar ao usurio
formas simples de encontrar exatamente o que lhe interessa, sem ter que revirar todo o site.
Alm disso, se o visitante terminou de ler seu posts, e voc oferece uma lista de posts
relacionados, logo abaixo do post, provvel que ele se interesse e continue lendo seu blog.
Bingo: voc deu um passo adiante rumo converso do visitante em leitor.
32. No construa websites ou pginas stand-alone (autossuficientes, que funcionam sozinhas,
sem recursos externos). Todo stio web deve estar conectado com informao relacionada.
Comento: Web significa rede. No economize links externos, com a iluso de reter os
visitantes no seu site. Se o seu blog realmente interessante e til, o visitante retornar.
ridculo fazer de conta que no existe um mundo de informao fora das paredes do seu site.
Em vez disso, escreva um blog valioso: permita que seus visitantes encontrem no seu site
um centro de informao til relacionada ao seu tpico.
33. Oferea contedo interativo que permitam ao visitante fazer ao invs do somente ler.
Isto inclui enquetes, jogos, quadros de mensagem, fruns, contedo produzido pelo usurio,
formulrios para feedback, etc. Esse tipo de coisa atrai especialmente aos adolescentes.
Comento: Features interativas so um excelente meio de criar comunidade e identificao
com seus leitores. S tome cuidado para no carregar demais o blog.
34. No use arquivos PDF, pois eles interrompem o fluxo de leitura e ateno do leitor. Somente
use arquivos PDF para distribuir manuais e documentos grandes, ou reserve-os para impresso.
Comento: A maioria das pessoas no gosta de ler PDF, incmodo. Realmente, sua
utilizao s se justifica em casos muito especficos.
35. Otimize os Ttulos de suas pginas/posts usando ttulos diferentes para cada pgina/post.
Ttulos de pgina so usados em barras de tarefas e quando o usurio guarda a pgina nos
Favoritos. No comece com palavras como Porque ou Os a menos que voc queira ser
guardado em ordem alfabtica na letra P ou O.
Comento: Estamos falando do ttulo que aparece na barra azul que fica na parte superior do
navegador, e o texto que aparece nos favoritos. Escolha bem seus ttulos se voc quer se
destacar.
36. Informe aonde os links levaro o usurio quando utilizar links de navegao do texto ou links
de email. Por exemplo, adicione uma frase curta como "Ao clicar nestes links a pgina rolar
automaticamente at o contedo desejado".
Comento: Nunca assuma que o leitor sabe as mesmas coisas que voc. Muitos no sabem,
muitos acabam de descobrir a Internet e no sabem nem sequer como fazer um link.
Explique, explique, explique.
37. Use navegao por migalhas de po (breadcrumb navigation). Esse tipo de navegao
oferece acesso atravs de um click aos nveis mais altos do site, consome muito pouco espao e
mostra ao visitante onde ele est.
Comento: Breadcrumb Navigation aquele tipo de links que diz:
Voc est aqui: Pgina principal->Monetizao->Adsense. Ela facilita ao usurio voltar
atrs, saber onde esteve, onde est e onde pode ir continuao.
38. Biografias de Autor deveria ser includas em blogs. Os leitores querem saber quem esto
lendo, e as biografias de autor so uma forma simples de conquistar confiana.
Comento: O famoso About. Junto com o formulrio de contato, um dos elementos mais
desatendidos (e necessrios) de um blog.
39. Destaque os posts populares. Integre-os no seu sistema de navegao ou link seus post
anteriores em posts mais recentes. Isto importante porque voc necessita oferecer ao visitante
uma base (background) til sobre o tpico em questo, ou sobre sua opinio.
Comento: Isto mostra que tanto voc sabe sobre o assunto, e qual sua opinio sobre ele.
Seus melhores posts em destaque tambm so outra forma de seduzir o visitante para que
ele leia mais textos no blog, e de mostrar imediatamente ao recm-chegado os post mais
relevantes.
40. Mantenha seu contedo enfocado. Quanto mais enfocado seu contedo for, mais leais seus
leitores se tornaro. Construir um site especializado permite que voc seja uma autoridade no
seu nicho.
Comento: Isto especialmente relevante para conseguir trfego, leitores fiis, incoming links
e GRANA. difcil ser relevante entre os blogs de entretenimento e variedades, por exemplo;
existem milhes deles. muito mais fcil se destacar se voc tiver um foco especfico, e se
ater a ele; por exemplo, no existem muitos blogs sobre Heroes? Mas quanta gente leria,
visitaria, assinaria o feed de um blog assim? Muita gente, e esse blog (o primeiro que
surgir)com certeza se tornaria uma referncia no assunto.
41. Oferea informao de seguimento no mesmo lugar da informao original. Por exemplo,
se voc tem um post pilar, muito linkado, sobre plataformas de social bookmarking, voc deveria
retornar ao artigo regularmente para atualiz-lo com links e artigos novos sobre o mesmo
assunto.
Comento: Posts pilares so os posts mais importantes do blog, aqueles que lhe do mais
relevncia e autoridade. No meu caso, por exemplo, as sries Aprenda a Usar o Adsense e
100 Dicas para o Adsense so pilares do Blogando por Dinheiro.

Monetizao

42. Websites podem se diferenciar dos demais focando nas necessidades dos visitantes e
descobrindo como eles acessam ou usam a informao. Diferenciao se trata de ser valioso e
til para os visitantes do seu site.
Comento: difcil, muito difcil oferecer informao que no possa ser facilmente encontrada
em mais um milho de lugares na web. Mas voc pode se diferenciar e destacar oferecendo
essa mesma informao de forma mais simples, mais completa, mais acessvel, ou melhor
organizada.
43. No use pop-ups, como por exemplos anncios pop-up no contedo, ou quadrados e banners
pop-up ou pop-in, pois eles geralmente so percebidos como intrusivos e perturbadores.
Comento: Como regra geral, pop-up uma pssima ideia. Por exemplo, os pop-ups com
snapshots dos sites linkados, que se popularizaram ultimamente, so UM PORRE e so
completamente inteis. Se o visitante quiser ver um site, ele vai at l, oras. Alm de tudo,
eles demoram a carregar (dependendo da sua conexo) e interrompem de forma brusca a
leitura. Isso pra no falar nos anncios pop-up, ou aquelas merdas que ficam flutuando sobre
o contedo e rolam junto com a pgina.
44. Boa usabilidade se traduzir positivamente em lucro e inclusive produzir um ROI Retorno
de Investimento muito alto. Nielsen estima um ROI de ao redor de 1000%.
Comento: No sei exatamente a qu o autor se refere com Nielsen estima, mas com
certeza uma boa usabilidade se traduz em retorno positivo, sempre.
45. Conquistar a confiana dos visitantes um grande problema que todos os websites tm de
enfrentar. importante afirmar positivamente a credibilidade de um site e seu respeito pelos
direitos do usurio.
Comento: Mostrar coerncia, congruncia e seriedade (na forma de tratar seu tpico, no
necessariamente no tpico em si) so atitudes fundamentais para conquistar a confiana do
leitor. Deixar claro que voc respeita o leitor e seus direitos (por exemplo, explicando que
voc no utilizar os endereos de email para fazer spam) tambm importantssimo.
46. Polticas corporativas que promovem a usabilidade e o design centrado no usurio deveriam
ser essenciais para todos os negcios online.
Comento: Eu j cansei de falar, se voc quer ganhar dinheiro com seu blog, deve encar-
lo como negcio e no como emprego. No importa se voc uma empresa de um
homem/mulher s, seu blog um NEGCIO e deve ser encarado como tal.
47. Tenha uma mensagem de erro (pgina 404) decente que assegure que voc no perder
visitantes ou usurios devido a erros de programao ou mau funcionamento do servidor.
Comento: Infelizmente, no Blogger/Blogspot isso no possvel. No entanto, se voc usa
Wordpress ou outra plataforma self-hosted (com hospedagem prpria) voc deve criar uma
boa pgina de erro, que leve o visitante a outras pginas de seu blog ou que lhe permita
entrar em contato com voc, caso ele assim o deseje. Alm disso, a mensagem de erro deve
assegurar ao visitante que o erro temporrio, e que o site voltar a funcionar corretamente
em pouco tempo.
48. Quando estiver respondendo aos emails dos visitantes, edite e use Assuntos (subjects)
relacionados especificamente questo. Uma boa linha de Assunto vital para construir
relaes mais fortes com os clientes ou usurios do site.
Comento: Evite usar Assuntos padronizados. Eles do ao usurio a impresso de que est
sendo respondido por um auto-responder automatizado, em lugar de um ser humano. Isso
transmite uma sensao de descaso. Quando for responder emails e contatos submetidos
atravs de formulrios, deixe claro que h um ser humano do outro lado, genuinamente
interessado na questo ou dvida transmitida.
49. Use emails de confirmao e mensagens automticas para fechar o crculo em E-
commerce e outras transaes. Diga aos clientes o que eles precisam saber. Isto inspira
confiana no cliente quanto s transaes online.
Comento: Neste caso as respostas automatizadas so uma boa ideia. Por exemplo, aps
enviar um contato atravs de um formulrio, seu leitor pode receber uma mensagem
automatizada que diga Obrigada por seu contato. Responderei sua dvida (ou questo)
assim que for possvel. Geralmente a resposta demora de 24 a 48 horas. Isso diz ao usurio
o qu ele deve esperar, e evita que ele ache que est sendo ignorado.
50. Mantenha as enquetes curtas e claras para conseguir uma alta percentagem de resposta.
Assegure-se de que o processo seja rpido e indolor para o usurio, fazendo menos perguntas e
usando enquetes diferentes para diferentes tipos de usurios.
Comento: Enquetes e pesquisas so timas para conhecer e servir melhor seus usurios. No
entanto, se o processo de responder pesquisa for complicado, demorado ou chato, poucas
pessoas o completaro. Economize o saco de seu leitor ou visitante, sempre.