Um site deve ter boa usabilidade, isto é, a navegação, interação e entendimento da página devem ser simples e proporcionar conforto ao usuário. Isto não é simples de fazer, também não há uma regra para isso. Cada caso é um caso, porém, existem boas práticas que devem ser seguidas para possibilitar uma melhor usabilidade.
Farei abaixo uma pequena lista de algumas boas práticas que certamente ajudarão desenvolvedores que estão iniciando no desenvolvimento web. Vamos lá:
Limitar quantidade de caracteres
1 – Limitar a quantidade de caracteres aceitos em determinados campos em função de seu tamanho ser fixo. Exemplos:
- CNPJ = 18 (14 + pontos)
- CPF = 14 (11 + pontos)
- CEP = 9 (8 + um ponto)
2 – Limitar a quantidade de caracteres aceitos em determinados campos em função do espaço reservado a eles no banco de dados. Exemplo:
create table teste (
nome varchar(50)
)
Neste exemplo limitar também o campo do formulário em 50 caracteres, já que o espaço que foi reservado para ele é de 50 caracteres.
Validação e uso de formulários
3 – Sempre que possível, validar campos obrigatórios com Javascript ou validadores (ASP.NET), pois nestes dois casos a validação é feita no cliente, isto evita a releitura da página caso os dados não estejam completos.
4 – Campos obrigatórios devem ter uma indicação que são obrigatórios, como o * (asterisco) por exemplo, isto facilita o preenchimento do formulário por parte do usuário.
5 – O campo de um formulário a ser preenchido primeiro, deverá receber automaticamente o foco do cursor, isto evita que o usuário tenha que usar o mouse para posicionar o cursor.
6 – Após pressionar o botão de submit do formulário, o ideal é desativar o botão de envio, desta forma o usuário não poderia dar um segundo click no botão, evitando dados em duplicidade ou mesmo erro no envio e processamento dos dados.
Conteúdo do site
7 – O que não pode ser clicado, não deve estar habilitado. Isto se aplica melhor a aplicações (sistemas web).
8 – Aberturas em flash... Esqueça! A menos que você tenha um bom motivo para fazê-las. Você tem?
9 - Se alguma coisa não for relevante para o site, então não precisamos dela! Literalmente!
Navegação
10 – O usuário deverá dar no máximo dois clicks para chegar a qualquer página. Este conceito é meio relativo, pois haverá casos que você vai precisar mais que isso, porém, o que deve ser entendido aqui é que seu site precisa ter um bom projeto de navegação.
11 – Usar textos alternativos em imagens.
Ex: <img src=”figura.gif” alt=”Aqui deverá ser colocado o texto”>
12- Link interno ou externo?
- Interno é quando o assunto terminou.
- Externo é quando a página destino é um complemento da leitura.
Outra aplicação é que o link interno deve ser usado para páginas de seu site (interno), enquanto que o externo deverá linkar outros sites (externo). Um pouco óbvio não?
13 – Em caso de formulários ou qualquer tipo de interação que o usuário precisar fazer, indique:
- O que ele deve digitar
- O que não pode ser digitado
Com essas dicas, creio que a usabilidade do site poderá ser melhorada. Lembre-se que boas práticas não têm limites. Use a vontade.
// Comentários
Ninguém comentou este post, seja você o primeiro