40 dicas para tornar seu site mais eficiente e funcional

Essas 40 dicas so timas e assino embaixo. Foram passadas para

mim pelo amigo Luiz Rodrigues, aluno tambm do Curso Online de
Design Web. A fonte dessas 40 maravilhosas dicas a Revista
Aprenda Criar Sites Ano III N12. Para quem j conhece, vale a
pena ler de novo, para os que no conhecem, leiam!

1. Menos mais: essa mxima h muito tempo usada para a arte
grfica e o design tambm vlida para a Web. Ao planejar seu site,
pense de forma simples. Pginas de Web rebuscadas e cheias de
movimento j deram o que tinham que dar, mostrar cones se
mexendo e animaes complexas no vo levar a nada, no mximo
perda de foco para o que realmente deve ser destacado em seu site.

2. Informaes a dois cliques: planeje seu site de tal forma que toda
e qualquer informao deve ficar a dois ou no mximo trs diques da
Home (pgina inicia!) de seu site. A idia facilitar ao mximo o
acesso do internauta s informaes.

3. Cuidado com as animaes: com o surgimento de programas
grficos de animao como o Flash, o uso de animaes se tornou
indiscriminado. Os criadores de pginas na Web seguiam a linha de
quanto mais animaes, melhor. Hoje basta voc pensar no que de
fato necessrio para seu site. Use, sim, o advento da animao,
mas dose e pondere com a real necessidade da utilizao desse
artifcio.

4. Cores similares sobrepostas: cuidado ao usar cores similares,
principalmente quando elas precisam ser sobrepostas, como um logo
laranja sobre um fundo amarelo, por exemplo. Por mais que em seu
monitor esteja tudo claro, lembre-se de que h inmeras variaes
de brilho e contraste de monitor para monitor e que aquilo que est
claro para voc pode surgir como uma grande imagem chapada a
quem estiver acessando seu site.

5. Logomarca esquerda: esse j um padro na Internet mundial e
que vale a pena ser levado em conta. Sempre que possvel, use a
logomarca da empresa no canto esquerdo superior do site. Esse local
facilita a viso da logomarca, alm de ser um dos principais pontos
de ateno que as pessoas tm ao acessar um site.

6. D uma prvia do assunto a ser tratado: quando se tem muito
contedo no site, interessante fazer um pequeno resumo na Home
do que ser tratado em determinada seo. Voc pode fazer links em
forma de manchetes, com um ttulo da seo e uma pequena parte do
texto que ser tratado nela, mais ou menos o que feito hoje nos
grandes portais da Internet.

7. Animaes de abertura: animaes na abertura do site foram
tendncia durante um bom tempo, mas aqui tambm se encaixa a
pergunta da real necessidade desta animao. Ela agregar
informaes substanciais ao contedo do site? Ou est l s para
fazer uma gracinha? Se a resposta for a segunda opo, por que
no tirar essa animao e proporcionar um acesso mais rpido ao
site? Mas no encare isso como uma regra, e sim como uma dica
prtica.

8. Caso a animao inicial se faa necessria: s use uma animao
de abertura, ou algo assim, se for de suma importncia e precise ser
feito. Nunca, mas nunca, deixe de incluir a opo de pular a abertura
do site e ir direto ao contedo.

9. Contatos sempre vista: muita gente se esquece de uma das
utilidades mais bsicas de um site: gerar contato do internauta com a
empresa ou pessoa dona do site. Mas como esse contato acontecer
sem que a pessoa que visita o site tenha acesso fcil a informaes
como e-mail da empresa, telefone e endereo? Por isso. no pense
duas vezes e espalhe e deixe bem visvel essas informaes por todo
o site.

10. Formulrio de contato: e se o contato to importante, incentive
esse processo incluindo um formulrio de contato prtico e simples
ao site, isso ser sempre positivo.

11. Mapa do site: se h muito contedo no site e a quantidade de
sees acabou ficando maior do que deveria ser, no hesite em
colocar um link para um mapa/resumo do site. Coisa simples e
direta, para o entendimento imediato de como esto dispostas as
informaes no site.

12. Menu de sees sempre vista: outra maneira de facilitar a vida
de quem visita o site deixar sempre vista todos os links/botes de
acesso s sees. Muitas pessoas costumam cometer o erro de criar
sees que possuem somente um boto de voltar, ento temos de
retornar Home para s assim ter acesso aos links de acesso s
sees. Por que no facilitar isso deixando sempre mo todos os
links/botes do site?

13. Boto de pgina inicial sempre vista: quando falamos em
facilitar o acesso s sces, no esquea que a Home tambm uma
delas, na verdade a mais importante. Portanto, inclua sempre um
boto de acesso pgina inicial por todo o site.

14. Logomarca como link para a pgina inicial: com o uso cada vez
mais cotidiano da Internet, certas funcionalidades acabam caindo no
conhecimento popular, se tornando quase que automticas. Uma
delas que a logomarca da empresa no site remeta pgina inicial
quando clicada. Portanto faa isso tambm, simples e torna a
navegao ainda mais prtica.

15. Itens desnecessrios: muitas vezes complicamos a
navegabilidade de um site com o argumento de que h muita
informao a ser includa nas pginas. verdade, isso acontece, mas
s vezes enxertamos o site com informaes e funcionalidades
irrelevantes. possvel ver em muitos sites de empresas grande,
botes com opes para tornar aquele site a pgina Inicial do usurio
ou inclu-lo nos favoritos do navegador. Neste caso se encaixa
novamente a pergunta: isso de fato necessrio? O nmero de
pessoas que colocaram sua pgina como a inicial relevante? Alm
do mais, ocupam um espao precioso que podia ser usado por
informaes relevante ao contedo e ao objetivo real do site.

16. Datas no topo da pgina: outra coisa que se tornou comum, mas
totalmente dispensvel: site que inclui no topo informaes como
hora, dia da semana, ms e ano. A no ser que estejamos falando de
grandes portais que oferecem notcias, no h a mnima necessidade
de informar ao seu internauta que dia e horas so naquele momento.

17. Marcas dgua: esse um costume importado do design grfico
direto para Web, mas que merece cuidado. Em um trabalho
impresso, voc tem a possibilidade de visualizar como uma marca
dgua saiu e se no
atrapalhou o entendimento das informaes de fato importantes. Na
Web no h como saber como essa marca dgua ficar em
monitores com a calibragem diferente da sua. Ento, pense duas
vezes antes de usar esse artifcio.

18. Links relacionados: citar links relacionados ao site que est
fazendo tambm algo que pode ser evitado, ocupa espao e nem
sempre agrega informaes relevantes. Caso esse links sejam
realmente necessrios,
que tal inclu-los dentro do prprio texto?

19. Seja objetivo: por mais bvio que isso possa parecer, algo
extrema valia. Antes de criar seu site, ponha no papel o que de fato
voc quer comunicar e transmitir. Entenda a visita ao seu site como
uma
oportunidade e no espere que o internauta v visitar e ler todo seu
site, pois na grande maioria das vezes isso no acontecer. Portanto
preciso ser claro e objetivo, d de imediato ao internauta as
informaes principais sobre seu trabalho e do porqu da existncia
desse site.

20. Na pgina inicial j diga a que veio: pegando carona na dica
anterior, entenda sua pgina inicial como o primeiro contato do
internauta ao seu contedo. Por isso, deixe bem claro o que voc e
sua empresa fazem,
quais suas especialidades. Nunca conte com a boa vontade do
internauta, achando que ele ir sempre buscar informaes em
lugares especficos.

21. Internauta no tem de descobrir como navegar: muito sites
inovam na maneira de navegar dentro das pginas que oferecem,
transformam seus botes e acesso em imagens que se movem ou
usando botes que so parte de um grande cenrio. Isso pode
significar nota 10 em inovao, mas 0 em funcionalidade. Cuidado
ao fazer isso, h casos de sites que priorizam o design em detrimento
da funcionalidade, quando na verdade o design tem de ser uma
ferramenta para se chegar a um site funcionai e eficiente.

22. Qual seu tipo de pblico?: claro que h casos distintos de como
criar um site. A primeira pergunta a ser feita : quem vai acessar
esse site? Tomando como base essa resposta, voc pode, sim,
arriscar-se numa
pgina inicial mais inovadora e fora dos padres, mas se o site no
for voltado para um pblico bem especfico, a melhor sada sempre
priorizar a funcionalidade e a objetividade. E em tempos de uma
rede cada vez mais sortida, fica mais difcil definir quem de fato vai
acessar seu site. Portanto, fique atento quilo que pode representar
uma dificuldade desnecessria ao internauta.

23. Menus que se desdobram: cuidado com menus que se desdobram
demais. H casos que se torna quase um desafio conseguir clicar em
uma subseo desses menus. Caso esse desdobrar seja de fato
necessrio, tente fazer com que todas as subsees venham logo em
seguida aos botes iniciais.

24. Botes do lado esquerdo: assim como a logomarca da empresa j
se tornou padro ficar esquerda do site, os botes de acesso s
sees tambm. No uma regra, longe disso, mas, se possvel,
aproveite-se
dessa ideia para criar seu site. Botes do lado esquerdo do site j
esto hoje no consciente coletivo dos internautas.

25. Trabalhe o texto: lembre-se sempre de que o texto parte, sim.
do layout do site. Muita gente costuma apenas desovar as
informaes ao longo da pgina, deixando tudo muito carregado e
cansativo. Use o texto do site ao seu favor. Dvida por assuntos, crie
boxes de cores diferentes para destacar determinada informao,
faa colunas. Isso ajudar demais na montagem de um layout
agradvel.

26. Use um espao determinado para animaes e afins: em l vez de
usar o site para inserir diferentes imagens ou animaes, crie um
espao fixo em seu site para incluir isso. Voc pode fazer uma barra
superior, por
exemplo, com algo se movendo, trocando imagens discretamente.
Aproveite e mantenha esse contexto em todo o site. Isso ajuda a dar
um padro sua pgina, evitando a baguna de diferentes
informaes portados os lados.

27. Foco em soluo: vale sempre lembrar que o site existe para
cumprir uma funo, seja de divulgar uma empresa, vender um
produto ou simplesmente tornar pblico um currculo ou
caractersticas profissionais
de algum. Mas o que importante destacar aqui que todo site tem
uma funo principal. Ento sempre indispensvel focar nesse
objetivo e na soluo que a criao deste site se props. Planeje o
site voltado para isso, baseado na soluo que tem de ser dada.

28. Destaque, se for preciso: s vezes, uma seo do site precisa de
mais ateno que as outras, ento, fique vontade para fazer o boto
especfico desta seo de uma cor ou tonalidade diferente. No a
sada
mais indicada para compor a beleza do site, mas resolve bem a
questo da necessidade de destaque.

29. Muitos destaques no destacam nada: mas v devagar com os
destaques. Muitos sites tentam destacar tudo de uma s vez. Aqui a
questo simples, quando tudo est destacado, nada se destaca.
Ento
pegue leve com negritos e cores berrantes em excesso.

30. Site Map: antes de partir. Para a construo de site,
fundamental a criao de um site map, que nada mais do que um
pequeno guia/esquema de seu site das sees e suas ramificaes.
algo bastante simples de fazer, mas que far uma diferena enorme
na hora de criar o site. Se voc tiver uma viso completa do que ir
fazer, fica tudo mais claro para criar um site funcional.

31. Quem voc? O que essa empresa faz? s vezes nos
esquecemos de algo bsico: falar quem somos ou o que a empresa
dona do site faz. No se pode acreditar que todo mundo que v
acessar seu site, saiba onde est entrando. Por isso, faa um pequeno
resumo logo na entrada do site, algo simples, com informaes
rpidas e diretas.

32. Cuidado com as fontes: fique atento ao uso de mais de duas
fontes diferentes em seu site ou at da mesma fonte sem tamanhos
diferentes. Isso gera uma tremenda confuso na organizao e no
layout.

33. Crie um padro e siga com ele: ao montar seu site, cuidado para
no dar uma cara diferente a cada seo. Voc pode at mudar cores,
variando essas sees, mas crie um padro para o site e o siga
durante todas as pginas. horrvel parecer estar em um site
diferente cada vez que se entra em determinada seo.

34. Se precisar explicar, porque no est funcional: aqui a dica
simples, se for preciso colocar alguma explicao em qualquer parte
do site de como o internauta deve agir, porque a funcionalidade do
site falhou.
Evite ao mximo usar deste artifcio.

35. Crie um caminho: organize os assuntos e links a serem tratados
no site,de forma a dar importncia primeiramente ao que mais
importa. Mostre antes de tudo o que voc
mais quer destacar no site. Isso no precisa ser explcito, mas
arquitetando seu site de correta, voc poder internauta pelos temas
mais importantede seu site.

36. Menu e o resumo em uma s palavra: crie um menu para
navegao em seu site e aceite o desafio de resumir cada l seo
com uma s palavra. Se conseguir fazer isso, voc
ter praticamente tudo o que pode ser encontrado no site de forma
direta e objetiva.

37. Navegabilidade em mutao: no transforme seu esquema de
navegabilidade em algo eterno. Por melhor seja que seu esforo para
deixar tudo prtico e fcil, dvidas de internautas sempre
aparecero. Se
isso acontecer timo, use-as para aprimorar o esquema usado por
voc para a navegao do site.

38. Ilustre: o bom uso das imagens pode ajudar a mostrar o que cada
seo do site traz. Quando possvel, ilustre os links com imagens
relacionadas ao tema.

39. Separe os assuntos por temas: se a quantidade de contedo a ser
disposta for muito grande, facilite o entendimento de suas
informaes agrupando os tpicos em temas. Isso facilita demais na
hora de buscar
determinado assunto dentro do site.

40. Siga o exemplo: h timos sites com bons exemplos de como
resolver de forma inteligente a disposio de contedo aliado a uma
navegabilidade inteligente, confira alguns exemplos:
http://www.sp.senac.br/jsp/default.jsp?newsID=0 e
http://g1.globo.com/