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

Dando continuidade ao artigo da semana anterior, seguem mais algumas dicas para ajudar no desenvolvimento de um bom website.

Dica 4 – O usuário deve sempre controlar suas ações no website.

As ações do web site devem ser reversíveis, isto é, o usuário deve ser capaz de desfazer pelo menos a última ação realizada. Essa capacidade encoraja o usuário a explorar o website pois, ele sabe, de antemão, que os erros cometidos podem ser corrigidos.

· Sempre possibilitar o retorno à página anterior;
· Permitir que processos ou transações sejam canceladas mesmo antes de terminadas;
· Só desviar para outra página quando o usuário tomar alguma ação como, por exemplo, digitar Enter;
· Evitar janelas adicionais;
· Utilizar estrutura que indique a navegação que foi feita pelo usuário até a página em que se encontra, em formas de links. Essa estrutura é conhecida como bread crumb ou "migalhas de pão" e pode ser utilizada para navegação pelo website:

- Exemplo: Home -> Página de Produto -> Produto 1 -> Dados do Produto

· Oferecer serviço de busca em todas as páginas do website, com pesquisa restrita apenas ao conteúdo do website;
· Não utilizar plug-ins auto-instaláveis;
· Em formulários de entradas de dados, posicionar o cursor sempre nó próximo campo a ser preenchido;
· Possibilitar entrada de dados por mouse ou teclado e saída de dados em impressora selecionada pelo usuário.

Dica 5 – Capacidade do website em se adaptar ao contexto e necessidades do usuário.

Em função da enorme diferença entre usuários e suas formas de interação com o website, é necessário que a interface seja flexível o bastante para realizar a mesma tarefa de diversas maneiras.

· Minimizar a quantidade de cliques para chegar na informação desejada. O recomendável são 4 cliques no máximo;
· Não utilizar páginas sem conteúdo útil como, por exemplo, páginas apenas com mensagens de boas vindas;
· Desenvolver páginas que se adaptem a resolução do monitor do usuário;
· Para ações de download, se forem demorar mais do que 10 segundos, informar o tamanho do arquivo;
· Evitar a utilização de elementos gráficos nos arquivos de download;
· Em páginas com textos explicativos, sempre começar pelo mais importante, garantindo que as informações e elementos relevantes estejam disponíveis sem a necessidade de rolar a tela;
· Se o texto a ser apresentado for muito extenso, oferecer a possibilidade de download do mesmo;
· Oferecer serviço de pesquisa no website com verificação ortográfica ou resultado fonético;
· No resultado das buscas, sempre apresentar os resultados mais relevantes em primeiro lugar, sem necessidade de apresentar telas intermediárias com indicação de porcentagens de relevância;
· Ainda no resultado da busca, destacar as palavras encontradas iguais a palavra digitada para pesquisa;
· Se não forem encontrados resultados para a busca pesquisada, oferecer lista com sugestões de termos mais próximos;
· A caixa de busca deve aceitar pelo menos 3 palavras digitadas.

Dica 6 – Evitar ao máximo a ocorrência de erros

Quanto menor a probabilidade de erros, menos interrupções ocorrem e melhor é o desempenho do usuário.

· Não usar páginas com expressão "em construção". O website deve apresentar apenas o que já está finalizado e pronto para acesso;
· Não liberar website parcialmente pronto;
· Remover dados/páginas desatualizados, como por exemplo, páginas convidando os usuários para participarem de eventos que já ocorreram;
· Oferecer páginas de ajuda;
· Não usar URLs muito extensas ou sem significado;
· Evitar hífens ou outros caracteres especiais no endereço das páginas, bem como "O" e "0";
· Escolher bem os títulos das páginas, com duas a seis palavras, de forma que caracterizem bem seu conteúdo;
· Não repetir o mesmo título em duas páginas diferentes;
· Fornecer mensagens de erro com sugestões ou instruções simples para a correção do erro;
· Não utilizar image maps que exijam muita precisão ao clicar;
· Evitar páginas órfãs, sem qualquer indicação de opções de navegação.

Com essas 3 dicas, fechamos a segunda parte do artigo. Em breve estará disponível a terceira parte com o complemento das dicas.

Outro dia tem mais.

Esse artigo também foi publicado em:
www.marketingparainternet
www.ogerente.com.br
www.outrolado.com.br

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 - 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.
• 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.

Por enquanto é isso. Em breve estará disponível a segunda parte dessas dicas.

Outro dia tem mais.

Esse artigo também foi publicado em:
http://www.marketingparainternet.com/marketing_para_internet_boas_praticas_website_parte_1.htm
http://www.outrolado.com.br/Artigos/boas_praticas_no_desenvolvimento_de_web_sites__parte_1
http://www.ogerente.com.br/novo/colunas_ler.php?canal=12&canallocal=54&canalsub2=180&id=898