IV.1 AVALIAÇÃO POR PERITOS (AVALIAÇÃO HEURÍSTICA)

Transcrição

1 IV AVALIAÇÃO IV.1 AVALIAÇÃO POR PERITOS (AVALIAÇÃO HEURÍSTICA) HCI, Cap. 9, Alan Dix (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 1

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 -Análise de Tarefas -Cenários do Problema Avaliar Desenhar -Modelo Conceptual -Cenários de Actividade Prototipar -PBF -Storyboards -Cenários de Interacção 2

3 O Passo Seguinte? Análise de Requisitos -Análise de Tarefas -Cenários do Problema Avaliar Desenhar -Modelo Conceptual -Cenários de Actividade Prototipar -PBF -Storyboards -Cenários de Interacção AVALIAÇÃO DE USABILIDADE 6 3

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 4

5 Métodos Empíricos Avaliação com utilizadores 9 AVALIAÇÃO HEURÍSTICA 10 5

6 Avaliação Heurística Rápida Barata Fácil de usar 11 Avaliação Heurística 12 6

7 Avaliação Heurística Ajuda a encontrar problemas de Usabilidade no projecto de IU 13 Avaliação Heurística Boa para avaliar designs iniciais e protótipos 14 7

8 Avaliação Heurística Pequeno conjunto de avaliadores (<=5) examinam IU PROBLEMAS 15 Avaliação Heurística Pequeno conjunto de avaliadores (<=5) examinam IU AV 1 AV 3 AV 2 AV

9 Número de Avaliadores? Número de Avaliadores? 18 9

10 Experiência dos Avaliadores Afecta Nº de problemas identificados 19 Experiência dos Avaliadores Noviços 20 10

11 Experiência dos Avaliadores Noviços 22% 21 Experiência dos Avaliadores Noviços Peritos 22% 22 11

12 Experiência dos Avaliadores Noviços Peritos 22% 41% 23 Experiência dos Avaliadores Noviços Peritos 22% 41% Peritos no Tipo de UI 60% 24 12

13 Experiência dos Avaliadores 25 Experiência dos Avaliadores 26 13

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 14

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. Usar violações dos princípios p/ Redesenhar UI Corrigir problemas 30 15

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 H Dar Ajuda e Documentação 32 16

17 Tornar o Estado do Sistema Visível H 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 17

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 18

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 19

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 Bom Mau 20

21 H2-1: Tornar estado do sistema visível searching database for matches Bom Mau H2-1: Tornar estado do sistema visível searching database for matches Bom Mau Médio 42 21

22 H2-1: Tornar estado do sistema visível 43 H2-1: Tornar estado do sistema visível 1 min depois Mau 44 22

23 H2-1: Tornar estado do sistema visível 1 min depois Mau 45 H2-1: Tornar estado do sistema visível 1 min depois Bom Mau 46 23

24 Falar Linguagem do Utilizador H 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 24

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 25

26 H2-2: Falar a linguagem do utilizador Bom Mau 51 H2-2: Falar a linguagem do utilizador 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 52 26

27 Utilizador Controla e Excerce Livre Arbítrio H 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 27

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 H2-3: Utilizador controla e exerce livre-arbítrio 28

29 H2-3: Utilizador controla e exerce livre-arbítrio Bom Mau Consistência e Aderência a Normas H

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

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 31

32 H2-4: Consistência e Aderência a Normas 63 Evitar Erros H

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 33

34 H2-5: Evitar Erros 67 H2-5: Evitar Erros 68 34

35 H2-5: Evitar Erros Reconhecimento em vez de Lembrança H

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 36

37 H2-6: Reconhecimento em vez de Lembrança H2-6: Reconhecimento em vez de Lembrança 74 37

38 Flexibilidade e Eficiência H 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 38

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 39

40 Desenho Estético e Minimalista H H2-8: Desenho de ecrã Estético e Minimalista Apresentar apenas a informação que o utilizador necessita 80 40

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 41

42 H2-8: Desenho de ecrã Estético e Minimalista H2-8: Desenho de ecrã Estético e Minimalista (3páginas) 84 42

43 Reconhecer, Diagnosticar e Recuperar de Erros H 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 43

44 H2-9: Um bom exemplo 87 H2-9: Ajudar utilizador a reconhecer, diagnosticar e resolver erros 88 44

45 H2-9: Ajudar utilizador a reconhecer, diagnosticar e resolver erros 89 H2-9: Ajudar utilizador a reconhecer, diagnosticar e resolver erros 90 45

46 Ajuda e Documentação H 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 46

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 47

48 H2-10: Dar ajuda e Documentação 30 páginas 95 H2-10: Dar ajuda e Documentação 96 48

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 49