ergonomia de interface de software
DESCRIPTION
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 distribuição espacial dos itens nas telas conduz o usuário na interação. Agrupamento por Formato - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Ergonomia de Interface de Software](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/1.jpg)
Ergonomia de Interface de Software
![Page 2: Ergonomia de Interface de Software](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/2.jpg)
• 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](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/3.jpg)
• 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](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/4.jpg)
• 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](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/5.jpg)
• 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](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/6.jpg)
• 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](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/7.jpg)
• 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](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/8.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/9.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/10.jpg)
SignificadosRecomendações
1 - O título deve ser único, pequeno mas suficientemente significativo para ser facilmente relembrado.
![Page 11: Ergonomia de Interface de Software](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/11.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/12.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/13.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/14.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/15.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/16.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/17.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/18.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/19.jpg)
SignificadosRecomendações
10 - Evite abreviações obscuras.
![Page 20: Ergonomia de Interface de Software](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/20.jpg)
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ão
Loc x Wid – oferece menos risco de confusão
![Page 21: Ergonomia de Interface de Software](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/21.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/22.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/23.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/24.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/25.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/26.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/27.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/28.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/29.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/30.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/31.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/32.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/33.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/34.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/35.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/36.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/37.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/38.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/39.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/40.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/41.jpg)
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 - Gravar
B – Excluir 2 – Excluir E - Excluir
C – Sair 3 – Sair S - Sair
![Page 42: Ergonomia de Interface de Software](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/42.jpg)
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 – Gravar
2 – Excluir
3 – Sair
![Page 43: Ergonomia de Interface de Software](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/43.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/44.jpg)
CompatibilidadeRecomendações
20 - Use botões de rádio para escolhas mutuamente exclusivas.
![Page 45: Ergonomia de Interface de Software](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/45.jpg)
CompatibilidadeRecomendações
21 - Use caixas de atribuição para atribuir valores booleanos.
![Page 46: Ergonomia de Interface de Software](https://reader035.vdocuments.site/reader035/viewer/2022062719/56813108550346895d973ac1/html5/thumbnails/46.jpg)
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/