Aula 4_Usabilidade_Estacio Ceara

Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original

ENGENHARIA DE USABILIDADE
Professor: David Falcão, M.Sc.
davidfalcao@gmail.com
CURSO SUPERIOR DE TECNOLOGIA
DE DESENVOLVIMENTO DE SISTEMAS
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
Heurísticas de Usabilidade – Jakob Nielsen
Critérios Ergonômicos – Bastien & Scapin
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
• Condução
– Convite
– Feedback imediato
– Legibilidade
– Agrupamento/Distinção de itens
• Carga de trabalho
– Concisão
– Ações mínimas
– Densidade informacional
• Controle explícito
– Ações explícitas do usuário
– Controle do usuário
• Adaptabilidade
– Flexibilidade
– Consideração da experiência do usuário
• Gestão de erros
– Proteção contra os erros 
– Qualidade das mensagens de erros
– Correção dos erros
• Significado dos códigos e 
denominações
 
• Homogeneidade/Coerência
• Compatibilidade
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
• Condução
– O software deve aconselhar, orientar, informar e conduzir o 
usuário na interação com o computador (mensagens, alarmes, 
rótulos, etc.);
– Possibilitar a localização do usuário, o conhecimento das 
ações permitidas, bem como suas consequências;
– Apresentar claramente as informações na tela;
– Software com uma boa condução proporciona aprendizado 
rápido e fácil utilização.
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
• Convite 
– O software prestativo deve guiar o usuário e poupar do aprendizado 
de uma série de comandos;
– Permitir ao usuário identificar o estado ou contexto no qual se 
encontra;
– Possibilitar ao usuário conhecer as alternativas de ações.
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
• Convite
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
• Feedback Imediato 
Interface de escolha de fontes Alternativa de interface, com 
melhor feedback
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
• Legibilidade 
– Qualidade visual das informações (clareza);
– Contraste letra / fundo, tamanho da fonte, espaçamento entre 
palavras, espaçamento entre linhas, comprimento da linha, etc...;
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
• Legibilidade
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
• Agrupamento/Distinção de Itens 
• Agrupamento por Formato
• Agrupamento por Localização
- Organização visual dos itens de informação
- Apresentar os itens organizados 
(Ex: ordem alfabética, freqüência de uso, etc...);
- Formatar ou codificar os itens de maneira a indicar suas 
similaridades ou diferenças.
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
• Agrupamento/Distinção por Formato 
– Distinção dos itens de informação por meio de características gráficas 
(formato, cor, etc...);
– Exemplos:
• Fazer uma distinção visual clara de áreas que têm diferentes 
funções (área de comandos, área de mensagens, etc...);
• Fazer uma distinção visual clara dos campos de dados e seus 
rótulos.
Engenharia de Usabilidade – Prof. David Falcão 
• Agrupamento/Distinção por Formato 
IHC – Critérios Ergonômicos
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
• Agrupamento/Distinção por Localização 
– Distinção dos itens de informação por meio do posicionamento 
relativo dos mesmos;
– Exemplos:
• Organizar os itens em listas hierárquicas;
• Quando várias opções são apresentadas, sua organização deve 
ser lógica, ou seja, a organização deve representar uma 
organização funcional relevante ou significativa (ordem alfabética, 
freqüência de uso, etc...).
Engenharia de Usabilidade – Prof. David Falcão 
Por que as opções para 
acessar estão 
separadas?
Por que
esta opção
não está
junto com
o texto?
• Agrupamento/Distinção por Localização 
IHC – Critérios Ergonômicos
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
– Quanto menos o usuário for distraído por informações
desnecessárias, mais será capaz de desempenhar suas
tarefas eficientemente e menor será a probabilidade de
cometer erros.
Carga de Trabalho
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
• Concisão 
– Quanto menos entradas, menor a probabilidade de erros serem 
cometidos;
– Quanto mais sucintos forem os itens, menor será o tempo de leitura;
– Exemplos:
• Quando uma unidade de medida está associada a um campo, inclua a 
unidade como parte do campo de dados, ao invés de fazer o usuário 
digitá-la;
• Para dados numéricos, a entrada de zeros à esquerda não deve ser 
necessária.
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
• Concisão
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
- Limitar, tanto quanto possível, o número de passos pelos quais 
o usuário deve passar para realizar determinada tarefa;
Exemplos:
• Minimize o número de passos necessários para se fazer uma
seleção em menu;
• Quando várias páginas estiverem envolvidas, possibilitar ir
diretamente para uma página sem ter que passar pelas
intermediárias.
Ações Mínimas
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
• Ações Mínimas 
Uma boa barra de
ferramentas economiza
as ações dos usuários!
Recursos para diminuir as
ações dos usuários para
encontrar um arquivo!
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
• Densidade Informacional
– Carga de trabalho do usuário, com relação ao conjunto total de 
informações apresentadas, e não a cada elemento ou item individual;
 
– Quando a densidade da informação é muito alta, a ocorrência de erros é 
mais provável.
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
Somente as opções
necessárias para a 
tarefa!
• Densidade Informacional 
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
• Controle Explícito 
– Delegar aos usuários o controle sobre as ações 
efetuadas pelo sistema;
– Os erros diminuem quando os usuários definem 
explicitamente e mantêm controle sobre as suas 
entradas;
– O sistema é melhor aceito pelos usuários quando 
estes têm controle sobre a interação.
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
• Ações Explícitas do Usuário 
– O computador deve processar somente as ações solicitadas pelo 
usuário e somente quando solicitado a fazê-lo;
– Os usuários aprendem e entendem melhor o funcionamento da 
aplicação, e menos erros são observados;
– Exemplo:
• Permita aos usuários controlar a seqüência das transações através de 
ações explícitas; adie o processamento até que uma ação explícita do 
usuário seja comandada. (Ex: Verificação ortográfica do Word).
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
Deve-se
poder
escolher
primeiro e
depois
comandar!
• Ações Explícitas do Usuário
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
• Controle do Usuário
– Os usuários devem estar sempre no controle do processamento do sistema 
(interromper, cancelar, suspender e continuar);
– O controle sobre as interações favorece a aprendizagem e diminui a 
probabilidade de erros;
– Exemplos:
• Possibilitar aos usuários interromper ou cancelar a transação ou processo atual; 
• Fornecer uma opção CANCELAR a qual tem o efeito de apagar qualquer mudança 
que acabou de ser feita e trazer a tela para seu estado anterior.
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
• Controle do Usuário 
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
• Adaptabilidade 
– O sistema deve reagir conforme o contexto, e 
conforme as necessidades e preferências do usuário;
– Uma interface não pode atender ao mesmo tempo a 
todos os seus usuários em potencial;
– Para que não tenha efeitos negativos sobre o usuário, 
a interface deve, conforme o contexto, se adaptar a 
ele.
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
• Flexibilidade 
– Permitir a personalização da interface pelo usuário;
– Possibilitar diferentes alternativas para a realização das tarefas;
– Exemplos de recomendações:
• Quando os valores por default não são previamente conhecidos, o 
sistema deve permitir que o usuário defina, mude ou suprima 
valores;
• A seqüência de entrada de dados deve poder ser modificada para 
se adaptar a ordem preferida pelo usuário.
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
• Flexibilidade
Fazer a mesma 
tarefa de 
diferentes 
maneiras!
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
• Consideração da Experiência do Usuário 
– A interface deve atender as variações dos níveis de experiência dos usuários;
– Usuários experientes não têm as mesmas necessidades informativas que 
novatos;
– Exemplos de recomendações:
• Prever atalhos. Permitir que usuários experientes contornem uma série de seleções 
por menu através da especificação de comandos e/ou atalhos de teclado;
• Quando as técnicas de condução atrasam o usuário experiente, fornecer meios de 
contornar esta condução.
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
• Consideração da Experiência do Usuário 
O eleitor brasileiro
deve ser conduzido!
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
• Gestão de Erros 
– Refere-se aos mecanismos que permitem evitar ou 
reduzir a ocorrência de erros, e quando eles ocorrem, 
que favoreçam sua correção.
– Os erros são aqui considerados como entrada de 
dados incorretos, entradas com formatos 
inadequados, entradas de comandos com sintaxes 
incorretas, etc... 
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
• Proteção Contra os Erros 
– Refere-se aos meios para detectar e prevenir os erros de ações, entrada de 
dados ou comandos dos usuários;
– É preferível detectar os erros no momento da digitação do que no momento da 
validação dos dados;
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
 Conhecer as situações que mais 
provocam erros e modificar a interface 
para que estes erros não ocorram.
• Proteção Contra os Erros
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
• Qualidade das Mensagens de Erros 
– Clareza na apresentação das mensagens, informando prováveis causas 
e soluções a adotar para corrigir o erro;
– A qualidade das mensagens de erros favorece o aprendizado do 
sistema;
– Exemplos:
• Fornecer mensagens de erro orientadas a tarefas;
• Adotar um vocabulário neutro, não personalizado, não repreensivo 
nas mensagens de erro; 
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
• Correção dos Erros – (Gestão de erros) 
– Meios colocados a disposição do usuário com o objetivo de permitir a correção 
de seus erros;
– Os erros são bem menos perturbadores quando são fáceis de corrigir;
– Exemplos:
• Fornecer a possibilidade de modificar os comandos no momento de sua digitação;
• Quando verifica-se erro na digitação de um ou mais comandos, proporcionar ao 
usuário a possibilidade de refazer a digitação apenas da parte equivocada do(s) 
comando(s), evitando rejeitar um bloco todo já digitado.
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
• Homogeneidade/Coerência
– A interface do sistema deve ser consistente (padrões 
para códigos, denominações, formatos, 
procedimentos, etc...);
– Exemplos:
• Localização similar dos títulos das janelas;
• Formatos de telas semelhantes;
• Procedimentos similares de acesso às opções dos menus.
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
Word
Excel
Um mesmo comando 
ou ação deve ter 
sempre o mesmo 
efeito.
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
• Significado dos Códigos e Denominações 
– Adequação semântica entre o objeto ou a informação apresentada ou 
pedida, e sua referência;
– Exemplos:
• O título deve transmitir o que ele representa e ser distinto de outros títulos;
• Explicitar as regras de contração ou de abreviação;
• Utilizar códigos e denominações significativas e familiares ao usuário.
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
• Compatibilidade
– Adequação das tarefas e características do usuário, com a organização 
das entradas e saídas da aplicação;
– Exemplos:
• A organização das informações apresentadas deve estar conforme a 
organização dos dados a entrar;
• O formato das telas deve ser compatível com os documentos em papel;
• Os procedimentos de interação devem ser compatíveis com a ordem assim 
como o usuário a imagina ou conforme o seu costume.
Engenharia de Usabilidade – Prof. David Falcão 
IHC – Critérios Ergonômicos
“Next” à esquerda do “Back”?
Não é natural!
As fichas de dados do software IRPF e os formulários 
originais da declaração em papel são totalmente 
compatíveis.
Engenharia de Usabilidade – Prof. David Falcão 
Referências
• PREECE, J.; ROGERS, Y.; SHARP, H. Design de interação: Além da interação homem-
computador. 1a. Edição. Porto Alegre: Bookman, 2005 (bibliografia principal);
• Bastien, C. & Scapin, D. Human factors criteria, principles, and recommandations for HCI: 
methodological and standardisation issues. (Internal Repport) INRIA, 1993. 
	Slide 1
	Slide 2
	Slide 3
	Slide 4
	Slide 5
	Slide 6
	Slide 7
	Slide 8
	Slide 9
	Slide 10
	Slide 11
	Slide 12
	Slide 13
	Slide 14
	Slide 15
	Slide 16
	Slide 17
	Slide 18
	Slide 19
	Slide 20
	Slide 21
	Slide 22
	Slide 23
	Slide 24
	Slide 25
	Slide 26
	Slide 27
	Slide 28
	Slide 29
	Slide 30
	Slide 31
	Slide 32
	Slide 33
	Slide 34
	Slide 35
	Slide 36
	Slide 37
	Slide 38
	Slide 39
	Slide 40
	Slide 41
	Slide 42
	Slide 43
	Slide 44
	Slide 45