Outubro 2007 - Usabilidade, Acessibilidade

Boas Práticas no Desenvolvimento de Web Sites - Parte 1

Em um processo de compra B2B, cada vez mais o website tem sido o destino de compradores e especificadores. O processo pode começar de diversas formas, revistas técnicas, sites de buscas, portais verticais, indicação de colegas, mas sempre, antes de decidir pela compra, o comprador acessa o website do fornecedor.

É nessa hora que a qualidade do website e das informações que esse oferece se torna um fator primordial para a decisão compra. Um bom website tem que ter uma fácil navegação, intuitiva, rápida e que ofereça a informação que o comprador está procurando.

Pensando nisso, segue abaixo a primeira parte de uma série de artigos com dicas para ajudar a desenvolver um bom website. Essas dicas foram escritas com base em artigos de outros autores e também com base em uma livre interpretação de alguns protocolos e padrões da W3C.

Dica 1 – Definir objetivos claros para o web site

Antes de qualquer ação, é preciso saber o que se espera do website que será desenvolvido. Web sites sem objetivos claros são confusos, dispersos e dificultam o usuário a atingir suas necessidades. 

Para desenvolver um novo website, ou reformular um já existente, é necessário responder as seguintes perguntas:

• Qual a finalidade do website?
• Qual o público-alvo do website?
• Para que o público-alvo vai utilizar o website?
• Quais os principais concorrentes da empresa?
• Quais as palavras-chaves que são ou devem ser utilizadas para que compradores encontrem o website em mecanismos de buscas?

Com base nas respostas dessas perguntas é possível desenvolver um roteiro de desenvolvimento que servirá como guia durante todo a fase de desenvolvimento, assegurando que o website seja desenvolvido para atender ao mercado comprador. 

Dica 2 - Orientar e conduzir o usuário durante a utilização do website.

Um dos maiores problemas durante a navegação é quando o usuário se perde nas páginas do website. Para minimizar essa dispersão, o website deve sempre informar o usuário quanto a página em que ele se encontra, como chegou até essa página e quais são suas opções de saída.

Isso pode ser feito através de algumas recomendações:

• A página principal deve informar ao usuário onde ele está e o que o website oferece;
• Em todas as páginas do website oferecer um link de retorno para a página principal;
• Durante a navegação, as páginas devem informar ao usuário onde ele está, de que página ele veio e para aonde ele pode seguir;
• É imprescindível existir um mapa do site para que o usuário possa se localizar em qualquer momento da navegação;
• Com relação aos links do website:
  • Devem ser auto-explicativos;
  • Evitar o uso de expressões como "clique aqui”;
  • Marcar como link o texto (nome da empresa, título da página, assunto etc.) e não o endereço URL;
  • Apontar exatamente para o conteúdo descrito no link;
  • Em caso de conteúdo fechado, para usuários registrados, indicar graficamente ao lado do link (ex.: ícone de cadeado ou chave);
  • Se possuir lista de links úteis, inserir comentários sobre cada link disponível;
• Usar o atributo ALT da HTML (HyperText Markup Language), com o significado das imagens para que o texto apareça enquanto estiver sendo feito o download da figura ou quando o usuário optar por suprimir figuras na configuração do seu navegador web.
• Em mapas de imagem, colocar ALT em todas as posições clicáveis.

Dica 3 - L egibilidade, estética e quantidade de informação.

Quanto menos o usuário for distraído por informação desnecessária, maior a probabilidade desse usuário encontrar o que realmente procura, satisfazendo a sua necessidade.

• Ocupar de 50 a 80% da página com conteúdo (preferencialmente, 80%);
• Ocupar no máximo 20% da página com informações sobre a navegação;
• Evitar a utilização de frames.
• Não usar propaganda. Se for necessária, utilizar parte do espaço anteriormente destinado à navegação, e não do espaço destinado ao conteúdo;
• Evitar menus pull-down. Aqueles que abrem as opções quando o mouse é passado sobre o item;
• Evitar imagens ou textos animados;
• Não utilizar desenhos ou texturas no fundo de página. Quanto mais limpa e clara melhor;
• Utilizar um conjunto limitado de cores;
• Para realçar textos, usar cores ao invés de sublinhado ou elementos piscando;
• Contrastar letras com o fundo (melhor utilizar fundo claro, com texto escuro);
• Usar no máximo dois tipos de fontes e com tamanhos legíveis, mas não exagerados;
• Eliminar qualquer elemento que não seja relevante ao usuário e que possa causar confusão;
• É recomendável evitar conteúdos protegidos por senhas.

Para ler a segunda parte desse artigo, acesse Boas Práticas no Desenvolvimento de Web Sites - Parte 2.

Outro dia tem mais.

Esse artigo também foi publicado em:
http://www.outrolado.com.br/
http://www.ogerente.com.br/
http://enainternet.blogspot.com/