OS DEZ PIORES ERROS EM UM WEBSITE

Baseando em um artigo do Nielsen de 2005, hoje falarei sobre alguns "erros" dos sites atuais, antecipo, que de 2005 para cá, pouca coisa mudou.

Problemas de Legibilidade

"As fontes ruins ganharam o voto por um landslide, ganhando a maioria duas
vezes mais votos como o erro #2. Aproximadamente dois terços dos eleitores
queixaram-se sobre tamanhos de fontes pequenas ou tamanhos de fontes frozen;
aproximadamente um terço queixou-se sobre o baixo contraste entre o texto e o
fundo. " Nielsen 2005

Devemos nos lembrar sempre das pessoas que navegaram pelo site, se for um portal por exemplo, deixar as fontes sob controle do usuário não é má idéia.
Outro problema que eu tenho visto muito, é de textos onde os acentos, cedilhas etc. não funcionam, ou seja, o pobre usuário não sabe o que fazer nessas ocasiões... fazemos o que então??
Vamos prestar atenção e testar os sites em todos os browsers antes de entregar para o cliente.


Conteúdo que não é escrito para a Web

"Escrever para Web significa simplificar (como um índice = content)

• curto,
• selecionável,
• e que vá direto ao ponto.
  

O conteúdo da Web também deve responder questões dos usuários e
usar
linguagem comum ao invés de termos feitos (isto também melhora a visibilidade da
ferramenta de busca, desde que os usuários usem essas palavras, e não sua
própria). "Nielsen 2005

As pessoas teimam em querer escrever textos enormes para web, porém, cada vez menos os usuários leem na web para entender mais o porquê de escrever textos menores, e mais confortáveis a leitura para web, clique aqui.

Incompatibilidade de Browser

"Eu admito: durante meus seminários na primavera de 2004, eu degradei a
compatibilidade da plataforma cruzada a uma estrela guia (isto é, “vale pensar
sobre se você tem tempo extra para um projeto, mas não com uma prioridade”).
Naquele tempo, quase todos usavam Internet Explorer e as empresas que davam
suporte a outros browsers estavam consideravelmente resistentes em defender uma
base do ROI.

Hoje, entretanto, muitas pessoas usam Firefox (e vários
outros browsers, como Opera e Safari) sendo que o caso se repete. "
Nielsen 2005

Ou seja, devemos lembrar sempre que cada browser se comporta de uma forma, se pudemos porgramar de forma que todos os browsers se comportem da mesma ou de forma semelhante, então deveremos perder um pouco de tempo com isso. Hoje a grande maioria utirliza Firefox e Internet Explorer, porém existem pessoas que entram pelo celular, pelo Safari e a quantidade de erros que se dá é enorme.

O ideal é evitarmos as "gambiarras", como dizia uma amiga minha, gerente de projetos para web e programarmos com mais carinho e testando sempre em todos os browsers que pudermos, ou pelo menos no Firefox, ópera (que é o que mais se aproxima dos browsers para celulares) e logicamente o maldito internet explorer!!!

Cristiana Marroig

O q é CSS???

Para entender o que é CSS é necessário antes entender o que é HTML.


O HTML(Hyper Text Markup Language) foi desenvolvido e criado por cientistas para tráfego de informações. Com o tempo este foi se aperfeiçoando, assim foi possível dar atributos a estes textos, como mudanças de cor, de tipo de fonte, etc.

Com isso, a cada mudança de parágrafo, ou de título seria necessário colocar as características na linha que o progrqamador desejasse, mas e se um dia ele precisasse mudar todas as linhas do seu site, um site de 100 páginas por exemplo, como ele faria? A única forma seria alterando linha por linha... então, para otimização deste tempo, surge o CSS (Cascading Style Sheets), ou seja ele definirá num arquivo separado as funções e características de todos os parágrafos do site ou de todos os títulos, por exemplo.

Podendo ser re-definido por ordem de prioridade em cascatas... mas isso é muito técnico... podemos ver outro dia.

O Fato que importa é... Qual a vantagem de ter o Meu Site em CSS sem tabelas?


As vantagens do CSS são:

1. Com CSS otimizamos o tempo de criação e manutenção de um site


2. O código de textos, fica separado ao do design em um arquivo de CSS;
   
3. O tamanho do código HTML fica menor, além de mais fácil de entender, otimiza o carregamento da página;


4. Os Navegadores carregam o layout da página mais rápido, podendo chegar até a 70%.
   Maior eficiência no gerenciamento do Layout.


5. Com o CSS é possível criar páginas com layouts “sofisticados” que antes era possível apenas com a utilização de tecnologias como o Flash ou applets Java.
   
6. E fora que é possível controlar a aparência da sua página apenas com ele.

Na figura abaiso podemos ter uma idéia de como isso funciona.este é o site sem a folha de estilos, como ele apareceria com o HTML simples.
Podemos ver que aparecem apenas os textos e parte das imagens, as fontes são default do HTML, ou seja Times New Roman, o botão também, os Hiperlinks têm o mesmo estilo: cor azul e sublinhada.

Nesta próxima imagem, vemos o site com o CSS ativo.

Como podemos perceber, os fundos as fontes, as cores mudaram, ou seja todo o layout é codificado apenas em um único arquivo.

Lógico que para o programador Tabless, não é fácil fazer isso, até porque conseguir que em todos os browsers se comportem do mesmo modo, é algo que leva tempo de estudo, dedicação e muita paciência!!!