40 Dicas 1

Prévia do material em texto

40 dicas para tornar seu site mais eficiente e funcional 
Essas 40 dicas são ótimas e assino embaixo. Foram passadas para 
mim pelo amigo Luiz Rodrigues, aluno também do Curso Online de 
Design Web. A fonte dessas 40 maravilhosas dicas é a Revista 
“Aprenda Criar Sites” Ano III Nº12. Para quem já conhece, vale a 
pena ler de novo, para os que não conhecem, leiam! 
 
1. Menos é mais: essa máxima há muito tempo usada para a arte 
gráfica e o design também é válida para a Web. Ao planejar seu site, 
pense de forma simples. Páginas de Web rebuscadas e cheias de 
movimento já deram o que tinham que dar, mostrar ícones se 
mexendo e animações complexas não vão levar a nada, no máximo à 
perda de foco para o que realmente deve ser destacado em seu site. 
 
2. Informações a dois cliques: planeje seu site de tal forma que toda 
e qualquer informação deve ficar a dois ou no máximo três diques da 
Home (página inicia!) de seu site. A idéia é facilitar ao máximo o 
acesso do internauta às informações. 
 
3. Cuidado com as animações: com o surgimento de programas 
gráficos de animação como o Flash, o uso de animações se tornou 
indiscriminado. Os criadores de páginas na Web seguiam a linha de 
quanto mais animações, melhor. Hoje basta você pensar no que de 
fato é necessário para seu site. Use, sim, o advento da animação, 
mas dose e pondere com a real necessidade da utilização desse 
artifício. 
 
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á inúmeras variações 
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 padrão na Internet mundial e 
que vale a pena ser levado em conta. Sempre que possível, use a 
logomarca da empresa no canto esquerdo superior do site. Esse local 
facilita a visão da logomarca, além de ser um dos principais pontos 
de atenção que as pessoas têm ao acessar um site. 
 
6. Dê uma prévia do assunto a ser tratado: quando se tem muito 
conteúdo no site, é interessante fazer um pequeno resumo na Home 
do que será tratado em determinada seção. Você pode fazer links em 
forma de manchetes, com um título da seção e uma pequena parte do 
texto que será tratado nela, É mais ou menos o que é feito hoje nos 
grandes portais da Internet. 
 
7. Animações de abertura: animações na abertura do site foram 
tendência durante um bom tempo, mas aqui também se encaixa a 
pergunta da real necessidade desta animação. Ela agregará 
informações substanciais ao conteúdo do site? Ou está lá só para 
“fazer uma gracinha”? Se a resposta for a segunda opção, por que 
não tirar essa animação e proporcionar um acesso mais rápido ao 
site? Mas não encare isso como uma regra, e sim como uma dica 
prática. 
 
8. Caso a animação inicial se faça necessária: só use uma animação 
de abertura, ou algo assim, se for de suma importância e precise ser 
feito. Nunca, mas nunca, deixe de incluir a opção de pular a abertura 
do site e ir direto ao conteúdo. 
 
9. Contatos sempre à vista: muita gente se esquece de uma das 
utilidades mais básicas 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 fácil a informações 
como e-mail da empresa, telefone e endereço? Por isso. não pense 
duas vezes e espalhe e deixe bem visível essas informações por todo 
o site. 
 
10. Formulário de contato: e se o contato é tão importante, incentive 
esse processo incluindo um formulário de contato prático e simples 
ao site, isso será sempre positivo. 
 
11. Mapa do site: se há muito conteúdo no site e a quantidade de 
seções acabou ficando maior do que deveria ser, não hesite em 
colocar um link para um mapa/resumo do site. Coisa simples e 
direta, para o entendimento imediato de como estão dispostas as 
informações no site. 
 
12. Menu de seções sempre à vista: outra maneira de facilitar a vida 
de quem visita o site é deixar sempre à vista todos os links/botões de 
acesso às seções. Muitas pessoas costumam cometer o erro de criar 
seções que possuem somente um botão de voltar, então temos de 
retornar à Home para só assim ter acesso aos links de acesso às 
seções. Por que não facilitar isso deixando sempre à mão todos os 
links/botões do site? 
 
13. Botão de página inicial sempre à vista: quando falamos em 
facilitar o acesso às sécões, não esqueça que a Home também é uma 
delas, na verdade a mais importante. Portanto, inclua sempre um 
botão de acesso à página inicial por todo o site. 
 
14. Logomarca como link para a página inicial: com o uso cada vez 
mais cotidiano da Internet, certas funcionalidades acabam caindo no 
conhecimento popular, se tornando quase que automáticas. Uma 
delas é que a logomarca da empresa no site remeta à página inicial 
quando clicada. Portanto faça isso também, é simples e torna a 
navegação ainda mais prática. 
 
15. Itens desnecessários: muitas vezes complicamos a 
navegabilidade de um site com o argumento de que há muita 
informação a ser incluída nas páginas. É verdade, isso acontece, mas 
às vezes enxertamos o site com informações e funcionalidades 
irrelevantes. É possível ver em muitos sites de empresas grande, 
botões com opções para tornar aquele site a página Inicial do usuário 
ou incluí-lo nos favoritos do navegador. Neste caso se encaixa 
novamente a pergunta: isso é de fato necessário? O número de 
pessoas que colocaram sua página como a inicial é relevante? Além 
do mais, ocupam um espaço precioso que podia ser usado por 
informações relevante ao conteúdo e ao objetivo real do site. 
 
16. Datas no topo da página: outra coisa que se tornou comum, mas 
totalmente dispensável: site que inclui no topo informações como 
hora, dia da semana, mês e ano. A não ser que estejamos falando de 
grandes portais que oferecem notícias, não há a mínima necessidade 
de informar ao seu internauta que dia e horas são naquele momento. 
 
17. Marcas d’água: esse é um costume importado do design gráfico 
direto para Web, mas que merece cuidado. Em um trabalho 
impresso, você tem a possibilidade de visualizar como uma marca 
d’água saiu e se não 
atrapalhou o entendimento das informações de fato importantes. Na 
Web não há como saber como essa marca d’água ficará em 
monitores com a calibragem diferente da sua. Então, pense duas 
vezes antes de usar esse artifício. 
 
18. Links relacionados: citar links relacionados ao site que está 
fazendo também é algo que pode ser evitado, ocupa espaço e nem 
sempre agrega informações relevantes. Caso esse links sejam 
realmente necessários, 
que tal incluí-los dentro do próprio 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 não espere que o internauta vá visitar e ler todo seu 
site, pois na grande maioria das vezes isso não acontecerá. Portanto 
é preciso ser claro e objetivo, dê de imediato ao internauta as 
informações principais sobre seu trabalho e do porquê da existência 
desse site. 
 
20. Na página inicial já diga a que veio: pegando carona na dica 
anterior, entenda sua página inicial como o primeiro contato do 
internauta ao seu conteúdo. 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 informações em 
lugares específicos. 
 
21. Internauta não tem de descobrir como navegar: muito sites 
inovam na maneira de navegar dentro das páginas que oferecem, 
transformam seus botões e acesso em imagens que se movem ou 
usando botões que são parte de um grande cenário. Isso podesignificar nota 10 em inovação, 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 público?: é 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 
página inicial mais inovadora e fora dos padrões, mas se o site não 
for voltado para um público bem específico, a melhor saída é sempre 
priorizar a funcionalidade e a objetividade. E em tempos de uma 
rede cada vez mais sortida, fica mais difícil definir quem de fato vai 
acessar seu site. Portanto, fique atento àquilo que pode representar 
uma dificuldade desnecessária 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 subseção desses menus. Caso esse desdobrar seja de fato 
necessário, tente fazer com que todas as subseções venham logo em 
seguida aos botões iniciais. 
 
24. Botões do lado esquerdo: assim como a logomarca da empresa já 
se tornou padrão ficar à esquerda do site, os botões de acesso às 
seções também. Não é uma regra, longe disso, mas, se possível, 
aproveite-se 
dessa ideia para criar seu site. Botões do lado esquerdo do site já 
estão 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 
informações ao longo da página, deixando tudo muito carregado e 
cansativo. Use o texto do site ao seu favor. Dívida por assuntos, crie 
boxes de cores diferentes para destacar determinada informação, 
faça colunas. Isso ajudará demais na montagem de um layout 
agradável. 
 
26. Use um espaço determinado para animações e afins: em l vez de 
usar o site para inserir diferentes imagens ou animações, crie um 
espaço 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 padrão à sua página, evitando a bagunça de diferentes 
informações portados os lados. 
 
27. Foco em solução: vale sempre lembrar que o site existe para 
cumprir uma função, seja de divulgar uma empresa, vender um 
produto ou simplesmente tornar público um currículo ou 
características profissionais 
de alguém. Mas o que é importante destacar aqui é que todo site tem 
uma função principal. Então é sempre indispensável focar nesse 
objetivo e na solução que a criação deste site se propôs. Planeje o 
site voltado para isso, baseado na solução que tem de ser dada. 
 
28. Destaque, se for preciso: às vezes, uma seção do site precisa de 
mais atenção que as outras, então, fique à vontade para fazer o botão 
específico desta seção de uma cor ou tonalidade diferente. Não é a 
saída 
mais indicada para compor a beleza do site, mas resolve bem a 
questão da necessidade de destaque. 
 
29. Muitos destaques não destacam nada: mas vá devagar com os 
destaques. Muitos sites tentam destacar tudo de uma só vez. Aqui a 
questão é simples, quando tudo está destacado, nada se destaca. 
Então 
pegue leve com negritos e cores berrantes em excesso. 
 
30. Site Map: antes de partir. Para a construção de site, é 
fundamental a criação de um site map, que nada mais é do que um 
pequeno guia/esquema de seu site das seções e suas ramificações. É 
algo bastante simples de fazer, mas que fará uma diferença enorme 
na hora de criar o site. Se você tiver uma visão 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 básico: falar quem somos ou o que a empresa 
dona do site faz. Não se pode acreditar que todo mundo que vá 
acessar seu site, saiba onde está entrando. Por isso, faça um pequeno 
resumo logo na entrada do site, algo simples, com informações 
rápidas 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 confusão na organização e no 
layout. 
 
33. Crie um padrão e siga com ele: ao montar seu site, cuidado para 
não dar uma cara diferente a cada seção. Você pode até mudar cores, 
variando essas seções, mas crie um padrão para o site e o siga 
durante todas as páginas. É horrível parecer estar em um site 
diferente cada vez que se entra em determinada seção. 
 
34. Se precisar explicar, é porque não está funcional: aqui a dica é 
simples, se for preciso colocar alguma explicação em qualquer parte 
do site de como o internauta deve agir, é porque a funcionalidade do 
site falhou. 
Evite ao máximo usar deste artifício. 
 
35. Crie um caminho: organize os assuntos e links a serem tratados 
no site,de forma a dar importância primeiramente ao que mais 
importa. Mostre antes de tudo o que você 
mais quer destacar no site. Isso não precisa ser explícito, 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 
navegação em seu site e aceite o desafio de resumir cada l seção 
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 mutação: não transforme seu esquema de 
navegabilidade em algo eterno. Por melhor seja que seu esforço para 
deixar tudo prático e fácil, dúvidas de internautas sempre 
aparecerão. Se 
isso acontecer ótimo, use-as para aprimorar o esquema usado por 
você para a navegação do site. 
 
38. Ilustre: o bom uso das imagens pode ajudar a mostrar o que cada 
seção do site traz. Quando possível, ilustre os links com imagens 
relacionadas ao tema. 
 
39. Separe os assuntos por temas: se a quantidade de conteúdo a ser 
disposta for muito grande, facilite o entendimento de suas 
informações agrupando os tópicos 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 disposição de conteúdo aliado a uma 
navegabilidade inteligente, confira alguns exemplos: 
http://www.sp.senac.br/jsp/default.jsp?newsID=0 e 
http://g1.globo.com/