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


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


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


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


5

Métodos Empíricos

Avaliação com utilizadores

9

10

AVALIAÇÃO HEURÍSTICA


6


Rápida

Barata

Fácil de usar 11


12


7


13

Ajuda a encontrar problemas de Usabilidade

no projecto de IU


Boa para avaliar designs iniciais e protótipos

14


8


Pequeno conjunto de avaliadores (<=5)

examinam IU

15

PROBLEMAS


Pequeno conjunto de avaliadores (<=5)

examinam IU

16

AV 1

AV 2

AV 3

AV 4


9

Número de Avaliadores?

Número de Avaliadores?

18


10

Experiência dos Avaliadores

Afecta Nº de problemas identificados

19


Noviços

20


11


Noviços

21

22%


Noviços

Peritos

22

22%


12


Noviços

Peritos

23

22%

41%


Noviços

Peritos

Peritos no Tipo de UI

24

22%

41%

60%


13


25


26


14

Processo de A.H.

Avaliadores exercitam a IU várias vezes

27

Processo de A.H.


Princípios de usabilidade

28


15

Processo de A.H.


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


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


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


18


Informar do que se está a passar De forma clara e sucinta

Em tempo útil

35


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


19


searching database for matches



Bom


20



Bom



Mau

Bom


21



Mau

Bom


42


Mau Médio

Bom


22


43


44

1 min depois …

Mau


23


45

1 min depois …

Mau


46

Bom

1 min depois …

Mau


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


25


Usar terminologia familiar ao utilizador

Não usar termos orientados ao sistema

Ex. Máquina de levantar dinheiro

LEMBRAM-SE DO MODELO CONCEPTUAL

??


50


26


51

Bom Mau


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


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


28


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



29

57


Bom

Mau

Consistência e Aderência a Normas

H2-4

58


30

H2-4: Consistência e Aderência a Normas

Palavras, situações ou acções semelhantes

Significados semelhantes

59


Efeitos consistentes

Definir terminologia, cores, localização de elementos, etc...

60


31


Sigam as convenções da plataforma

WWW -Elos (links) de cor azul (“toda” a gente usa)

61


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


32


63

Evitar Erros

H2-5

64


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


34

H2-5: Evitar Erros

67

H2-5: Evitar Erros

68


35

H2-5: Evitar Erros

Reconhecimento em vez de Lembrança

H2-6

70


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


Maus exemplos:

Ícones sem significado

Nomes mal escolhidos

Indicações insuficientes

Acções mal identificadas

72


37



74


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


39


Macros para programar acções repetitivas

Escolher que acções são mais frequentes

77


Interfaces devem-se adaptar ao utilizador

78


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


41


Menos é mais

81


Informação deve aparecer numa ordem natural

Eliminar ou esconder informação irrelevante ou raramente necessária


42



84 (3páginas)


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


44

H2-9: Um bom exemplo

87


88


45


89


90


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


47


Ajuda...

Fácil de pesquisar

Centrada na tarefa utilizador

Listar passos concretos para

concretizar a tarefa

Não demasiado extensa

No contexto

93


94


48


95 30 páginas


96


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

iv avaliaÇÃo - fenix.tecnico.ulisboa.pt · guerrilla hci, jakob nielsen resumo aula anterior o...

Documents