Os piores erros do web designer
8 de Novembro de 2006
Resolvi organizar um CD com o backup de todos os sites que eu já fiz – ou pelo menos tudo o que eu tenho salvo. Olhando alguns deles eu reparei em alguns erros tão bobos que parecem mentira, mas que nem passam pela cabeça de um iniciante:
- Definir pelo CSS a cor do link na mesma cor do texto e, pior, sem sublinhado. Como alguém vai saber onde está o link?
- Usar folha de estilo incorporada em todas as páginas. Assim, a cada alteração no estilo do site é necessário abrir página por página pra alterar o estilo – coisa que não acontece quando se usa a óbvia folha de estilo externa.
- Não definir um texto alternativo pra uma imagem que é o único jeito de chegar a alguma página. Somando isso a não salvar as imagens corretamente você tem um backup quase inútil.
- Usar acentuação normal no código HTML.
- Usar tabelas para alinhar o layout. Em páginas com o conteúdo pequeno tudo bem, mas quando se usa isso num blog com muito texto a tabela é carregada antes de ser exibida – e se demorar muito pra carregar o usuário não vê nada, desiste e vai embora.
- Usar espaços e gifs transparentes pra alinhar o layout.
- Splash screen em Flash sem opçã em HTML para o usuário entrar no site. Aliás, splash screen em geral é uma coisa totalmente fora de moda: mostre logo o seu conteúdo e economize meu clique!
- Código HTML desorganizado ou sem comentários.
Não é bom olhar nosso trabalho antigo e ver como evoluímos ao longo dos anos? =)
Posts relacionados:
Postado em Usabilidade
Tags: artigo, dicas, erros, tutorial, web design
BCRick 11/11/2006 às 5:40 pm
Após ler esta matéria, resolvi usar estilo importado no site, que maravilha!
Se tivesse optado por usar antes, teria me economizado horas nas modificações do site!!! rsrsrs.
Hugo 11/11/2006 às 11:55 pm
Usar acentuação normal em código HTML não é um erro, contanto que no código HTML tenha informando qual a codificação que você esta usando (ISO-8859-1, UTF-8, etc), o problema é que antigamente usavam os acentos sem informar a codificação, dai navegadores que usassem uma codificação padrão diferente da que você usou para digitar o código poderiam ver caracteres acentuados, e talvez outros também, de forma diferente.
Hoje em dia os sites que faço são usando UTF-8, e o código todo é codificado em UTF-8, isto é, acentos direto no código, facilita a leitura e digitação além do que é algo previsto e esperado pelo padrão XHTML, e como UTF-8 é uma codificação para Unicode, se por exemplo eu precisar digitar o nome de uma pessoa russa que tenha caraceres “esquisitos”, poderei fazer isso sem problemas :-).
Onde eu trabalhava a uns 2 anos atrás usavam esta gambiarra de usar pequenos gif’s transparentes para ajustar os espaçamentos… dava uma dor no coração toda vez que eu via aquilo… e acabou que não consegui convencer o(s) açogueiros a pararem de usar isso… mas em um lugar onde nas raras vezes que usavam CSS criavam estilos com o nome “textoAzul12″, e quando eu ia olhar as propriedades do estilo estava lá a cor do texto preta e a fonte tamanho 10px, isso de usar gif’s transparentes era fichinha.
Ah.. HTML desorganizado graças ao dreamweaver, com milhares de tabelas para simplesmente qualquer coisa infelizmente também era mais que normal… eu tinha duas alternativas… ou refazia todo trabalho dos outros ou chorava…. dependendo da situação eu escolhia um ou ourto =/
Rodrigo P. Ghedin 16/12/2006 às 10:49 am
Assim como o Hugo, também escrevo acentos normalmente no HTML. A única precação é salvar a página em UTF-8, e ter o cuidado de declarar o charset correto (no caso, UTF-8) no cabeçalho da página.
O webdesigner é igual vinho: melhora com a idade. Tenho alguns layouts antigos guardados, e sinto calafrios quando os vejo…
Isso reforça a obrigação que todo webdesigner tem de se manter atualizado, haja visto que nosso ramo de atuação evolui numa velocidade impressionante.
[]’s!
armando 13/02/2007 às 9:01 am
brincadeira falar que html desorganizado é culpa do dreamweaver.. o dreamweaver sempre gerou codigo limpo.. se o usuario faz cagada nao é culpa do dw..