Ergonomia de Interface de
Software
Critérios Elementares
• Presteza
• Agrupamento por
localização
• Agrupamento por formato
• Feedback
• Legibilidade
• Concisão
• Ações Mínimas
• Densidade informacional
• Ações explícitas
•
•
•
•
•
•
•
•
•
Controle do usuário
Flexibilidade
Experiência do usuário
Proteção contra erros
Mensagens de erros
Correção de erros
Consistência
Significados
Compatibilidade
• Presteza
– Projete um sistema que conduza o usuário na
interação.
• Agrupamento por localização
– Certifique-se de que a distribuição espacial dos
itens nas telas conduz o usuário na interação.
Agrupamento por Formato
Será mais fácil para o usuário perceber
relacionamento(s) entre itens ou classes de itens,
se diferentes formatos ou diferentes códigos
ilustrarem suas similaridades ou diferenças.
Tais relacionamentos serão mais fáceis de aprender e
de lembrar.
Um bom agrupamento/distinção leva a uma boa
condução.
Agrupamento por Formato
Recomendações
1 - Fazer uma distinção visual clara de áreas
que têm diferentes funções (área de
comandos, área de mensagens, etc.).
Agrupamento por Formato
Recomendações
2 - Forneça uma codificação distinta para
destacar itens importantes necessitando
atenção do usuário, particularmente quando
esses itens são apresentadas raramente.
Agrupamento por Formato
Recomendações
3 - Distinguir os diferentes elementos de uma
tela, janela ou caixa de diálogo.
Agrupamento por Formato
Recomendações
4 - O formato e a posição dos rótulos devem
ser suficientemente distinguíveis para
ajudar o usuário a diferenciá-los dos dados e
de outros elementos da apresentação.
Agrupamento por Formato
Recomendações
5 - Certifique-se de que os cabeçalhos das
linhas e colunas sejam distinguíveis dos
dados apresentados dentro de tabelas,
através do emprego de cores, fontes e
estilos diferenciados.
Agrupamento por Formato
Recomendações
6 - Forneça codificação diferenciável para
destacar itens importantes exigindo a
atenção do usuário, particularmente quando
esses itens não são apresentados com
freqüência.
Agrupamento por Formato
Recomendações
7 - Sinais sonoros podem ser úteis para alertar
os usuários com relação a uma apresentação
visual.
Considere as apresentações sonoras como um
meio de suplementar a apresentação visual
Agrupamento por Formato
Recomendações
8 - Os recursos de estilo, como itálico,
negrito, sublinhado ou diferentes fontes
devem ser empregados para salientar
palavras ou noções importantes na
apresentação de um texto.
Agrupamento por Formato
Recomendações
9 - Itens selecionados para alteração,
atualização ou acionamento devem ser
destacados.
Agrupamento por Formato
Recomendações
10 - Considerar o atributo de intermitência
visual quando da apresentação de itens com
necessidade urgente de atenção.
Não usá-los em excesso.
Agrupamento por Formato
Recomendações
11 - Na apresentação de formulários,
diferencie clara e consistentemente campos
de dados obrigatórios e opcionais.
Exemplo:
Número de licença: _ _ _ _ _ _ _ _ _ _ _
Capacidade de passageiros: ......................
Agrupamento por Formato
Recomendações
12 - Nas caixas de mensagens, a situação por
default de todo botão de comando deve ser
suficientemente distinta no que se refere a
sua apresentação.
Agrupamento por Formato
Recomendações
13 - Em situações que requeiram uma atenção
particular, as mensagens de alerta e de aviso
devem ser codificadas de maneira
suficientemente distinta.
Agrupamento por Formato
Recomendações
14 - Para designar a posição em uma tela,
fornecer um cursor móvel com
características visuais distinguíveis (forma,
efeito piscante, etc.)
Exemplos:
Data: |__/__/____
Texto: __________________
Agrupamento por Formato
Recomendações
15 - Se múltiplos cursores forem usados,
torná-los visualmente distintos entre si.
Exemplos:
Texto: __________________
Texto: ____|_______________
Agrupamento por Formato
Recomendações
16 - Para mostrar um grupo de dados
relacionados, utilize uma caixa de
agrupamento.
Agrupamento por Formato
Recomendações
17 - Os itens ativos de menu devem ser
apresentados de uma maneira mais evidente
que os itens inativos.
Critérios Elementares
• Presteza
• Agrupamento por
localização
• Agrupamento por formato
• Feedback
• Legibilidade
• Concisão
• Ações Mínimas
• Densidade informacional
• Ações explícitas
•
•
•
•
•
•
•
•
•
Controle do usuário
Flexibilidade
Experiência do usuário
Proteção contra erros
Mensagens de erros
Correção de erros
Consistência
Significados
Compatibilidade
Feedback
A qualidade e a rapidez do feedback são dois fatores
importantes para o estabelecimento de satisfação e
confiança do usuário, assim como para o entendimento do
diálogo.
Esses fatores possibilitam que o usuário tenha um melhor
entendimento do funcionamento do sistema.
A ausência de feedback ou sua demora podem ser
desconcertantes para o usuário.
Os usuários podem suspeitar de uma falha no sistema e
podem realizar ações prejudiciais para os processos em
andamento.
Feedback
Recomendações
1 - O sistema deve acusar de modo imediato o
recebimento de toda ação introduzida pelo
usuário, que deve poder reconhecê-la como
uma reação aparente do sistema.
Apresente feedback para entradas pelo
teclado, toque por toque.
No caso de senhas, use *
Feedback
Recomendações
2 - Se a introdução de ações deve ser suspensa
durante o tempo de um processamento do
sistema, então o usuário deve ser avisado
desse tempo.
Feedback
Recomendações
3 - Informar aos usuários sobre o estado das
impressões.
Feedback
Recomendações
4 - Destaque os itens de uma lista ou opções
de um menu selecionadas pelo usuário.
Feedback
Recomendações
5 - Defina a imagem do cursor como diferenciador
da manipulação e indicador da disponibilidade da
manipulação.
EXEMPLOS:
a - uma flecha para o apontamento.
b - uma flecha dupla para a ampliação ou diminuição.
c - uma caneta ou um lápis para desenhar.
d - uma flecha horizontal para saltar sobre seções de um
hiperdocumento.
e - nenhuma manipulação deve estar prevista para o cursor
em forma de relógio.
Feedback
Recomendações
6 - O sistema deve informar sobre a realização
de uma ação complexa através de
indicadores de progressão.
Feedback
Recomendações
7 - O sistema deve informar ao usuário sobre
o sucesso ou fracasso de uma ação.
Feedback
Recomendações
8 - Forneça feedback imediato e contínuo para
manipulações discretas.
Exemplos:
• Tão logo o usuário tenha selecionado o ícone de um
documento, ele fica destacado para indicar sua seleção.
• Quando o botão do mouse é pressionado, o botão de
comando fica realçado para indicar a seleção.
Feedback
Recomendações
9 - Defina o foco das ações para os objetos
recém-criados ou recém-abertos.
EXEMPLO:
Se uma nova janela é aberta, ela deve ser mostrada
na frente de todos os outros objetos da tela e
receber o foco automaticamente.
Feedback
Recomendações
10 - Forneça feedback sobre as mudanças de
atributos dos objetos.
Feedback
Recomendações
11 - Toda mudança representativa da situação dos objetos
ligados à tarefa e manipulados pelo sistema deve-se
traduzir por uma mudança da situação visível do objeto.
Feedback
Recomendações
12 - O histórico de todo o grupo de comandos
entrados deve ser apresentável.
Critérios Elementares
• Presteza
• Agrupamento por
localização
• Agrupamento por formato
• Feedback
• Legibilidade
• Concisão
• Ações Mínimas
• Densidade informacional
• Ações explícitas
•
•
•
•
•
•
•
•
•
Controle do usuário
Flexibilidade
Experiência do usuário
Proteção contra erros
Mensagens de erros
Correção de erros
Consistência
Significados
Compatibilidade
Legibilidade
A performance melhora quando a apresentação da
informação leva em conta as características
cognitivas e perceptivas dos usuários.
Uma boa legibilidade facilita a leitura da informação
apresentada.
Por exemplo, letras escuras em um fundo claro são
mais fáceis de ler que letras claras em um fundo
escuro; texto apresentado com letras maiúsculas e
minúsculas é lido mais rapidamente que texto
escrito somente com maiúsculas.
Legibilidade
Recomendações
1 - Use espaços brancos para estruturar uma
apresentação. Dados apresentados muitos
próximos são difíceis de localizar e de ler.
Evite grandes quantidades de informação e
confusão nas apresentações. Não tente
apresentar muitos dados numa única tela.
Legibilidade
Recomendações
1 - Use espaços brancos para estruturar uma
apresentação.
Dados apresentados muitos próximos são
difíceis de localizar e de ler.
Evite grandes quantidades de informação e
confusão nas apresentações.
Não tente apresentar muitos dados numa
única tela.
Legibilidade
Recomendações
2 - Sempre que possível os grupos de controles e
apresentações que compõem as caixas de diálogo e outros
objetos compostos devem estar alinhados vertical e/ou
horizontalmente, à esquerda e à direta.
Legibilidade
Recomendações
3 - Os rótulos identificativos de campos
vizinhos e que tenham larguras muito
diferentes devem ser justificados à direita.
Legibilidade
Recomendações
4 - Apresente textos contínuos em colunas
largas, contendo no mínimo 50 caracteres
por linha.
Legibilidade
Recomendações
5 - A apresentação de textos em campos
rolantes deve prever, ao menos, quatro
linhas por vez.
Legibilidade
Recomendações
6 - Os parágrafos de texto devem ser
separados por, pelo menos, uma linha em
branco.
Legibilidade
Recomendações
7 - O uso extensivo de maiúsculas deve ser
evitado, apresente o texto
convencionalmente num misto de caixa-alta
e caixa-baixa.
Legibilidade
Recomendações
8 - Modere o uso do negrito.
Legibilidade
Recomendações
9 - Utilize o sublinhado com parcimônia.
Legibilidade
Recomendações
10 - Use linhas em branco para separar grupos
nas tabelas.
Legibilidade
Recomendações
11 - Listas de dados alfabéticos devem ser
justificadas à esquerda.
Legibilidade
Recomendações
12 - Listas de números decimais devem ter
alinhamento decimal.
Legibilidade
Recomendações
13 - As técnicas de segmentação (separadores,
delimitadores etc.) dos menus devem ser
simples.
Legibilidade
Recomendações
14 - Se molduras ou linhas são utilizadas para melhorar a
percepção e o destaque dos menus (ou de grupos de
opções), elas devem ser simples e estar suficientemente
separadas das opções, para não atrapalhar a leitura da
opção.
Legibilidade
Recomendações
15 - As denominações das opções de um
menu devem ser o menos possível
abreviadas.
Legibilidade
Recomendações
16 - Somente a letra inicial das opções de
menu podem ser escritas em maiúsculas, o
restante deve ser escrito em minúsculas.
Legibilidade
Recomendações
17 - Se uma numeração é utilizada para as
opções de menu, então os números de
seleção devem ser justificados à direita.
Legibilidade
Recomendações
18 - Se a seleção alfabética for utilizada, então
as letras para a seleção devem estar
alinhadas à esquerda.
Legibilidade
Recomendações
19 - Se as opções de menu são posicionadas
horizontalmente, (com os respectivos
indicadores de seleção) devem ser
suficientemente separadas, para serem
visualmente distintas umas das outras.
Legibilidade
Recomendações
20 - Para facilitar a leitura, os rótulos dos campos devem
sempre iniciar com letra maiúscula. O restante do rótulo
pode conter somente letras minúsculas.
COMENTÁRIO: Se o rótulo refere-se a um logotipo (ex.
ISO), essa recomendação não se aplica.
Legibilidade
Recomendações
21 - Um item de dado longo deverá ser
dividido em grupos de símbolos menores
para facilitar tanto sua entrada, como sua
apresentação.
EXEMPLO POSITIVO: Número do cadastro de pessoa
física: 123 456 789-10.
Legibilidade
Recomendações
22 - Quando um código consiste em letras e
dígitos, cada tipo de caractere deve ser
agrupado e não espalhado.
EXEMPLO: Letra-letra-número ("HW5") será lido e
lembrado com mais eficiência do que letra-número-letra
("H5W").
COMENTÁRIO: Ao codificar, prefira combinar grupos de
números juntos e grupos de letras juntos, sem misturá-los.
Legibilidade
Recomendações
23 - Empregue ícones que representem seus
significados claramente.
Legibilidade
Recomendações
24 - Se existe a possibilidade de ambiguidade
para os ícones, é conveniente associar um
rótulo textual a cada ícone.
Legibilidade
Recomendações
25 - Assegure a legibilidade do vídeo reverso.
COMENTÁRIO: Toda palavra ressaltada mediante vídeo
reverso deve ter um espaço com contraste suficiente ao seu
redor.
Legibilidade
Recomendações
26 - O uso do vídeo reverso deve ser restrito e
não abusivo, salvo para fins de
realimentação ou de seleção.
Legibilidade
Recomendações
27 - Em situações de emergência, quando o usuário
deve ler um item importante, em vez de apresentálo piscando, considere a possibilidade de adicionar
um símbolo extra, como um asterisco, para marcar
esse item, tornando esse marcador piscante.
Critérios Elementares
• Presteza
• Agrupamento por
localização
• Agrupamento por formato
• Feedback
• Legibilidade
• Concisão
• Ações Mínimas
• Densidade informacional
• Ações explícitas
•
•
•
•
•
•
•
•
•
Controle do usuário
Flexibilidade
Experiência do usuário
Proteção contra erros
Mensagens de erros
Correção de erros
Consistência
Significados
Compatibilidade