77

Curso Avaliação de Interfaces

Embed Size (px)

Citation preview

Page 1: Curso Avaliação de Interfaces
Page 2: Curso Avaliação de Interfaces
Page 3: Curso Avaliação de Interfaces
Page 4: Curso Avaliação de Interfaces

4

Page 5: Curso Avaliação de Interfaces

5

Page 6: Curso Avaliação de Interfaces

6

Page 7: Curso Avaliação de Interfaces

7

Page 8: Curso Avaliação de Interfaces

8

Page 9: Curso Avaliação de Interfaces
Page 10: Curso Avaliação de Interfaces

Questionários de respostas fixas

Questionários de respostas abertas

10

Qu

estio

nário

s

Page 11: Curso Avaliação de Interfaces

n

n

n

n

n

11

Qu

estio

nário

s

Page 12: Curso Avaliação de Interfaces

n

n

12

Qu

estio

nário

s

Page 13: Curso Avaliação de Interfaces

Dê preferência para questões fechadas

13

Qu

estio

nário

s

Page 14: Curso Avaliação de Interfaces

14

Qu

estio

nário

s

Page 15: Curso Avaliação de Interfaces
Page 16: Curso Avaliação de Interfaces

16

Diá

rio

de

Uso

/In

cid

ent D

iari

es

Page 17: Curso Avaliação de Interfaces

n

n

n

17

Diá

rio

de

Uso

/In

cid

ent D

iari

es

Page 18: Curso Avaliação de Interfaces

n

n

n

18

Diá

rio

de

Uso

/In

cid

ent D

iari

es

Page 19: Curso Avaliação de Interfaces

19

Diá

rio

de

Uso

/In

cid

ent D

iari

es

Page 20: Curso Avaliação de Interfaces
Page 21: Curso Avaliação de Interfaces

21

Fe

atu

re C

he

cklis

t

Page 22: Curso Avaliação de Interfaces

n

n

n

n

n

22

Fe

atu

re C

he

cklis

t

Page 23: Curso Avaliação de Interfaces

n

n

n

23

Fe

atu

re C

he

cklis

t

Page 24: Curso Avaliação de Interfaces

24

Fe

atu

re C

he

cklis

t

Page 25: Curso Avaliação de Interfaces
Page 26: Curso Avaliação de Interfaces

26

Ob

se

rva

çã

o d

e C

am

po

Page 27: Curso Avaliação de Interfaces

n

27

Ob

se

rva

çã

o d

e C

am

po

Page 28: Curso Avaliação de Interfaces

n

n

n

n

n

28

Ob

se

rva

çã

o d

e C

am

po

Page 29: Curso Avaliação de Interfaces

29

Ob

se

rva

çã

o d

e C

am

po

Page 30: Curso Avaliação de Interfaces
Page 31: Curso Avaliação de Interfaces

31

Page 32: Curso Avaliação de Interfaces

32

En

tre

vis

ta C

on

textu

al

Page 33: Curso Avaliação de Interfaces

n

n

33

En

tre

vis

ta C

on

textu

al

Page 34: Curso Avaliação de Interfaces

n

n

n

n

n

34

En

tre

vis

ta C

on

textu

al

Page 35: Curso Avaliação de Interfaces

35

En

tre

vis

ta C

on

textu

al

Page 36: Curso Avaliação de Interfaces
Page 37: Curso Avaliação de Interfaces

O pesquisador pode estar com os participantes

O pesquisador pode deixar instruções e se retirar para

observar de outro lugar

37

Co

-dis

cove

ry

Page 38: Curso Avaliação de Interfaces

n

n

38

Co

-dis

cove

ry

Page 39: Curso Avaliação de Interfaces

n

n

n

39

Co

-dis

cove

ry

Page 40: Curso Avaliação de Interfaces

40

Co

-dis

cove

ry

Page 41: Curso Avaliação de Interfaces
Page 42: Curso Avaliação de Interfaces

critérios de usabilidade

42

An

ális

e d

e T

are

fa

Page 43: Curso Avaliação de Interfaces

43

Ava

liaçã

o H

eu

rística

http://www.useit.com/papers/heuristic/heuristic_evaluation.html

Page 44: Curso Avaliação de Interfaces

44

Ava

liaçã

o H

eu

rística

Avaliação Heurística

qualquer produto

rápido

econômico sem

participantes

qualquer fase de desenv.

eficiente

Page 45: Curso Avaliação de Interfaces

n

45

Ava

liaçã

o H

eu

rística

Page 46: Curso Avaliação de Interfaces

individualmente

Em grupo

46

Ava

liaçã

o H

eu

rística

Princípios de Usabilidade

1. Explore a interface

2. Procure por problemas de Usabilidade

3. Informe o problema

4. Faça sugestões 5. Defina o nível de

severidade

6. Discuta os problemas

7. Escreva o relatório 1 especialista

Page 47: Curso Avaliação de Interfaces

47

Ava

liaçã

o H

eu

rística

Page 48: Curso Avaliação de Interfaces

48

Ava

liaçã

o H

eu

rística

1.1 – Primeiro contato Explore a interface a ser avaliada para entender o fluxo de navegação e ter uma ideia geral sobre o produto e interação.

1.2 – Segundo contato

Explore a interface para entender as tarefas dos usuários. Por exemplo, abrir o aplicativo, logar, inserir dados, editar, excluir e assim por diante.

1.3 – Liste as tarefas Liste as tarefas para guiar vpcê durante a avaliação. Se possível considere todas as tarefas para interfaces menos complexas e as principais tarefas para interfaces mais complexas ou com níveis de navegação muito profundos. Se necessário, separe a interface do sistema em partes.

Explore a interface

1 Step

Note: É possível encontrar

problemas desde o começo quando se está explorando a

interface, mas tente focar na

exploração sempre que possível

Page 49: Curso Avaliação de Interfaces

49

Ava

liaçã

o H

eu

rística

2.1 - Realize as tarefas do usuário (Cognitive Walkthrough method)

Realize cada tarefa do usuário e faça anotações se você encontrar alguma dificuldade em realizá-las ou se algo não estiver claro, se você tiver alguma dúvida. Tente encontrar as razões pelas quais é difícil completar a tarefa ou o porquê não é claro o suficiente.

2.2 – E/OU verificando os princípios de Usabilidade

Verifique os princípios de Usabilidade e fala anotações se você encontrar algo que não está de acordo com os princípios.

2.3 - E/OU verificando cada item da interface (navegação por menu)

Verifique cada item da interface: ícones, labels/rótulos, formatos de botões, cores, textos, localização dos itens etc. Faça anotações se os itens estiverem em desacordo com os princípios de Usabilidade.

Procure por problemas de Usabilidade

2 Step

Note: Cada avaliador se

adaptará a uma forma de encontrar

problemas. Tente diferentes formas

até encontrar o que é melhor para

você!

Page 50: Curso Avaliação de Interfaces

50

Ava

liaçã

o H

eu

rística

2.4 – Aspectos positivos É natural encontrar aspectos positivos na interface. Informe os aspectos positivos à equipe de desenvolvimento para que eles tenham um melhor entendimento sobre o desenvolvimento da interface.

2.5 – Outras observações Se você encontrar itens que não necessariamente são problemas de Usabilidade como por exemplo, palavras com erros de ortografia, problemas relacionados a qualidade do design gráfico ou referentes à qualidade dos textos ou mesmo bugs do sistema, informe-os para a equipe de desenvolvimento em um capítulo à parte do relatório chamado “Observações”.

Procure por problemas de Usabilidade

2 Step

Note: Se a interface tem

muitos bugs e não há tempo para

escrevê-los, somente informe à

equipe o fato de existir muitos bugs

no sistema. Não gaste muito tempo

com este item.

Page 51: Curso Avaliação de Interfaces

51

Ava

liaçã

o H

eu

rística

3.1 – Onde está o problema Use imagens para indicar onde está localizado o problema. Para sistemas mais complexos informe o local do problema, por exemplo “Home”. 3.2 – Destaque o problema Utilize um print screen da tela e destaue o problema 3.3 – Informe o princípio de Usabilidade infringido Inform which of the principles that the problem infringes. Is possible that one problem infringes more than one Usability principle.

Informe o problema

3 Step

Page 52: Curso Avaliação de Interfaces

52

Ava

liaçã

o H

eu

rística

3.4 – Categoria Informe se o problema é relacionado a área de Design de Interação, Design Gráfico, Design de informação, Sound Design etc. 3.5 - Descreva o problema de Usabilidade Informe qual é o problema de Usabilidade. Por exemplo, se há falta de informação para realizar a tarefa, o que está sendo comunicado incorretamente etc. 3.6 – Possíveis consequências Informe o que pode acontecer com a tarefa ou o usuário. Por exemplo a possibilidade do usuário não completar a tarefa, cometer erros, ou se sentir confuso.

Informe o problema

3 Step

Page 53: Curso Avaliação de Interfaces

53

Ava

liaçã

o H

eu

rística

4.1 – Sugestões víáveias Faça sugestões viáveis para resolver os problemas 4.2 – Sugestões ousadas Priorize sugestões viáveis para o projeto atual, mas também é importante considerar projetos futuros informando sugestões mais ousadas.

Faça sugestões

4 Step

Page 54: Curso Avaliação de Interfaces

54

Ava

liaçã

o H

eu

rística

Alta - Barreira Se refere aos aspectos da interface que podem bloquear o cumprimento da tarefa. O usuário se depara sucessivas vezes com o problema mas não aprende como suplantar o problema sem ajuda externa. Uma barreira faz com que o usuário desista de usar a função, ou seja afeta a eficácia da tarefa. Médio - Obstáculo Se refere aos aspectos da interface no qual o usuário se depara algumas vezes mas aprende a sumplantá-la. Obstáculos causam perdas de eficácia ou de eficiência. Baixo – Ruído Se refere aos aspectos da interface que não consistem em barreiras e nem obstáculos, mas que causam uma perde na performance da tarefa. O usuário pode desenvolver uma má impressão sobre o sistema devido aos ruídos durante a interação.

Defina o nível de severidade

5 Step

Page 55: Curso Avaliação de Interfaces

55

Ava

liaçã

o H

eu

rística

Page 56: Curso Avaliação de Interfaces

56

Ava

liaçã

o H

eu

rística

6.1 - Pontos comuns Discuta os problemas comuns. Isto pode ajudar a equipe a ter uma ideia geral se a interface possui problemas claros. Discuta as melhores sugestões com a equipe avaliadora. 6.2 – Pontos divergentes Discuta os pontos divergentes e tente usar diferentes pontos de vista. Nestes casos é possível encontrar mais problemas. Discuta as melhores sugestões com a equipe. 6.3 – Acorde o nível de severidade dos problemas Discuta o nível de severidade com a equipe. Se o sistema “barreira, obstáculo e ruído” não funcionar, tente discutir o impacto na tarefa no contexto real de uso.

Discuta os problemas

6 Step

Page 57: Curso Avaliação de Interfaces

57

Ava

liaçã

o H

eu

rística

6.1 - Pontos comuns Discuta os problemas comuns. Isto pode ajudar a equipe a ter uma ideia geral se a interface possui problemas claros. Discuta as melhores sugestões com a equipe avaliadora. 6.2 – Pontos divergentes Discuta os pontos divergentes e tente usar diferentes pontos de vista. Nestes casos é possível encontrar mais problemas. Discuta as melhores sugestões com a equipe. 6.3 – Acorde o nível de severidade dos problemas Discuta o nível de severidade com a equipe. Se o sistema “barreira, obstáculo e ruído” não funcionar, tente discutir o impacto na tarefa no contexto real de uso.

Discuta os problemas

6 Step

Page 58: Curso Avaliação de Interfaces

58

Ava

liaçã

o H

eu

rística

7.1 - Introdução Ofereça informações sobre o produto avaliado 7.2 - Metodologia Descreva o número de especialistas e a metodologia de Avaliação Heurística 7.3 – Aspectos positivos Explique brevemente os pontos positivos da interface em uma página.

Desenvolva o relatório

7 Step

Page 59: Curso Avaliação de Interfaces

59

Ava

liaçã

o H

eu

rística

7.4 - Problemas de Usabilidade Para interfaces mais simples agrupe os problemas de Usabilidade por nível de severidade. Para interfaces mais complexas, agrupe os problemas por parte do sistema. 7.5 - Observações Liste as observações não consideradas problemas de Usabilidade. 7.6 – Tabela de problemas Faça uma tabela com o número de problemas por nível de severidade. A tabela oferece uma ideia geral para a equipe se a interface está fácil de usar ou não.

Desenvolva o relatório

7 Step

Page 60: Curso Avaliação de Interfaces

60

Ava

liaçã

o H

eu

rística

7.7 – Considerações finais Escreva as considerações finais de forma a enfatizar os problemas de alta severidade ou os quais estão relacionados com princípios de Usabilidade específicos. Por exemplo, se existem muitos problemas de Gestão de erro, é bom ressaltar a importância e as consequências deste princípio infringido.

Desenvolva o relatório

7 Step

Page 61: Curso Avaliação de Interfaces
Page 62: Curso Avaliação de Interfaces

62

Pa

pe

r P

roto

typ

e

Page 63: Curso Avaliação de Interfaces

Baixa fidelidade

Média fidelidade

Alta fidelidade

63

Pa

pe

r P

roto

typ

e

Page 64: Curso Avaliação de Interfaces

n

n

n

n

64

Pa

pe

r P

roto

typ

e

Page 65: Curso Avaliação de Interfaces

n

n

n

n

65

Pa

pe

r P

roto

typ

e

Page 66: Curso Avaliação de Interfaces

66

Pa

pe

r P

roto

typ

e

Page 67: Curso Avaliação de Interfaces

67

Pa

pe

r P

roto

typ

e

Page 68: Curso Avaliação de Interfaces

Grupo 1

Grupo 2

Grupo 3

68

Pa

pe

r P

roto

typ

e

Page 69: Curso Avaliação de Interfaces

Roteiro

69

Pa

pe

r P

roto

typ

e

Page 70: Curso Avaliação de Interfaces
Page 71: Curso Avaliação de Interfaces

71

Ca

rd S

ort

ing

Page 72: Curso Avaliação de Interfaces

n

n

n

72

Ca

rd S

ort

ing

Page 73: Curso Avaliação de Interfaces

n

73

Ca

rd S

ort

ing

Page 74: Curso Avaliação de Interfaces

74

Ca

rd S

ort

ing

Page 75: Curso Avaliação de Interfaces

75

Ca

rd S

ort

ing

Page 76: Curso Avaliação de Interfaces

76

Ava

liaçã

o H

eu

rística

Page 77: Curso Avaliação de Interfaces