Dando continuidade ao artigo da semana anterior (Boas
Práticas no Desenvolvimento de Web Sites - 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 (1) 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 (2) 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 (3), 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 mapas de imagem(4) 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 primeira parte desse artigo, acesse Boas
Práticas no Desenvolvimento de Web Sites - Parte 1.
Outro dia tem mais.
(1) bread crumb -
ou migalhas de pão, são links que mostram o caminho que o usuário percorreu no
website até chegar na página atual. Permite que o usuário possa voltar e rafazer
o caminho.
(2) plug-ins - é um pequeno software que serve para
adicionar funções a outros softwares, provendo alguma funcionalidade específica.
(3) download - em português descarregar, é a transferência de
dados de computador remoto para um computador local.
(4) mapas de imagem - Ou imagemap, são imagens que podem ser
clicadas. Cada ponto da imagem que é clicada remete a uma página
diferente.