Outubro 2007 - Usabilidade, Acessibilidade

Boas Práticas no Desenvolvimento de Websites - Parte 2

Dando continuidade ao artigo da semana anterior, Boas Práticas no Desenvolvimento de Websites - Parte 1, 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 no 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.

Para ler a terceira e última parte desse artigo, acesse Boas Práticas no Desenvolvimento de Web Sites - Parte 3 .

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

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/