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 (1).

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 (2) 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 (3);
     - 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 (4) da HyperText Markup Language (HTML) (5), 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 - Legibilidade, 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 (6);
• 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 (7). 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. 

Leia a segunda parte do artigo.
 
Outro dia tem mais.
 
(1) W3C - É um consórcio de empresas de tecnologia que sugere padrões e conceitos que buscam auxiliar no desenvolvimento de websites que possam ser acessados e visualizados por qualquer tecnologia ou pessoa, independente de hardware ou software utilizado.

(2) Mapa do Site – Representação gráfica de todo o conteúdo do website. Fluxo de diagramas ou links indicando cada página do website e seu conteúdo.

(3) URL – Ou Uniform Resource Locator, em português Localizador Uniforme de Recursos, no contexto da Internet, é o endereço de um site ou página de web, como por exemplo www.ogerente.com.br.

(4) ALT – Formatação HTML para indicar o nome da imagem que está sendo carregada pelo website.

(5) HTML – Ou Hyper Text Markup Language é uma linguagem de programação para desenvolvimento de páginas web.

(6) Frames – Divisões da tela de um website, criadas na programação.

(7) Pull-down – Menu de acesso aonde é necessário clicar no item de menu para ver suas subdivisões.