apresentação criterios ergonômicos
DESCRIPTION
TRANSCRIPT
ENGENHARIA DE USABILIDADE
Carlos [email protected]
Critérios Ergonômicos
1. Condução;
2. Carga de trabalho;
3. Controle explícito;
4. Adaptabilidade;
5. Gestão de erros;
6. Homogeneidade/Consistência;
7. Significado de códigos e denominações;
8. Compatibilidade;
ConduçãoRefere-se aos meios empregados para orientar, situar, conduzir, informar e ajudar o usuário na interação com o computador (mensagens, alarmes, rótulos, etc.).
Sub-critérios• Convite/Presteza;
• Agrupamento e distinção entre itens;• Agrupamento e distinção (A/D) por formato;• Agrupamento e distinção (A/D) por localização;
• Feedback imediato;• Legibilidade;
Convite/PrestrezaEXEMPLO
Convite
Prestreza
Convite/PrestrezaEXEMPLO Convite
Prestreza
Convite/PrestrezaCONTRA EXEMPLO
Como posso saber se esta é a página inicial?
Convite/PrestrezaCONTRA EXEMPLO
Quantos bens já estão cadastrados?
A/D Por LocalizaçãoEXEMPLO
Todas as opções para “Exibir” estãoagrupadas e bem organizadas!
A/D Por LocalizaçãoEXEMPLO
Todas as opções para “Dados gerais” estão agrupadas e bem organizadas!
A/D Por LocalizaçãoCONTRA EXEMPLO
Por que esta opção não estácom o menu “Editar”?
A/D Por FormatoEXEMPLO
Título da aba selecionadaestá destacado!
A/D Por FormatoCONTRA EXEMPLO
Por que estasopçõesdesabilitadasparecemconvidativas?
LegibilidadeEXEMPLO
Texto emcolunasestreitas eem blocos!(separadospor espaçosem branco)
LegibilidadeEXEMPLO
Contraste invertido – bom para idosos e pessoas com baixa visão
LegibilidadeCONTRA EXEMPLO
Opçõesdifíceis de ler..
Feedback ImediatoEXEMPLO
Feedback duranteprocessosdemorados ...
e na sua conclusão!!
Feedback ImediatoCONTRA EXEMPLO
Por que a informação de feedback estátão escondida?
Carga de Trabalho
Diz respeito a redução da carga perceptiva e/ou mnemônica do usuário e no aumento da eficiência no diálogo.
Sub-critérios• Brevidade
• Concisão• Ações Mínimas
• Densidade Informacional
ConcisãoEXEMPLO
Conviteconciso!
double-click to create a concept
ConcisãoCONTRA EXEMPLO
Condução longa demais!
Ações MínimasEXEMPLO
double-click to create a concept
Valores default e recursos de seleção!
Ações MínimasEXEMPLO
Uma boa barra de ferramentas economiza as ações dos usuários!
Ações MínimasCONTRA EXEMPLO
Sempre o mesmoDiretório default para salvamentos?
Densidade InformacionalEXEMPLO
Somente as opções necessárias para a tarefa!
Densidade InformacionalEXEMPLO
Somente as opções necessárias para a tarefa!
Densidade InformacionalCONTRA EXEMPLO
Nome da Mãe/Pai são os dois campos de preenchimento obrigatório!
Controle Explícito
Diz respeito ao controle que tem o usuário sobre a interface ou o software, e caráter explícito de suas ações
Sub-critérios:• Ações Explícitas do Usuário• Controle do Usuário
Ações Explícitas do UsuárioEXEMPLO
Deve-se poder escolher primeiro e depois comandar!
Ações Explícitas do UsuárioCONTRA EXEMPLO
Um engano pode ser difícil de reverter!
Controle do UsuárioEXEMPLO
Interromper ou cancelar processos indesejáveis!
Adaptabilidade
Diz respeito a capacidade do sistema de reagir conforme o contexto, e conforme as necessidades e preferências do usuário.
Sub-critérios• Flexibilidade/Personalização• Consideração da Experiência do Usuário
Flexibilidade/PersonalizaçãoEXEMPLO
Fazer a mesma tarefa de diferentes maneiras!
Flexibilidade/PersonalizaçãoEXEMPLO
Consideração da Experiência do UsuárioEXEMPLO
Teclas de atalho & mnemônicos!
Gestão de Erros
Diz respeito a todos os mecanismos que permitemevitar ou reduzir os erros, e por outro lado, corrigirqualquer erro observado.
Sub-critérios• Proteção contra os erros• Qualidade das mensagens de erro• Correção dos erros
Proteção Contra os ErrosEXEMPLO
Selecionar em vez de editar!Mostrar a
sintaxe das entradas!
Proteção Contra os ErrosCONTRA EXEMPLO A opção destrutiva não deve ser a default !
Qualidade das Mensagens de ErroEXEMPLO Mensagem explicando a origem do erro!
Qualidade das Mensagens de ErroCONTRA EXEMPLO
Qual campo?
Correção de ErrosEXEMPLO Atalho para ir direto ao erro!
Significado de Códigos eDenominaçõesDiz respeito a adequação entre o conteúdo da informação e a sua correspondente expressão na tela do sistema. Códigos e denominações.
Ex. de recomendações• Adequar o vocabulário de rótulos, títulos,
cabeçalhos, mensagens, opções de menu;• Definir figuras significativas para os ícones;• Definir abreviaturas significativas;
Significado de códigos e denominaçõesEXEMPLO
Consistência
Refere-se a quanto as escolhas de projeto são mantidas idênticas em contextos idênticos, e diferenciadas para contextos diferentes.
ConsistênciaCONTRA EXEMPLO
Arranjo e formato dos botões de comandode uma mesma aplicação.
Compatibilidade
Refere-se as relações entre as habilidades, expectativas e estratégias do usuário em sua tarefa e a interface de uma dada aplicação.
Compatibilidade com o usuário;Compatibilidade com a tarefa;Compatibilidade com o ambiente;
CompatibilidadeEXEMPLO
Recursos de acessibilidade!
CompatibilidadeCONTRA EXEMPLO
“Next” à esquerda do “Back”?Não é natural!
Princípios e Critérios ErgonômicosConclusõesSempre será necessário priorizar os critérios em função das características do contexto de uso do sistema em concepção/avaliação.
Ex:• Quando o público-alvo for composto de novatos e intermitentes,
especialmente nos casos de sistemas que são usados apenas uma vez (p.e. instaladores) ou de vez em quando (p.e. software do imposto de renda), deve-se priorizar os critérios condução, consistência e significado dos códigos e denominações;
• Quando os usuários forem experientes em suas tarefas, mas novatos no uso do sistema, o critério compatibilidade deve ser priorizado;