46
Ergonomia de Interface de Software

Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

Embed Size (px)

Citation preview

Page 1: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

Ergonomia de Interface de Software

Page 2: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

• 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.

Page 3: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

• Agrupamento por Formato– Use os formatos dos itens como meio de transmitir

associações e diferenças. • Feedback

– Forneça feedback imediato e de qualidade às ações do usuário.

• Legibilidade– Garanta a legibilidade das informações apresentadas

nas telas do sistema.

Page 4: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

• Concisão– Dimensione adequadamente os códigos e termos

apresentados e introduzidos no sistema. • Ações Mínimas

– Dimensione adequadamente os diálogos propostos para a realização dos objetivos do usuário.

• Densidade Informacional– Garanta uma adequada densidade informacional das

telas apresentadas pelo sistema.

Page 5: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

• Ações explícitas– Certifique-se que é o usuário quem comanda

explicitamente as ações do sistema. • Controle do usuário

– Forneça possibilidades do usuário controlar o encadeamento e a realização das ações.

• Flexibilidade– Permita que o usuário possa personalizar as

apresentações e os diálogos.

Page 6: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

• Experiência do usuário– Projete para usuários com diferentes níveis de

experiência. • Proteção contra erros

– Ofereça as oportunidades para o usuário prevenir eventuais erros.

Page 7: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

• Mensagens de erros– Garanta a qualidade das mensagens de erro enviadas

aos usuários em dificuldades. • Correção de erros

– Ofereça facilidades para que o usuário possa corrigir os erros cometidos.

• Consistência– Garanta a coerência do projeto de códigos, telas e

diálogos com o usuário.

Page 8: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

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

Page 9: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

Significados

Quando a codificação é significativa, a recordação e o reconhecimento são melhores.

Códigos e denominações não significativos para os usuários podem sugerir operações inadequadas para o contexto, levando a cometer erros.

Page 10: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

SignificadosRecomendações

1 - O título deve ser único, pequeno mas suficientemente significativo para ser facilmente relembrado.

Page 11: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

SignificadosRecomendações

2 - Os títulos de menu devem ser explicativos, refletindo a natureza da escolha a ser feita.

Page 12: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

SignificadosRecomendações

3 - Os títulos de menus devem ser distintos e descritivos - curtos e representativos da opção (utilizando palavras-chave, por exemplo).

Page 13: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

SignificadosRecomendações

4 - Os títulos de menus devem ser combináveis, ou seja, devem poder se associar a outros termos, para formar títulos contendo diversas palavras (Animais/Pássaros, por exemplo), a fim de representar a estrutura do menu.

Page 14: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

SignificadosRecomendações

5 - A terminologia utilizada nos nomes das opções deve ser familiar aos usuários.

COMENTÁRIO: De uma maneira geral, é desejável adaptar a terminologia em função das tarefas dos usuários.

Page 15: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

SignificadosRecomendações

6 - Ao definir as palavras a serem utilizadas nos rótulos, prompts, mensagens para o usuário, adote uma terminologia familiar aos usuários.

EXEMPLO POSITIVO: Dados requerem código de acesso especial;Chame Administrador da Base de Dados, Erro: X-9999.

EXEMPLO NEGATIVO: IMS/VS DBMS dados privativos;Veja DBSA , 0/99-99

Page 16: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

SignificadosRecomendações

7 - Adote palavras orientadas à tarefa para rótulos, prompts e mensagens de orientação ao usuário, incorporando termos especiais e jargão técnico que sejam usualmente empregados nas tarefas dos usuários.

Page 17: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

SignificadosRecomendações

8 - Nos rótulos dos campos de dados utilize vocabulário descritivo ou termos, abreviações e/ou códigos padrão pré-definidos; evite códigos arbitrários.

COMENTÁRIO: Evite rótulos tais como CONJUNTO A, CONJUNTO B, GRUPO 1 e GRUPO 2.

Page 18: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

SignificadosRecomendações

9 - Adote códigos familiares ou significativos, em vez de códigos arbitrários.

EXEMPLO: Um código mnemônico de três letras (DIR= diretório) é mais fácil de ser lembrado do que um código com três dígitos numéricos.

COMENTÁRIO: Um código arbitrário, tal como um número de CEP, pode, eventualmente, tornar-se familiar devido ao seu freqüente uso.

Page 19: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

SignificadosRecomendações

10 - Evite abreviações obscuras.

Page 20: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

SignificadosRecomendações

11 - Para favorecer a compreensão dos usuários, siga regras simples ao definir abreviaturas.

COMENTÁRIO: Quando definir abreviaturas ou outros códigos em entrada de pequenos dados, escolha-os distintamente para evitar confusão e similaridade entre eles.

Exemplo: LAN x WAN – fácil confusãoLoc x Wid – oferece menos risco de confusão

Page 21: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

SignificadosRecomendações

12 - A intermitência deve ser usada com moderação em situações especiais e bem definidas tais como alarmes.

Embora a intermitência seja bastante eficiente para atrair a atenção, muitos usuários acham esse recurso aborrecedor e dispersante.

Permita ao usuário desligar as intermitências existentes.

Page 22: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

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

Page 23: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

Compatibilidade

O desempenho é melhor quando a informação é apresentada de uma forma diretamente utilizável (telas compatíveis com o suporte tipográfico, denominações de comandos compatíveis com o vocabulário do usuário, etc.).

Page 24: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

CompatibilidadeRecomendações

1 - As caixas de diálogo para abertura, gravação e fechamento de arquivos, além das caixas para impressão devem ser mais próximas possíveis das padronizadas pelo DOS, MS Windows, Macintosh, etc.

Page 25: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

CompatibilidadeRecomendações

2 - Quando os dados tiverem que entrar a partir de documentos em papel, projete o layout da tela de entrada de acordo com a forma do documento em papel.

Isso ajuda o usuário a encontrar e manter a localização enquanto olha para cima e para baixo no terminal.

Page 26: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

CompatibilidadeRecomendações

3 - Se a aplicação deve ter todos os dados disponíveis antes de prosseguir, selecione uma caixa de diálogo modal.

Page 27: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

CompatibilidadeRecomendações

4 - As caixas de diálogo do sistema devem apresentar um botão de validação (Ok), um botão de anulação (Cancela) e, se possível, um botão de ajuda.

Page 28: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

CompatibilidadeRecomendações

5 - Defina a codificação baseando-se nas associações convencionais de determinadas cores.

EXEMPLOS: Na apresentação de dados contábeis os números negativos podem ser mostrados em vermelho.

Page 29: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

CompatibilidadeRecomendações

6 - Minimize a codificação por cores, usando poucas cores para designar categorias críticas de dados apresentados.

Page 30: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

CompatibilidadeRecomendações

7 - Estruture a codificação de cores de forma redundante com outras características de apresentação tais como simbologia; não codifique apenas pela cor.

Page 31: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

CompatibilidadeRecomendações

8 - Taxa de intermitência ótima.

COMENTÁRIO: Os intervalos "ligado" e "desligado" são frequentemente especificados com a mesma duração. Entretanto, esse tipo de codificação pode funcionar, mesmo quando o intervalo "desligado" for, consideravelmente, mais curto do que o "ligado" .

Page 32: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

CompatibilidadeRecomendações

9 - Saídas sonoras compatíveis com o ambiente.

Não faça apresentações sonoras detalhadas em ambientes com ruído elevado.

Page 33: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

CompatibilidadeRecomendações

10 - Use frases afirmativas e na voz ativa.

COMENTÁRIOS: As frases na afirmativa são mais facilmente compreendidas do que as negativas. Diga o que deve ser feito em vez de o que deve ser evitado.

EXEMPLO POSITIVO: Limpe a tela antes de inserir dados. EXEMPLO NEGATIVO: Não insira dados antes de limpar a tela.

Page 34: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

CompatibilidadeRecomendações

11 - Se uma frase descreve uma seqüência de eventos, a ordem das palavras na frase deve corresponder à seqüência temporal dos eventos.

EXEMPLO POSITIVO: "Entre com sua senha antes de rodar um programa."

EXEMPLO NEGATIVO: "Antes de rodar um programa entre sua senha."

Page 35: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

CompatibilidadeRecomendações

12 - Ilustrações e animações devem ser usadas para completar as explicações do texto.

Page 36: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

CompatibilidadeRecomendações

13 - Siga as convenções do usuário para formatos de dados padronizados.

COMENTÁRIO: O formato da data deve respeitar o formato do país em que a aplicação será utilizada (ex.: no Brasil o formato da data é dia/mês/ano, na Inglaterra e EUA é mês/dia/ano)

Page 37: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

CompatibilidadeRecomendações

14 - As unidades de medida devem ser as que são normalmente utilizadas.

Consumo de Combustível [kilometros por litro] Bom[litros por minuto] Ruim

Continua...

Page 38: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

CompatibilidadeRecomendações

14 - As unidades de medida devem ser as que são normalmente utilizadas.

COMENTÁRIO:Quando os dados necessitarem ser convertidos para unidades familiares, o computador deverá fazê-lo automaticamente.

COMENTÁRIO: Quando uma unidade de medida é consistentemente associada a um determinado campo de dados, inclua essa unidade já como parte do rótulo ou do campo, não solicitando que o usuário a digite.Exemplo: Custo = $_____________Exemplo: Velocidade (mph): ______

Page 39: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

CompatibilidadeRecomendações

15 - Uma exibição é mais conveniente para mostrar um dado numérico que se altera rapidamente, do que uma exibição digital.

EXEMPLOS POSITIVOS: Um contagiros ou um velocímetro de um carro, um altímetro ou um horizonte artificial para um avião.

Page 40: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

CompatibilidadeRecomendações

16 - Apresentação digital é adequada para transmitir, particularmente, a precisão numérica da informação.

Page 41: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

CompatibilidadeRecomendações

17 - Se itens identificadores arbitrários forem usados para enumerar uma lista, os números inteiros (começando com 1 (um) para o primeiro item da lista) são preferíveis, em vez de letras (ordem alfabética).

Exemplos: Escolha a opção: ___A – Gravar 1 – Gravar G - GravarB – Excluir 2 – Excluir E - ExcluirC – Sair 3 – Sair S - Sair

Page 42: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

CompatibilidadeRecomendações

18 - Se indicadores numéricos são utilizados para a seleção de opções de menu, convém adotar uma numeração seqüencial começando por "1" e não por "0".

Exemplos: Escolha a opção: ___1 – Gravar2 – Excluir3 – Sair

Page 43: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

CompatibilidadeRecomendações

19 - Organize os eixos de um gráfico de maneira compatível com as convenções e expectativas dos usuários; escalas numéricas iniciando em zero, com intervalos padronizados, crescendo da esquerda para a direita e de baixo para cima.

Page 44: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

CompatibilidadeRecomendações

20 - Use botões de rádio para escolhas mutuamente exclusivas.

Page 45: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

CompatibilidadeRecomendações

21 - Use caixas de atribuição para atribuir valores booleanos.

Page 46: Ergonomia de Interface de Software. Presteza –Projete um sistema que conduza o usuário na interação. Agrupamento por localização –Certifique-se de que

Acabaram as recomendações !!! Ufa!

• Dentro do assunto Ergonomia de Software, vimos:– 194 recomendações– Divididas em 18 critérios

Mais informações consulte o site:www.labiutil.inf.ufsc.br/ergolist/