ENGENHARIA DE USABILIDADE

Carlos Buenocbueno_sp@yahoo.com.br

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;