aula02 Avaliação heurística

Prévia do material em texto

Avaliação heurística
Interação Humano-Computador
Prof. Thiago
Aula 02
CST em Análise 
e 
Desenvolvimento 
de Sistemas
1
Objetivos
� Após esta aula, você deverá ser capaz de:
�Diferenciar testes de inspeções de usabilidade
�Descrever os princípios de uma avaliação 
heurística
�Conduzir uma avaliação heurística de uma 
aplicação simples
Interação Humano-Computador - Prof. Thiago S. Barcelos 2
Motivação
� Por que aprender a avaliar interfaces antes 
de construí-las?
� A avaliação é uma atividade central no processo 
de desenvolvimento
� Em particular, avaliar interfaces com a 
participação do usuário é uma técnica bastante 
eficaz e deve ser incorporada ao processo
3Interação Humano-Computador - Prof. Thiago S. Barcelos
Por que avaliar?
� Nas palavras de Bruce Tognazinni 
(www.asktog.com), consultor em 
usabilidade:
O design para interação, através de seu ciclo de
design e teste iterativo, é a única metodologia
conhecida já validada, capaz de produzir bons
resultados de forma consistente. Se você não tiver
testes com usuários como uma parte integral de
seu processo de design, você vai desperdiçar
muito dinheiro.
4Interação Humano-Computador - Prof. Thiago S. Barcelos
Os argumentos do Tog
� Os problemas são resolvidos antes do produto ser lançado, 
e não depois
� A equipe pode se concentrar em problemas reais, e não 
imaginários
� Os engenheiros podem codificar ao invés de debater qual a 
melhor alternativa de interface
� Tempo para lançamento é reduzido
� Um design robusto já no lançamento
5Interação Humano-Computador - Prof. Thiago S. Barcelos
Tipos de avaliação
� Uma avaliação de usabilidade pode ser:
� Uma inspeção, feita pelos desenvolvedores e/ou 
designers buscando problemas de usabilidade 
mais comuns;
� Um teste, envolvendo a participação de 
usuários, que busca avaliar a usabilidade numa 
simulação de uma situação real de uso
6Interação Humano-Computador - Prof. Thiago S. Barcelos
Inspeção de usabilidade
Nesta aula, vamos conhecer a avaliação 
heurística, que é uma técnica de inspeção de 
usabilidade
7Interação Humano-Computador - Prof. Thiago S. Barcelos
Avaliação heurística
� Especialistas em usabilidade revisam uma 
interface usando como guia um conjunto de 
heurísticas
� Jakob Nielsen, no início dos anos 90, foi o pioneiro 
no desenvolvimento da técnica de avaliação 
heurística
� Baseado em heurísticas colhidas de uma análise 
empírica de 249 problemas de usabilidade
8Interação Humano-Computador - Prof. Thiago S. Barcelos
Avaliação heurística
� Nielsen propõe um conjunto de 10 
heurísticas, que devem ser verificadas em 
uma interface
� Qualquer semelhança com os guidelines de 
Shneiderman ou os princípios de usabilidade de Dix et al.
não é mera coincidência!
� Para interfaces tradicionais, há um consenso entre os 
autores sobre quais são as características desejáveis de 
usabilidade
9Interação Humano-Computador - Prof. Thiago S. Barcelos
Heurísticas de Nielsen
(H1) Visibilidade do estado do sistema
� Os usuários são mantidos informados a respeito do que está 
acontecendo?
� É fornecido um feedback apropriado, dentro de um período de 
tempo razoável, sobre a ação de um usuário?
(H2) Correspondência entre o sistema e o mundo real
� A linguagem utilizada no sistema é simples?
� As palavras, frases e conceitos utilizados são familiares ao 
usuário?
(H3) Controle do usuário e liberdade
� Existem maneiras de permitir que os usuários saiam com facilidade 
de lugares em que não esperavam encontrar-se?
10Interação Humano-Computador - Prof. Thiago S. Barcelos
Heurísticas de Nielsen
(H4) Consistência e padronização
� As maneiras de executar ações semelhantes são consistentes?
(H5) Ajudar usuários a reconhecer, diagnosticar e corrigir 
erros
� As mensagens de erro são úteis?
� Utilizam uma linguagem simples para descrever a natureza do 
problema e sugerir uma maneira de resolvê-lo?
(H6) Prevenção de erros
� É fácil cometer erros? Se sim, onde e por quê?
11Interação Humano-Computador - Prof. Thiago S. Barcelos
Heurísticas de Nielsen
(H7) Reconhecimento ao invés de lembrança
� Os objetos, as ações e operações são sempre visíveis?
(H8) Uso flexível e eficiente
� São oferecidos atalhos que permitem aos usuários mais 
experientes realizar suas tarefas mais rapidamente?
(H9) Projeto minimalista e estético
� Existem informações desnecessárias e irrelevantes?
(H10) Ajuda e documentação
� É oferecida uma ajuda que pode ser facilmente acessada e 
seguida?
12Interação Humano-Computador - Prof. Thiago S. Barcelos
Exemplo de projeto minimalista...
13Interação Humano-Computador - Prof. Thiago S. Barcelos
Avaliação heurística
� Ocorre em três estágios
� Briefing (preparação): instruções resumidas aos 
especialistas
� Avaliação (coleta e interpretação de dados): período de 1-2 
horas
� cada especialista trabalha separadamente
� uma primeira revisão para "sentir" o produto
� segunda revisão foca em pontos específicos de usabilidade
� Debriefing (consolidação e relato dos resultados): 
especialistas trabalham em conjunto para priorizar problemas 
e sugerir soluções
� Evidencia empírica mostra que, em média, 5 
avaliadores identificam 75-80% dos problemas de 
usabilidade
14Interação Humano-Computador - Prof. Thiago S. Barcelos
Atividades da avaliação heurística
Interação Humano-Computador - Prof. Thiago S. Barcelos 15
Fonte: BARBOSA, S.D.J.; SILVA, B.S., Interação Humano-Computador. 1ª Ed. Rio de Janeiro: Campus-
Elsevier, 2010
Como relatar problemas na avaliação 
heurística
Para cada problema identificado, o avaliador 
deve anotar: 
� qual diretriz foi violada (é possível que um 
problema viole mais de uma diretriz);
� em que local o problema foi encontrado (em que 
tela e envolvendo quais elementos de interface); 
� qual a gravidade do problema; 
� uma justificativa de por que aquilo é um 
problema.
� Também pode anotar ideias de soluções.
Interação Humano-Computador - Prof. Thiago S. Barcelos 16
Grau de severidade
A severidade de um problema envolve três 
fatores: 
� a frequência com que o problema ocorre: é um 
problema comum ou raro?
� o impacto do problema, se ocorrer: será fácil ou 
difícil para os usuários superarem o problema?
� a persistência do problema: o problema ocorre 
apenas uma vez e será superado pelos usuários, ou 
atrapalhará os usuários repetidas vezes?
Interação Humano-Computador - Prof. Thiago S. Barcelos 17
Grau de severidade
Nielsen sugere a seguinte escala de severidade:
� problema cosmético: não precisa ser consertado a menos que 
haja tempo no cronograma do projeto
� problema pequeno: o conserto deste problema pode receber 
baixa prioridade
� problema grande: importante de ser consertado e deve receber 
alta prioridade. Esse tipo de problema prejudica fatores de 
usabilidade tidos como importantes para o projeto 
� problema catastrófico: é extremamente importante consertá-lo 
antes de se lançar o produto, pois provavelmente impedirá que o 
usuário realize suas tarefas e alcance seus objetivos
Interação Humano-Computador - Prof. Thiago S. Barcelos 18
Exemplo de avaliação heurística
� Considere o seguinte fragmento de tela de login de um web site 
de uma livraria
� Que problemas podem ser identificados nele?
Interação Humano-Computador - Prof. Thiago S. Barcelos 19
Exemplo de avaliação heurística
Interação Humano-Computador - Prof. Thiago S. Barcelos 20
Problema
O botão “Confirmar” tem menor destaque que o botão “Cadastre-se”
Heurística(s) violada(s)
H1 – Visibilidade do estado do sistema
H6 – Prevenção de erros
Justificativa
O usuário pode confundir-se ao executar a operação mais comum, que é 
confirmaro login, e acionar o botão errado. Também pode perguntar-se se 
realmente entrou na tela de login
Severidade
3 – Problema grande. O usuário pode acreditar que precisa cadastrar-se 
novamente a cada compra ou concluir que o sistema está com defeito
Exemplo de avaliação heurística
Problema
O site não fornece a opção de voltar à página anterior. O usuário precisa 
recorrer ao botão de “voltar” do navegador
Heurística(s) violada(s)
H3 – Controle do usuário e liberdade
Justificativa
O usuário poderia navegar com maior rapidez se houvesse um controle 
explícito de navegação na interface do site
Severidade
2 – Problema pequeno. O usuário está acostumado o botão de “voltar” do 
navegador em outros sites e perceberá que pode fazer isso sem perder o que 
tenha feito no site (por exemplo, adicionar itens no carrinho de compras)
Interação Humano-Computador - Prof. Thiago S. Barcelos 21
Exemplo de avaliação heurística
Problema
Os campos de preenchimento alternativo (email ou CPF/CNPJ) não são 
marcados, como de costume, por botões de opção (radio buttons)
Heurística(s) violada(s)
H4 – Consistência e padronização
H6 – Prevenção de erros
Justificativa
Como os usuários costumam seguir dicas visuais mais do que instruções 
em texto, muitos usuários irão preencher os dois campos
Severidade
2 – Problema pequeno. Apesar de ineficiente, o preenchimento dos dois 
campos não impede o usuário de fazer o login
Interação Humano-Computador - Prof. Thiago S. Barcelos 22
Avaliação heurística
� Como as heurísticas são regras práticas de ação, 
elas tem sido revisadas para tecnologias atuais
� Outras heurísticas são necessárias para 
dispositivos móveis, wearables, mundos virtuais, 
jogos, aplicações de governo eletrônico, etc.
23Interação Humano-Computador - Prof. Thiago S. Barcelos
Bibliografia desta aula
PREECE, J., ROGERS, Y., SHARP, H. Design de Interação -
Além da interação homem-computador. 1ª Ed. Porto 
Alegre: Bookman, 2005
BARBOSA, S.D.J.; SILVA, B.S., Interação Humano-
Computador. 1ª Ed. Rio de Janeiro: Campus-Elsevier, 2010.
Interação Humano-Computador - Prof. Thiago S. Barcelos 24