IV AVALIAÇÃO - fenix.tecnico.ulisboa.pt · Guerrilla HCI, Jakob Nielsen Resumo Aula Anterior o...
Transcript of IV AVALIAÇÃO - fenix.tecnico.ulisboa.pt · Guerrilla HCI, Jakob Nielsen Resumo Aula Anterior o...
IV.1 Avaliação por Peritos (Aval. Heurística)
1
IV – AVALIAÇÃO IV.1 – AVALIAÇÃO POR PERITOS (AVALIAÇÃO HEURÍSTICA)
HCI, Cap. 9, Alan Dix www.useit.com (Webpage de) Jakob Nielsen Guerrilla HCI, Jakob Nielsen
Resumo Aula Anterior
o Protótipos de baixa fidelidade
Componentes da IU
Dispositivo físico
É Fácil, É Barato,...
Permitem experimentar múltiplas alternativas
o Materiais simples
Papel, lápis, cola, tesoura, etc.
o ZERO linhas de código
o ZERO Bugs para corrigir
o Wizard-of-Oz para novas modalidades 2
IV.1 Avaliação por Peritos (Aval. Heurística)
2
Sumário
o Avaliação de Usabilidade
o Avaliação Heurística
O que é?
Nº de Avaliadores
Heurísticas de Usabilidade
Fases da Av. Heurística
Como relatar resultados da Av. Heur.
3
O Passo Seguinte?
Análise de Requisitos
Prototipar
Avaliar
-Análise de Tarefas -Cenários do Problema
Avaliar Desenhar
-Modelo Conceptual -Cenários de Actividade
-PBF -Storyboards -Cenários de Interacção
IV.1 Avaliação por Peritos (Aval. Heurística)
3
O Passo Seguinte?
Análise de Requisitos
Prototipar
Avaliar
-Análise de Tarefas -Cenários do Problema
Avaliar Desenhar
-Modelo Conceptual -Cenários de Actividade
-PBF -Storyboards -Cenários de Interacção
6
AVALIAÇÃO DE USABILIDADE
IV.1 Avaliação por Peritos (Aval. Heurística)
4
Avaliação de Usabilidade
Testa a usabilidade e funcionalidade do
sistema
7
Métodos Analíticos
Por análise, sem utilizadores
Avaliação Heurística
(Avaliação por peritos)
Avaliação Preditiva:
Modelos:
GOMS, CCT, KLM
8
IV.1 Avaliação por Peritos (Aval. Heurística)
5
Métodos Empíricos
Avaliação com utilizadores
9
10
AVALIAÇÃO HEURÍSTICA
IV.1 Avaliação por Peritos (Aval. Heurística)
6
Avaliação Heurística
Rápida
Barata
Fácil de usar 11
Avaliação Heurística
12
IV.1 Avaliação por Peritos (Aval. Heurística)
7
Avaliação Heurística
13
Ajuda a encontrar problemas de Usabilidade
no projecto de IU
Avaliação Heurística
Boa para avaliar designs iniciais e protótipos
14
IV.1 Avaliação por Peritos (Aval. Heurística)
8
Avaliação Heurística
Pequeno conjunto de avaliadores (<=5)
examinam IU
15
PROBLEMAS
Avaliação Heurística
Pequeno conjunto de avaliadores (<=5)
examinam IU
16
AV 1
AV 2
AV 3
AV 4
IV.1 Avaliação por Peritos (Aval. Heurística)
9
Número de Avaliadores?
Número de Avaliadores?
18
IV.1 Avaliação por Peritos (Aval. Heurística)
10
Experiência dos Avaliadores
Afecta Nº de problemas identificados
19
Experiência dos Avaliadores
Noviços
20
IV.1 Avaliação por Peritos (Aval. Heurística)
11
Experiência dos Avaliadores
Noviços
21
22%
Experiência dos Avaliadores
Noviços
Peritos
22
22%
IV.1 Avaliação por Peritos (Aval. Heurística)
12
Experiência dos Avaliadores
Noviços
Peritos
23
22%
41%
Experiência dos Avaliadores
Noviços
Peritos
Peritos no Tipo de UI
24
22%
41%
60%
IV.1 Avaliação por Peritos (Aval. Heurística)
13
Experiência dos Avaliadores
25
Experiência dos Avaliadores
26
IV.1 Avaliação por Peritos (Aval. Heurística)
14
Processo de A.H.
Avaliadores exercitam a IU várias vezes
27
Processo de A.H.
Avaliadores exercitam a IU várias vezes
Princípios de usabilidade
28
IV.1 Avaliação por Peritos (Aval. Heurística)
15
Processo de A.H.
Avaliadores exercitam a IU várias vezes
Princípios de usabilidade
Consolidam problemas em relatório
29
Resultados da A.H.
30
Usar violações dos princípios p/
Redesenhar UI
Corrigir problemas
IV.1 Avaliação por Peritos (Aval. Heurística)
16
HEURÍSTICAS DE USABILIDADE
31
Heurísticas de Usabilidade
H2-1 - Tornar estado do sistema visível
H2-2 - Falar a linguagem do utilizador
H2-3 - Utilizador controla e exerce livre-arbítrio
H2-4 - Consistência e Aderência a Normas
H2-5 - Evitar Erros
H2-6 - Reconhecimento em vez de lembrança
H2-7 - Flexibilidade e Eficiência
H2-8 - Desenho de ecrã estético e minimalista
H2-9 - Ajudar utilizador a reconhecer, diagnosticar
e recuperar dos erros
H2-10 - Dar Ajuda e Documentação 32
IV.1 Avaliação por Peritos (Aval. Heurística)
17
Tornar o Estado do Sistema Visível
H2-1
33
H2-1: Tornar estado do sistema visível
Dar a conhecer aos utilizadores onde estão De onde vêm e para onde podem ir
34
IV.1 Avaliação por Peritos (Aval. Heurística)
18
H2-1: Tornar estado do sistema visível
Informar do que se está a passar De forma clara e sucinta
Em tempo útil
35
H2-1: Tornar estado do sistema visível
0.1 s: não são precisos indicadores
1.0 s: utilizador tende a divagar
10 s: indicador de duração máxima para fixar atenção utilizador
mais demorado: indicadores de progresso
36
IV.1 Avaliação por Peritos (Aval. Heurística)
19
H2-1: Tornar estado do sistema visível
searching database for matches
H2-1: Tornar estado do sistema visível
searching database for matches
Bom
IV.1 Avaliação por Peritos (Aval. Heurística)
20
H2-1: Tornar estado do sistema visível
searching database for matches
Bom
H2-1: Tornar estado do sistema visível
searching database for matches
Mau
Bom
IV.1 Avaliação por Peritos (Aval. Heurística)
21
H2-1: Tornar estado do sistema visível
searching database for matches
Mau
Bom
H2-1: Tornar estado do sistema visível
42
searching database for matches
Mau Médio
Bom
IV.1 Avaliação por Peritos (Aval. Heurística)
22
H2-1: Tornar estado do sistema visível
43
H2-1: Tornar estado do sistema visível
44
1 min depois …
Mau
IV.1 Avaliação por Peritos (Aval. Heurística)
23
H2-1: Tornar estado do sistema visível
45
1 min depois …
Mau
H2-1: Tornar estado do sistema visível
46
Bom
1 min depois …
Mau
IV.1 Avaliação por Peritos (Aval. Heurística)
24
Falar Linguagem do Utilizador
47 H2-2
H2-2: Falar a linguagem do utilizador
Usar terminologia familiar ao utilizador
Não usar termos orientados ao sistema
Ex. Máquina de levantar dinheiro
IV.1 Avaliação por Peritos (Aval. Heurística)
25
H2-2: Falar a linguagem do utilizador
Usar terminologia familiar ao utilizador
Não usar termos orientados ao sistema
Ex. Máquina de levantar dinheiro
LEMBRAM-SE DO MODELO CONCEPTUAL
??
H2-2: Falar a linguagem do utilizador
50
IV.1 Avaliação por Peritos (Aval. Heurística)
26
H2-2: Falar a linguagem do utilizador
51
Bom Mau
H2-2: Falar a linguagem do utilizador
52
My program gave me the message Rstrd Info. What does it mean?
That’s restricted information
But surely you can tell me!!!
No, no… Rsdrd Info stands for “Restricted
Information”
Hmm… but what does it mean???
It means the program is too busy to let you
log on
Ok, I’ll take a coffee
IV.1 Avaliação por Peritos (Aval. Heurística)
27
Utilizador Controla e Excerce Livre Arbítrio
H2-3
53
H2-3: Utilizador controla e exerce livre-arbítrio
Oferecer meios para sair de situações inesperadas (erros)
Não obrigar a caminhos inflexíveis
54
IV.1 Avaliação por Peritos (Aval. Heurística)
28
H2-3: Utilizador controla e exerce livre-arbítrio
Botão de Cancel
diálogos que esperam dados de entrada
Undo / Redo
Opção de Sair
deixar o programa em qualquer altura
Defaults (recuperar configurações) 55
56
H2-3: Utilizador controla e exerce livre-arbítrio
IV.1 Avaliação por Peritos (Aval. Heurística)
29
57
H2-3: Utilizador controla e exerce livre-arbítrio
Bom
Mau
Consistência e Aderência a Normas
H2-4
58
IV.1 Avaliação por Peritos (Aval. Heurística)
30
H2-4: Consistência e Aderência a Normas
Palavras, situações ou acções semelhantes
Significados semelhantes
59
H2-4: Consistência e Aderência a Normas
Efeitos consistentes
Definir terminologia, cores, localização de elementos, etc...
60
IV.1 Avaliação por Peritos (Aval. Heurística)
31
H2-4: Consistência e Aderência a Normas
Sigam as convenções da plataforma
WWW -Elos (links) de cor azul (“toda” a gente usa)
61
H2-4: Consistência e Aderência a Normas
Sigam as convenções da plataforma
WWW -Elos (links) de cor azul (“toda” a gente usa)
Diálogos do Windows
O mesmo elemento da interface com significado diferente (botão de Cancel)
62
IV.1 Avaliação por Peritos (Aval. Heurística)
32
H2-4: Consistência e Aderência a Normas
63
Evitar Erros
H2-5
64
IV.1 Avaliação por Peritos (Aval. Heurística)
33
H2-5: Evitar Erros
Melhor que uma boa mensagem de erro é evitar
o erro
(ou: “as desculpas não se pedem, evitam-se”)
H2-5: Evitar Erros
Minimizar uso do teclado Número de erros ~ teclas premidas
Verificar valores introduzidos Comprar 5000 Livros de IPM ?!
widgets que só aceitam dados válidos
IV.1 Avaliação por Peritos (Aval. Heurística)
34
H2-5: Evitar Erros
67
H2-5: Evitar Erros
68
IV.1 Avaliação por Peritos (Aval. Heurística)
35
H2-5: Evitar Erros
Reconhecimento em vez de Lembrança
H2-6
70
IV.1 Avaliação por Peritos (Aval. Heurística)
36
H2-6: Reconhecimento em vez de Lembrança
Tornar objectos, acções e indicações
Visíveis
Fáceis de identificar e recuperar
Mesmo sem nunca os ter visto antes
entende-se o seu significado
71
H2-6: Reconhecimento em vez de Lembrança
Maus exemplos:
Ícones sem significado
Nomes mal escolhidos
Indicações insuficientes
Acções mal identificadas
72
IV.1 Avaliação por Peritos (Aval. Heurística)
37
H2-6: Reconhecimento em vez de Lembrança
H2-6: Reconhecimento em vez de Lembrança
74
IV.1 Avaliação por Peritos (Aval. Heurística)
38
Flexibilidade e Eficiência
H2-7
75
H2-7: Flexibilidade e Eficiência
Permitir a realização mais eficiente das tarefas
Deixar fazer as tarefas de vários modos
Ex: Utilização de aceleradores
76
IV.1 Avaliação por Peritos (Aval. Heurística)
39
H2-7: Flexibilidade e Eficiência
Macros para programar acções repetitivas
Escolher que acções são mais frequentes
77
H2-7: Flexibilidade e Eficiência
Interfaces devem-se adaptar ao utilizador
78
IV.1 Avaliação por Peritos (Aval. Heurística)
40
Desenho Estético e Minimalista
79
H2-8
H2-8: Desenho de ecrã Estético e Minimalista
Apresentar apenas a informação que o
utilizador necessita
80
IV.1 Avaliação por Peritos (Aval. Heurística)
41
H2-8: Desenho de ecrã Estético e Minimalista
Menos é mais
81
H2-8: Desenho de ecrã Estético e Minimalista
Informação deve aparecer numa ordem natural
Eliminar ou esconder informação irrelevante ou raramente necessária
IV.1 Avaliação por Peritos (Aval. Heurística)
42
H2-8: Desenho de ecrã Estético e Minimalista
H2-8: Desenho de ecrã Estético e Minimalista
84 (3páginas)
IV.1 Avaliação por Peritos (Aval. Heurística)
43
Reconhecer, Diagnosticar e Recuperar de Erros
85 H2-9
H2-9: Ajudar utilizador a reconhecer, diagnosticar e resolver erros
Mensagens de erro na linguagem do
utilizador
Indicar claramente o problema
Sugerir construtivamente a solução
86
IV.1 Avaliação por Peritos (Aval. Heurística)
44
H2-9: Um bom exemplo
87
H2-9: Ajudar utilizador a reconhecer, diagnosticar e resolver erros
88
IV.1 Avaliação por Peritos (Aval. Heurística)
45
H2-9: Ajudar utilizador a reconhecer, diagnosticar e resolver erros
89
H2-9: Ajudar utilizador a reconhecer, diagnosticar e resolver erros
90
IV.1 Avaliação por Peritos (Aval. Heurística)
46
Ajuda e Documentação
H2-10
91
H2-10: Dar ajuda e Documentação
A Ajuda não é substituto de um mau desenho da IU!
Sistema não deve depender dela para ser
utilizado
92
IV.1 Avaliação por Peritos (Aval. Heurística)
47
H2-10: Dar ajuda e Documentação
Ajuda...
Fácil de pesquisar
Centrada na tarefa utilizador
Listar passos concretos para
concretizar a tarefa
Não demasiado extensa
No contexto
93
H2-10: Dar ajuda e Documentação
94
IV.1 Avaliação por Peritos (Aval. Heurística)
48
H2-10: Dar ajuda e Documentação
95 30 páginas
H2-10: Dar ajuda e Documentação
96
IV.1 Avaliação por Peritos (Aval. Heurística)
49
Conclusões
Avaliação heurística:
é fácil, é barata, dá milhões
Analisar se conforme às heurísticas
Anotar não conformidade (onde, qual, porquê ?)
Combinar resultados da avaliação
3-5 avaliadores
Avaliadores classificam severidade
independentemente
Discutir problemas com equipa de projecto 97
Próxima Aula
Fases da Avaliação Heurística
Exercício de Avaliação Heurística
Consolidação de Avaliações
98