PRINT_10 Dicas de Webdesign
Content
10 DICAS DE WEBDESIGN
1. Menos é mais. Faz o site leve e rápido
Se estás a vender um produto ou serviço na Internet, não te deixes levar pelos “artistas” da rede. Mantêm o foco na tua mensagem. Ninguém quer ver um layout cheio de animações e fotos que demoram uma eternidade a fazer download. Tem em mente que se não ajuda a vender não serve. Não faças nada só porque os outros fazem. Constrói um site para agradar ao cliente, não ao chefe. Lembra-te que "a imagem seduz, mas é o texto que vende". Se quiseres passar uma mensagem não deves escondê-la. Usa um layout limpo e elegante, clean. Simples, mas não simplório. Tens apenas alguns segundos para conquistar a atenção do cibernauta. Mantêm as páginas leves, usa imagens, bem colocadas e comprimidas. O texto deve ser simples e objectivo. Especialmente na página inicial. Flash é óptimo mas, vale mesmo a pena fazer um site inteirinho em flash? Esperar tempos infinitos de “Lowding…” para depois ter informação que se podia transmitir de maneira mais simples. Usa e abusa do flash para aquilo que ele serve verdadeiramente, animações, banners, apresentações, etc. Outra coisa em relação ao flash, uma página inicial com um filmezinho da treta só para apresentar a empresa? Não obrigado, ninguém tem pachorra para isso.
2. Padrão
Todos nós temos uma "zona de conforto". Gostamos de nos sentir acomodados e seguros. Imagina chegar a casa todos os dias e a cor das paredes estar diferente? No começo pode ser um "giro", mas depois de algum tempo, começas a ficar ansioso e inseguro. Da mesma forma, mudar a “cara” de cada página, torna as pessoas confusas e impacientes. Elas podem pensar que estão noutro site e quando menos esperas, estarão mesmo. Mantêm o mesmo padrão em todas as páginas. É fácil, basta: Usar as mesmas cores, molduras, botões, fontes e demais elementos em todas as páginas; Deixar a logo da empresa sempre na mesma posição. Se o menu está à esquerda, deixa-o lá, se estiver à direita, idem. Além de tudo, mantendo um layout padronizado transmites uma impressão mais profissional.
3. Navegação
A palavra-chave é simplicidade. A Internet já é um labirinto de informações. Então não compliques, torna a navegação do teu site simples e concisa. Todas as páginas devem estar a dois, no máximo, três clicks de distância umas das outras. Podes conseguir isto colocando menus para as áreas principais do site em todas as páginas. Uma forma de testar a navegação do site é chamar alguém, de preferência, sem muito conhecimento. Pede-lhe que encontre alguma coisa que TU sabes estar lá, só não digas como.
4. Fale connosco
Já tentaste entrar em contacto com a empresa e perdeste-te no labirinto de links e páginas sem encontrar o e-mail ou telefone da mesma? Para evitar este problema, coloca o e-mail em todas as páginas. Se necessário faz um formulário de contacto com poucos campos para o usuário preencher. Apenas o nome, e-mail, telefone (caso haja algum problema com o e-mail) e um espaço para a mensagem são necessários. Poderás pedir as outras informações mais tarde. O importante agora é fazer o contacto.
5. Logos e Imagens
Já disse que ninguém quer esperar dois minutos para ver uma foto que nunca termina de carregar. Se tens que usar muitas imagens para passar a tua mensagem, uma palavra: compressão. As imagens são uma parte importante do site, mas podem torná-lo muito pesado. Para evitar ou pelo menos minimizar este problema, usa compressores de imagens. Existem diversos disponíveis no mercado, inclusive alguns gratuitos.
6. Fontes (famílias de tipos de letra)
Usa apenas uma fonte em todo o site. Se quiseres usar mais de uma fonte, usa apenas para destaques, citações e títulos. Mantendo a variação de tipos de letras no mínimo, garantes um layout mais padronizado e limpo. É muito mais profissional. Outra razão é que há poucas "fontes padrão" na Internet. Arial, Verdana, Courier e Times New Roman são algumas delas. Se usares alguma fonte fora dos padrões, pode ser que os Internautas não vejam as páginas como foram criadas, ou completamente desformatadas. Usa também CSS’s (Cascading Style Sheets) de modo a garantir uma perfeita formatação do texto, assim sabes que independente da resolução, definições de ecrã ou browser do utilizador, o teu texto terá sempre o mesmo corpo e formatação.
7. Espaço em branco
Tão importante quanto as notas de uma canção são as pausas. Pergunta a qualquer músico. O mesmo ocorre no design de qualquer peça publicitária. Deixa o texto “respirar”. Usa margens à esquerda e a direita. Seguindo estas sugestões, o layout ficará muito mais limpo, agradável e profissional.
8. Becos sem saída Um beco sem saída é uma página aonde não existem links para sair dela. Pensa no site de uma forma que não precise dos botões do browser para navegar, ou seja, se precisares clicar no botão voltar, algo está errado. Podes colocar um link <voltar> nas páginas, mas esta não deve ser a única forma de sair da página.
9. Links Mortos
Links mortos são aqueles que estão no menu, mas ainda não foram criadas as páginas correspondentes ou, pior ainda, levam a uma "página em construção". Se a página não existe ou não está completa, não coloques indicações para ela, no futuro poderás colocar os links e destacar que a página é nova, tornando o conjunto mais dinâmico e trazendo maior impacto. Além de tudo, links mortos dão um ar de falta de profissionalismo. Páginas com a mensagem "em construção" causam uma frustração enorme ao internauta, afinal ele espera encontrar a informação, mas ela não está lá. Um site de verdade, estará sempre em construção. A construção só termina com o fim do site ou da empresa.
10. Links Quebrados
Testa todos os links em todas as páginas, sempre. Links quebrados, ou seja, os que levam a páginas de erro ou não existentes, são outro factor de frustração e falta de profissionalismo. Se tens muitos links externos (para outros sites), testa-os de vez em quando para manter a integridade do site.
Fonte: José Moreira http://www.1bigo.com/
1. Menos é mais. Faz o site leve e rápido
Se estás a vender um produto ou serviço na Internet, não te deixes levar pelos “artistas” da rede. Mantêm o foco na tua mensagem. Ninguém quer ver um layout cheio de animações e fotos que demoram uma eternidade a fazer download. Tem em mente que se não ajuda a vender não serve. Não faças nada só porque os outros fazem. Constrói um site para agradar ao cliente, não ao chefe. Lembra-te que "a imagem seduz, mas é o texto que vende". Se quiseres passar uma mensagem não deves escondê-la. Usa um layout limpo e elegante, clean. Simples, mas não simplório. Tens apenas alguns segundos para conquistar a atenção do cibernauta. Mantêm as páginas leves, usa imagens, bem colocadas e comprimidas. O texto deve ser simples e objectivo. Especialmente na página inicial. Flash é óptimo mas, vale mesmo a pena fazer um site inteirinho em flash? Esperar tempos infinitos de “Lowding…” para depois ter informação que se podia transmitir de maneira mais simples. Usa e abusa do flash para aquilo que ele serve verdadeiramente, animações, banners, apresentações, etc. Outra coisa em relação ao flash, uma página inicial com um filmezinho da treta só para apresentar a empresa? Não obrigado, ninguém tem pachorra para isso.
2. Padrão
Todos nós temos uma "zona de conforto". Gostamos de nos sentir acomodados e seguros. Imagina chegar a casa todos os dias e a cor das paredes estar diferente? No começo pode ser um "giro", mas depois de algum tempo, começas a ficar ansioso e inseguro. Da mesma forma, mudar a “cara” de cada página, torna as pessoas confusas e impacientes. Elas podem pensar que estão noutro site e quando menos esperas, estarão mesmo. Mantêm o mesmo padrão em todas as páginas. É fácil, basta: Usar as mesmas cores, molduras, botões, fontes e demais elementos em todas as páginas; Deixar a logo da empresa sempre na mesma posição. Se o menu está à esquerda, deixa-o lá, se estiver à direita, idem. Além de tudo, mantendo um layout padronizado transmites uma impressão mais profissional.
3. Navegação
A palavra-chave é simplicidade. A Internet já é um labirinto de informações. Então não compliques, torna a navegação do teu site simples e concisa. Todas as páginas devem estar a dois, no máximo, três clicks de distância umas das outras. Podes conseguir isto colocando menus para as áreas principais do site em todas as páginas. Uma forma de testar a navegação do site é chamar alguém, de preferência, sem muito conhecimento. Pede-lhe que encontre alguma coisa que TU sabes estar lá, só não digas como.
4. Fale connosco
Já tentaste entrar em contacto com a empresa e perdeste-te no labirinto de links e páginas sem encontrar o e-mail ou telefone da mesma? Para evitar este problema, coloca o e-mail em todas as páginas. Se necessário faz um formulário de contacto com poucos campos para o usuário preencher. Apenas o nome, e-mail, telefone (caso haja algum problema com o e-mail) e um espaço para a mensagem são necessários. Poderás pedir as outras informações mais tarde. O importante agora é fazer o contacto.
5. Logos e Imagens
Já disse que ninguém quer esperar dois minutos para ver uma foto que nunca termina de carregar. Se tens que usar muitas imagens para passar a tua mensagem, uma palavra: compressão. As imagens são uma parte importante do site, mas podem torná-lo muito pesado. Para evitar ou pelo menos minimizar este problema, usa compressores de imagens. Existem diversos disponíveis no mercado, inclusive alguns gratuitos.
6. Fontes (famílias de tipos de letra)
Usa apenas uma fonte em todo o site. Se quiseres usar mais de uma fonte, usa apenas para destaques, citações e títulos. Mantendo a variação de tipos de letras no mínimo, garantes um layout mais padronizado e limpo. É muito mais profissional. Outra razão é que há poucas "fontes padrão" na Internet. Arial, Verdana, Courier e Times New Roman são algumas delas. Se usares alguma fonte fora dos padrões, pode ser que os Internautas não vejam as páginas como foram criadas, ou completamente desformatadas. Usa também CSS’s (Cascading Style Sheets) de modo a garantir uma perfeita formatação do texto, assim sabes que independente da resolução, definições de ecrã ou browser do utilizador, o teu texto terá sempre o mesmo corpo e formatação.
7. Espaço em branco
Tão importante quanto as notas de uma canção são as pausas. Pergunta a qualquer músico. O mesmo ocorre no design de qualquer peça publicitária. Deixa o texto “respirar”. Usa margens à esquerda e a direita. Seguindo estas sugestões, o layout ficará muito mais limpo, agradável e profissional.
8. Becos sem saída Um beco sem saída é uma página aonde não existem links para sair dela. Pensa no site de uma forma que não precise dos botões do browser para navegar, ou seja, se precisares clicar no botão voltar, algo está errado. Podes colocar um link <voltar> nas páginas, mas esta não deve ser a única forma de sair da página.
9. Links Mortos
Links mortos são aqueles que estão no menu, mas ainda não foram criadas as páginas correspondentes ou, pior ainda, levam a uma "página em construção". Se a página não existe ou não está completa, não coloques indicações para ela, no futuro poderás colocar os links e destacar que a página é nova, tornando o conjunto mais dinâmico e trazendo maior impacto. Além de tudo, links mortos dão um ar de falta de profissionalismo. Páginas com a mensagem "em construção" causam uma frustração enorme ao internauta, afinal ele espera encontrar a informação, mas ela não está lá. Um site de verdade, estará sempre em construção. A construção só termina com o fim do site ou da empresa.
10. Links Quebrados
Testa todos os links em todas as páginas, sempre. Links quebrados, ou seja, os que levam a páginas de erro ou não existentes, são outro factor de frustração e falta de profissionalismo. Se tens muitos links externos (para outros sites), testa-os de vez em quando para manter a integridade do site.
Fonte: José Moreira http://www.1bigo.com/
