Recomendações no Projeto de Interfaces para Web

A subseção anterior listou um conjunto de regras gerais relacionadas com a usabilidade de interfaces para web, estas regras gerais norteiam a construção de interfaces para web. De forma a complementar estas regras Nielsen (2000) define um conjunto de recomendações relacionadas aos principais componentes das interfaces web e que foram

seguidas no desenvolvimento do AVA proposto neste trabalho. Estas regras são descritas nos quadros 4.1, 4.2 e 4.3 a seguir:

Elemento da

Interface Recomendações

Páginas web • preferir usar a resolução 800 X 600 (480.000 pixels), pois esta ainda é a resolução preferida dos usuários;

• não desperdiçar espaço com elementos redundantes (ex: elementos de navegação que já existem nos próprios navegadores não deveriam estar presentes na interface);

• o conteúdo deve corresponder a pelo menos 50% do espaço reservado na tela;

• evitar projetar páginas que utilizem a última tecnologia disponível, pois os usuários demoram a atualizar seus navegadores.

Preenchimento

de Formulários • cortar questões e campos desnecessários. (por exemplo, solicitar endereço de uma pessoa que solicita uma cotação de preços, se a resposta vai por e-mail);

• não exigir campos obrigatórios, se estes não forem absolutamente necessários. Se um campo for obrigatório ele deve vir com alguma marca que o identifique como obrigatório, por exemplo, usando cor ou um caractere como o asterisco (“*”) ao lado do campo;

• permitir campos auto preenchidos onde possível;

• ajustar o foco do teclado para o primeiro campo quando o formulário é mostrado;

• permitir entrada flexível para telefones, cartões de créditos e similares. (alguns usuários preferem digitar dados numéricos continuamente ao invés de blocos de 3 ou 4; a formatação pode vir depois).

Elemento da

Interface Recomendações

Uso de Cores • agrupar diferentes tipos de informação na página na web, se possível agrupar em pequenos números “7 mais ou menos 2” de categorias (Miller, 1956);

• usar cores e ícones para atrair a atenção na página. O olho é sempre atraído por elementos coloridos antes dos elementos em preto e branco e por desenhos antes do texto;

• respeitar as convenções de layout de leitura da informação;

• quando a informação for posicionada verticalmente, alinhar os links por suas extremidades esquerdas (em países ocidentais);

• tratar as informações respeitando sua hierarquia.

Layout • as cores de uma página web não devem ser selecionadas de forma

separada, e sim, dentro de um contexto geral;

• se for usado um fundo colorido, selecionar as cores do texto de modo a obter contraste mais forte entre o texto e o fundo;

• não usar várias cores em uma única página, isso distrai a atenção do usuário e causa a perda de foco na atividade principal;

• usar cores monocromáticas para o texto sempre que for possível;

• para agrupar elementos relacionados usar a mesma cor.

Fontes _• limitar o número de fontes e estilos em uma mesma página. Usar no máximo duas fontes (por exemplo, Arial e Verdana), duas inclinações (normal e itálico), dois pesos (regular e negrito), e quatro tamanhos (título principal, subtítulo, texto e nota de rodapé);

• não utilizar fontes muito grandes;

• usar fontes com caixas alta e baixa. Fontes com caixas alta e baixa de forma combinada são mais legíveis e compreensíveis.

• usar fontes que estejam disponíveis na maioria dos sistemas operacionais, por exemplo: arial, verdana e times new roman.

HOMEPAGE

(Página Principal) • jamais animar elementos críticos da página principal, tais como logotipos, slogans ou títulos. Os usuários terão dificuldades em vê-los;

• não utilizar componentes de interface como parte da tela, a menos que eles sejam clicáveis. Ex: uso de marcadores gráficos ao lado de texto;

• não utilizar telas splash (telas de abertura), e evitar janelas pop-up. Isto irrita o usuário e muitas vezes eles passam direto por elas ou abandonam o site.

Elemento da

Interface Recomendações

Navegação • alocar a área de navegação principal em um local bastante destacado, de preferência imediatamente ao lado esquerdo do corpo principal da página (em países ocidentais);

• não incluir um link ativo para homepage na própria homepage;

• fornecer informações sobre o contexto em que se encontra o usuário. Utilizar barras de navegação no site que responda as perguntas: Onde

estou? Onde estive? Onde posso ir?;

• manter a uniformidade das facilidades de navegação;

• manter um número de cliques reduzidos para o usuário chegar as informações que busca, por exemplo: recomenda-se três cliques para informações importantes ou freqüentemente consultadas; quatro ou cinco cliques para 80% das informações do documento e sete cliques para atingir qualquer parte do documento.

Capacidade

de Busca • disponibilizar um caixa de entrada para pesquisa na homepage, ao invés de oferecer um link para uma página de pesquisa;

• utilizar caixas onde os usuários possam ver e editar suas consultas no site (o tamanho da caixa deve suportar pelo menos 25 caracteres visíveis);

• a menos que pesquisas avançadas sejam regra geral no site, forneça pesquisa simples, se necessário forneça um link para acessar a pesquisa avançada ou dicas de pesquisa se existirem;

• a pesquisa na homepage deve pesquisar no site inteiro. Não se deve limitar a capacidade de busca, pois os usuários pressupõem, quase sempre, que a busca é completa;

• não oferecer o recurso de pesquisar na web, no site, caso os usuários necessitem disso eles usarão os seus favoritos, além de tornar a pesquisa mais complexa.

Personalização • a personalização pode funcionar bem, desde que não exija nenhum esforço de configuração por parte dos usuários;

• se for possível fazer recomendações relevantes, com base no comportamento anterior do usuário, eles ficarão gratos;

• não disponibilizar recursos para personalizar a aparência básica da interface, é melhor concentrar-se em recursos que sejam mais eficientes para a maioria dos usuários.

Quadro 4.3 – Elementos da Interface e recomendações de utilização na Web (Nielsen, 2000) (continuação).