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/