2. USABILIDADE
2.5 Princípios e Diretrizes de Usabilidade
2.5.1 Condução do Usuário pelo Sistema
O critério de conduzir o usuário significa que o sistema deve: aconselhar,
orientar, informar, instruir e guiar o usuário na interação com o sistema (podem ser
utilizadas mensagens, alarmes ou rótulos). A condução deve possibilitar a
localização do usuário, o conhecimento das ações permitidas, suas conseqüências e
proporcionar aprendizado rápido, fácil utilização e poucos erros.
A análise da condução é feita a partir de outros quatro subcritérios: o convite,
o agrupamento e distinção pela localização, agrupamento e distinção pelo formato,
feedback imediato e a legibilidade.
O subcritério convite é um critério elementar que compreende os meios de
levar o usuário a realizar determinadas ações a partir de informações que identificam
os estados ou o contexto no qual se encontra o sistema, as ações alternativas, as
ferramentas de ajuda e o modo de acesso.
Como exemplo, as interfaces convidativas apresentam aos usuários as
seguintes características, tais como (Figura 3):
• O sistema deve permitir ao usuário identificar o estado ou contexto no
qual se encontra;
• O sistema deve possibilitar ao usuário conhecer as alternativas de
ações;
• O sistema deve apresentar títulos claros para as telas, janelas e caixas
de diálogo;
• Para a entrada de dados, o sistema deve indicar o formato adequado e
os valores aceitáveis (Por exemplo, as entradas para datas: Data
(dd/mm/aaaa: __/__/____);
• O sistema deve indicar o tamanho do campo quando ele é limitado;
• O sistema deve prover ajuda on-line claramente indicada.
Figura 3 - Uma interface convidativa (com destaques do autor)
Fonte: http://www.submarinoviagens.com.br, acesso em: 16 de maio de 2009
O subcritério de agrupamento e distinção pela localização é uma qualidade
que caracteriza um software organizado espacialmente e refere-se ao
posicionamento relativo dos itens dentro de grupos de informações. Para Cybs,
Betiol e Faust (2007), uma interface espacialmente organizada deve apresentar as
seguintes características:
• Os grupos e opções de menus devem ser definidos logicamente em
função dos objetos e ações a que se aplicam (organização das opções
de menu apresentadas na Figura 4);
Indicação do contexto: Passagens, pacotes, hotéis ou cruzeiros.
Títulos claros para as telas, janelas e caixas de diálogo Indicação da sintaxe da entrada de dados Possibilitar ao usuário conhecer as alternativas de ações
Figura
• Os campos dos formulários devem ter uma seqüência lógica (
• As listas de dados ou informações devem ser coesas (conter
informações de um mesmo tipo) e ordenadas logicamente;
• Deve haver s
conforme a
Figura Fonte: Adaptado de
O subcritério de
organização dos itens a partir da forma gráfica dos componentes, tais como cores,
tamanhos, estilos dos caracteres e outras formatações da interface, permitem que o
Figura 4 - Menu com opções organizadas em grupos Fonte: Adobe Reader
Os campos dos formulários devem ter uma seqüência lógica (
As listas de dados ou informações devem ser coesas (conter
informações de um mesmo tipo) e ordenadas logicamente;
Deve haver separação ou aproximação de itens e grupos nas telas,
conforme as relações lógicas estabelecidas entre elas.
Figura 5 - Formulário com a seqüência lógica de campos
Adaptado de http://www.submarinoviagens.com.br/Viagens/Cadastro.aspx em: 16 de maio de 2009
subcritério de agrupamento e distinção pelo formato
organização dos itens a partir da forma gráfica dos componentes, tais como cores,
dos caracteres e outras formatações da interface, permitem que o
em grupos
Os campos dos formulários devem ter uma seqüência lógica (Figura 5);
As listas de dados ou informações devem ser coesas (conter
informações de um mesmo tipo) e ordenadas logicamente;
eparação ou aproximação de itens e grupos nas telas,
s relações lógicas estabelecidas entre elas.
lógica de campos
http://www.submarinoviagens.com.br/Viagens/Cadastro.aspx, acesso
agrupamento e distinção pelo formato refere-se à
organização dos itens a partir da forma gráfica dos componentes, tais como cores,
dos caracteres e outras formatações da interface, permitem que o
usuário perceba as similaridades e diferen
Uma interface graficamente organizada
para elementos de funç
informações (Figura 6); n
dados.
Figura 6 - Interface graficamente organizada com distinção visual de cores e ícones Fonte:
O subcritério de
apresente respostas às ações do usuário
tecla a uma ação mais complex
respostas que devem ser
de transações.
A rapidez do feedback
entendimento do diálogo e
As conseqüências da ausência ou dem
indicar uma falsa falha do
prejudiciais para o sistema.
Exemplos de situações aplicáveis:
• Todas as entradas
sistema. Me
modo a não revelar seu conteúdo, como por exemplo, o uso de
asteriscos
usuário perceba as similaridades e diferenças das informações.
ma interface graficamente organizada deve estabelecer uma distinção visual
para elementos de funções diferentes, tais como comandos, ferramentas, dados e
; nos formulários, deve haver ainda, distinção entre rótulos e
Interface graficamente organizada com distinção visual de cores e ícones Fonte: Adaptado de Cybis, Betiol e Faust (2007, p. 29
feedback imediato consiste em garantir que o sistema
respostas às ações do usuário, desde um simples pressionamento de
mais complexa. Em todos os casos o sistema deve oferecer
respostas que devem ser rápidas, apropriadas e consistentes para os diversos tipos
feedback é um fator de qualidade
entendimento do diálogo e o estabelecimento da confiança e satisfação do usuário
ausência ou demora de feedback pode confundir
indicar uma falsa falha do sistema e até induzir o usuário a
prejudiciais para o sistema.
Exemplos de situações aplicáveis:
Todas as entradas e ações do usuário devem ser
. Mesmo as entradas confidenciais devem ser relatadas de
modo a não revelar seu conteúdo, como por exemplo, o uso de
(conforme a interface de identificação e autenticação do
estabelecer uma distinção visual
diferentes, tais como comandos, ferramentas, dados e
distinção entre rótulos e
Interface graficamente organizada com distinção visual de cores e ícones , p. 29)
em garantir que o sistema
um simples pressionamento de
. Em todos os casos o sistema deve oferecer
para os diversos tipos
é um fator de qualidade necessário para o
o estabelecimento da confiança e satisfação do usuário.
pode confundir o usuário,
o usuário a tomar atitudes
do usuário devem ser notificadas pelo
devem ser relatadas de
modo a não revelar seu conteúdo, como por exemplo, o uso de
identificação e autenticação do
sistema na
Figura
• Após o cancelamento de uma transação, o sistema deve apresentar
uma mensagem informando ao usuário que o
estado anterior;
O sistema deve informar ao usuário que um processamento demorado está
em execução, bem como a sua conclusão (conforme a tela de
8).
Figura 8 -Fonte:
A legibilidade é um
apresentação da informação na interface, que podem facilitar ou dificultar a leitura
desta informação (brilho do caractere, contraste entre a letra e o fundo, tamanho da
fonte, espaço entre letras, espaço entre linhas, espaço entre pará
comprimento da linha).
Pode-se melhorar o desempenho da interação
apresentação da informação na tela leva em consideração as características
na Figura 7);
Figura 7 - Interface com recursos de confidencialidade
Fonte: Tela de login o autor
Após o cancelamento de uma transação, o sistema deve apresentar
uma mensagem informando ao usuário que o sistema retornou ao
estado anterior;
O sistema deve informar ao usuário que um processamento demorado está
em execução, bem como a sua conclusão (conforme a tela de downloads
- Interface com identificação de processamento em execução Fonte: Tela de download do navegador Mozzila Firefox
é um subcritério que se preocupa com as características
informação na interface, que podem facilitar ou dificultar a leitura
desta informação (brilho do caractere, contraste entre a letra e o fundo, tamanho da
fonte, espaço entre letras, espaço entre linhas, espaço entre pará
se melhorar o desempenho da interação do usuário
apresentação da informação na tela leva em consideração as características
Interface com recursos de confidencialidadeApós o cancelamento de uma transação, o sistema deve apresentar
sistema retornou ao
O sistema deve informar ao usuário que um processamento demorado está
downloads na Figura
de processamento em execução Mozzila Firefox
as características da
informação na interface, que podem facilitar ou dificultar a leitura
desta informação (brilho do caractere, contraste entre a letra e o fundo, tamanho da
fonte, espaço entre letras, espaço entre linhas, espaço entre parágrafos e
do usuário quando a
apresentação da informação na tela leva em consideração as características
cognitivas e perceptivas dos usuários, tais como: atenção, percepção, memória,
raciocínio, imaginação, pensamento e linguagem. Apesar do subcritério de
legibilidade ser uma qualidade genérica, este deve ser particularmente observado
quando a interface for destinada para pessoas idosas e com problemas de visão
(CYBIS, BETIOL e FAUST, 2007).
Em uma interface legível:
• Os rótulos devem iniciar com letra maiúscula;
• Textos longos devem aparecer em letras maiúsculas e minúsculas
naturalmente (maiúsculas no início de frases e em nomes);
• Para o caso de textos que devem ser lidos por idosos ou pessoas com
problemas de visão, as letras devem ser claras sobre um fundo escuro,
pois para essas pessoas, a disposição de letras escuras sobre fundo
brilhante ofusca as letras. No exemplo da Figura 9, as telas da
plataforma Lattes disponibilizam apresentações para pessoas com
visão normal (fundo claro e letras escuras) e para pessoas com baixa
visão (fundo escuro com letras claras).
Figura 9- Interfaces com recursos de acessibilidade (com destaque do autor) Fonte: http://lattes.cnpq.br/, acesso em: 16 de maio de 2009
Para Nielsen e Loranger (2007), independentemente da qualidade visual do
site, se as pessoas não puderem ler o texto facilmente, ele estará destinado ao
A partir do pressionamento de botões o sistema permite mudar as cores do fundo, o tamanho e as cores das fontes.