MTA2 - Análise Heurística

1.042 visualizações

Publicada em

Publicada em: Design
0 comentários
1 gostou
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
1.042
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
59
Comentários
0
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

MTA2 - Análise Heurística

  1. 1. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Perguntando a especialistas Análise Heurística Pós-Graduação em Design de Interação IEC - INSTITUTO DE EDUCAÇÃO CONTINUADA Métodos e Técnicas de Avaliação II Marcello de Campos Cardoso | www.mcardoso.com.br | mcardoso@gmail.comTuesday, September 13, 2011
  2. 2. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Plano de curso 1ª Apresentação do curso, aquecimento e posicionamento teórico - 2ª Questionários e entrevistas 15pts 3ª Separando releases: User Story Mapping - 4ª User Story Mapping: Workshop 15pts 5ª Definindo a arquitetura da informação - Card Sorting 15pts 6ª Card Sorting: Workshop - 7ª Análise Heurística: Perguntando a especialistas: Workshop 15pts 8ª Percurso cognitivo: Avaliando tarefas 10pts 9ª Engenharia semiótica - Método de Inspeção Semiótica 10pts 10ª Apresentação final 20ptsTuesday, September 13, 2011
  3. 3. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Questionários e ing entrevistas rk ard Sorting chma C Ben to jam isa to en o ne qu çã en lvim lida pla pes vo sen va de Stor rototipação p urística map y lise He ping Aná personasTuesday, September 13, 2011
  4. 4. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Avaliação da Onde aplicar? Interface pode ser aplicada em protótipos Reunião diária Produto Backlog do Backlog do Avaliação da potencialmente produto sprint Interface “entregável” pode ser aplicada em releasesTuesday, September 13, 2011
  5. 5. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Análise Heurística as 10 heurísticas de Jakob NielsenTuesday, September 13, 2011
  6. 6. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Análise Heurística as 10 heurísticas de Jakob NielsenTuesday, September 13, 2011
  7. 7. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Análise Heurística as 10 heurísticas de Jakob NielsenTuesday, September 13, 2011
  8. 8. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Definição “Análise Heurística (Nielsen and Molich, 1990; Nielsen 1994) é um método de engenharia de usabilidade para encontrar os erros de usabilidade em uma interface para que sejam corrigidos em um processo de desenvolvimento iterativo. Envolve um pequeno grupo de avaliadores para examinar a interface e avaliá-la de acordo com princípios de usabilidade reconhecidos (as heurísticas).” - Nielsen Molich, R., and Nielsen, J. (1990). Improving a human-computer dialogue, Communications of the ACM 33, 3 (March). Nielsen, J., and Molich, R. (1990). Heuristic evaluation of user interfaces, Proc. ACM CHI90 Conf. Nielsen, J. (1994a). Enhancing the explanatory power of usability heuristics. Proc. ACM CHI94 Conf. Nielsen, J. (1994b). Heuristic evaluation. In Nielsen, J., and Mack, R.L. (Eds.), Usability Inspection Methods, John Wiley & Sons, New York, NY.Tuesday, September 13, 2011
  9. 9. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso = Heurísticas ~ Metas de usabilidade Metas são princípios generalistas que norteiam o desenvolvimento Heurísticas são diretrizes técnicas para a avaliação de interfacesTuesday, September 13, 2011
  10. 10. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso J akob Nielsen lsen se cam po da usabilidade, Nie O principal nome no ágeis desde em me todologias baratas e popularizou por focar os anos 90. s para ar pe squisas quantitativa É conhecido por realiz ertas. fund amentar suas descob urística. nhecida e difu ndida é a análise he Sua prática mais coTuesday, September 13, 2011
  11. 11. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Origem (1990) As heurísticas originais surgiram da análise de 249 problemas, identificados a partir de avaliações realizadas por especialistas em 11 projetos. ✓ 4 avaliados durante a fase inicial do ciclo de vida ✓ 7 avaliados em uma fase avançada;Tuesday, September 13, 2011
  12. 12. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Como fazer? 1º passo: Briefing • Os avaliadores discutem os critérios da avaliação como tarefas por exemplo 2º passo: Avaliação (cerca de 2h) • Independente • Double check - 1 para fluxo e tarefas e outro para interface e elementos 3º passo: Reunião de resultados e relatório • Discutir problemas • Priorizá-los • Elaborar recomendações e soluçõesTuesday, September 13, 2011
  13. 13. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Como fazer? 1º passo: Briefing • Os avaliadores discutem os critérios da avaliação como tarefas por exemplo 2º passo: Avaliação (cerca de 2h) • Independente • Double check - 1 para fluxo e tarefas e outro para interface e elementos 3º passo: Reunião de resultados e relatório • Discutir problemas • Priorizá-los • Elaborar recomendações e soluçõesTuesday, September 13, 2011
  14. 14. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Como fazer? 1º passo: Briefing • Os avaliadores discutem os critérios da avaliação como tarefas por exemplo 2º passo: Avaliação (cerca de 2h) • Independente • Double check - 1 para fluxo e tarefas e outro para interface e elementos 3º passo: Reunião de resultados e relatório • Discutir problemas • Priorizá-los • Elaborar recomendações e soluçõesTuesday, September 13, 2011
  15. 15. Métodos e Técnicas de Avaliação 2 / Marcello CardosoTuesday, September 13, 2011
  16. 16. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso H2 H7 H9 H5Tuesday, September 13, 2011
  17. 17. Métodos e Técnicas de Avaliação 2 / Marcello CardosoTuesday, September 13, 2011
  18. 18. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Análise Heurística vs Testes com usuáriosTuesday, September 13, 2011
  19. 19. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Diferenças Análise Heurística - preditiva Baseada na experiência/expectativas do especialista Testes com usuários - empírica Baseada na observação do comportamentoTuesday, September 13, 2011
  20. 20. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Semelhanças São técnicas analíticas, não gerativas (ideação) como Story Mapping ou Card Sorting.Tuesday, September 13, 2011
  21. 21. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 10 Heurísticas de Jakob Nielsen 1. Visibilidade do status do sistema (feedback) 2. Compatibilidade do sistema com o mundo real (affordance) 3. Controle do usuário e liberdade 4. Consistência e padrões 5. Prevenção de erros 6. Reconhecer em vez de relembrar 7. Flexibilidade e eficiência no uso 8. Estética e design minimalista 9. Ajudar os usuários a reconhecer, diagnosticar e corrigir erros 10. Ajuda e documentaçãoTuesday, September 13, 2011
  22. 22. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 1. Visibilidade do status do sistema (feedback) O sistema deve informar continuamente e apropriadamente ao usuário sobre o que ele está fazendo, em tempo razoável.Tuesday, September 13, 2011
  23. 23. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 1. Visibilidade do status do sistema (feedback) Vou fazer um café... Mais fácil de entender.Tuesday, September 13, 2011
  24. 24. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 1. Visibilidade do status do sistema (feedback) LOG deixa tudo mais claro.Tuesday, September 13, 2011
  25. 25. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 1. Visibilidade do status do sistema (feedback) ! th e fly OnTuesday, September 13, 2011
  26. 26. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 1. Visibilidade do status do sistema (feedback)Tuesday, September 13, 2011
  27. 27. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 2. Compatibilidade do sistema com o mundo real A terminologia e os elementos de interface devem ser baseados na linguagem do usuário, não do sistema. As informações devem ser organizadas conforme o modelo mental do usuário.Tuesday, September 13, 2011
  28. 28. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 2. Compatibilidade do sistema com o mundo real What?Tuesday, September 13, 2011
  29. 29. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 2. Compatibilidade do sistema com o mundo real What? Cool!!Tuesday, September 13, 2011
  30. 30. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 2. Compatibilidade do sistema com o mundo real What?Tuesday, September 13, 2011
  31. 31. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 2. Compatibilidade do sistema com o mundo real Cadê a busca?Tuesday, September 13, 2011
  32. 32. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 2. Compatibilidade do sistema com o mundo real What?Tuesday, September 13, 2011
  33. 33. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 2. Compatibilidade do sistema com o mundo real What?Tuesday, September 13, 2011
  34. 34. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 2. Compatibilidade do sistema com o mundo real What?Tuesday, September 13, 2011 sequência de uso
  35. 35. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 2. Compatibilidade do sistema com o mundo realTuesday, September 13, 2011
  36. 36. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 3. Controle do usuário e liberdade O usuário controla o sistema. Ele pode, por exemplo, abortar uma tarefa ou desfazer uma operação e retornar ao estado anterior.Tuesday, September 13, 2011
  37. 37. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 3. Controle do usuário e liberdadeTuesday, September 13, 2011
  38. 38. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 3. Controle do usuário e liberdadeTuesday, September 13, 2011
  39. 39. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 3. Controle do usuário e liberdadeTuesday, September 13, 2011
  40. 40. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 3. Controle do usuário e liberdadeTuesday, September 13, 2011
  41. 41. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 3. Controle do usuário e liberdadeTuesday, September 13, 2011
  42. 42. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 3. Controle do usuário e liberdadeTuesday, September 13, 2011
  43. 43. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 4. Consistência e padrões Um comando, ação ou elemento de interface deve ter sempre o mesmo efeito e aparência. A mesma operação deve ser apresentada na mesma localização e deve ser formatada/apresentada da mesma maneira para facilitar o reconhecimento.Tuesday, September 13, 2011
  44. 44. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 4. Consistência e padrõesTuesday, September 13, 2011
  45. 45. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 4. Consistência e padrõesTuesday, September 13, 2011
  46. 46. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 4. Consistência e padrõesTuesday, September 13, 2011
  47. 47. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 5. Prevenção de erros Evitar situações de erro. Conhecer as situações que mais provocam erros e modificar a interface para que estes erros não ocorramTuesday, September 13, 2011
  48. 48. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 5. Prevenção de errosTuesday, September 13, 2011
  49. 49. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 5. Prevenção de errosTuesday, September 13, 2011
  50. 50. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 5. Prevenção de errosTuesday, September 13, 2011
  51. 51. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 5. Prevenção de errosTuesday, September 13, 2011
  52. 52. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 5. Prevenção de errosTuesday, September 13, 2011
  53. 53. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 5. Prevenção de errosTuesday, September 13, 2011
  54. 54. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 6. Reconhecer em vez de relembrar O sistema deve mostrar os elementos de diálogo e permitir que o usuário faça suas escolhas, sem a necessidade de lembrar um comando específico.Tuesday, September 13, 2011
  55. 55. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 6. Reconhecer em vez de relembrarTuesday, September 13, 2011
  56. 56. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 6. Reconhecer em vez de relembrarTuesday, September 13, 2011
  57. 57. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 6. Reconhecer em vez de relembrarTuesday, September 13, 2011
  58. 58. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 6. Reconhecer em vez de relembrarTuesday, September 13, 2011
  59. 59. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 6. Reconhecer em vez de relembrarTuesday, September 13, 2011
  60. 60. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 7. Flexibilidade e eficiência no uso Para usuários experientes executarem as operações mais rapidamente. Abreviações, teclas de função, duplo clique no mouse, função de volta em sistemas hipertexto. Atalhos também servem para recuperar informações que estão numa profundidade na árvore navegacional a partir da interface principal.Tuesday, September 13, 2011
  61. 61. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 7. Flexibilidade e eficiência no usoTuesday, September 13, 2011
  62. 62. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 7. Flexibilidade e eficiência no usoTuesday, September 13, 2011
  63. 63. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 7. Flexibilidade e eficiência no usoTuesday, September 13, 2011
  64. 64. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 7. Flexibilidade e eficiência no usoTuesday, September 13, 2011 sequência de uso
  65. 65. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 8. Estética e design minimalista Deve-se apresentar exatamente a informação que o usuário precisa no momento, nem mais nem menos. A seqüência da interação e o acesso aos objetos e operações devem ser compatíveis com o modo pelo qual o usuário realiza suas tarefas.Tuesday, September 13, 2011
  66. 66. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 8. Estética e design minimalistaTuesday, September 13, 2011
  67. 67. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 8. Estética e design minimalistaTuesday, September 13, 2011
  68. 68. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 8. Estética e design minimalistaTuesday, September 13, 2011
  69. 69. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 9. Ajudar a reconhecer, diagnosticar e corrigir erros Linguagem clara e sem códigos. Devem ajudar o usuário a entender e resolver o problema. Não devem culpar ou intimidar o usuário.Tuesday, September 13, 2011
  70. 70. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 9. Ajudar a reconhecer, diagnosticar e corrigir errosTuesday, September 13, 2011
  71. 71. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 9. Ajudar a reconhecer, diagnosticar e corrigir errosTuesday, September 13, 2011
  72. 72. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 9. Ajudar a reconhecer, diagnosticar e corrigir errosTuesday, September 13, 2011
  73. 73. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 10. Ajuda e documentação O ideal é que um software seja tão fácil de usar (intuitivo) que não necessite de ajuda ou documentação. Se for necessária a ajuda deve estar facilmente acessível on-line.Tuesday, September 13, 2011
  74. 74. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 10. Ajuda e documentaçãoTuesday, September 13, 2011
  75. 75. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 10. Ajuda e documentaçãoTuesday, September 13, 2011
  76. 76. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 10. Ajuda e documentaçãoTuesday, September 13, 2011
  77. 77. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 10. Ajuda e documentaçãoTuesday, September 13, 2011
  78. 78. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 10. Ajuda e documentaçãoTuesday, September 13, 2011
  79. 79. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso 10. Ajuda e documentaçãoTuesday, September 13, 2011
  80. 80. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Vantagens 1. Avaliação de Usabilidade de barata, não precisa de laboratórios ou equipamento 2. Ágil: Um dia ou menos para aplicar 3. Pode ser aplicada em qualquer estágio do projeto, incluindo protótipos precoces. 4. Treinamento simples: Pode ser ensinada em poucas horas (para especialistas)Tuesday, September 13, 2011
  81. 81. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Considerações: número de avaliadores Alguns problemas apenas são descobertos por perfis diferentes de avaliadores.Tuesday, September 13, 2011
  82. 82. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Considerações: número de avaliadores 5 avaliadores encontramos quase 75% dos problemas de usabilidade. 3 avaliadores fornecem quase 65% de descobertas 1 avaliador descobre em média 35%Tuesday, September 13, 2011
  83. 83. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Considerações: número de avaliadores O número excessivo de avaliadores traz pouco retorno de investimento.Tuesday, September 13, 2011
  84. 84. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Considerações: número de avaliadores A avaliação solo é conhecida como Expert review, Expert crit ou Discount evaluation. É uma prática comum de mercado.Tuesday, September 13, 2011
  85. 85. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Considerações: experiência do avaliador A qualidade da avaliação depende da compreensão correta das Heurísticas Aplicá-las exercita as boas práticas de usabilidade, para o desenvolvedorTuesday, September 13, 2011
  86. 86. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Heurísticas para websites (Nielsen, 1999) H igh-quality content (conteúdo de alta qualidade) O ften updated (freqüentemente atualizado) M inimal download time (tempo mínimo de download) E ase of use (facilidade de uso) R elevante to user’s needs (relevante para as necessidades dos usuários) U nique to the online médium (somente para o meio online) N etcentric corporate culture (cultura corporativa centrada na rede)Tuesday, September 13, 2011
  87. 87. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Heurísticas RA na direção automotiva 1. O sistema deve sinalizar os diversos obstáculos no caminho aumentando seu contraste (buracos, quebra-molas, transeuntes, etc.); 2. Sinais de trânsito e informações complementares devem ser identificados e exibidos em destaque na área à direita do pára-brisa. O objetivo é oferecer subsídios para o motorista sem comprometer sua atenção primária. 3. A linguagem deve ser universal e de fácil compreensão. 4. O sistema deve ser configurável. Usuários com capacidades cognitivas diferentes devem possuir ferramentas para configurá-lo à sua maneira.Tuesday, September 13, 2011
  88. 88. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Métricas emocionais para jogos (Diego Castro Soares) 1. Franzir a sobrancelha - Concentração, antipatia ou falta de clareza 2. Levantar as sobrancelhas - Insegurança, incredulidade, surpresa ou exasperação 3. Desviar o olhar - Desapontamento, fracasso, culpa, vergonha ou submissão 4. Sorrir - Satisfação ou alegria 5. Apertar os lábios - Frustração, confusão, ansiedade, nervosismo ou preocupações 6. Mover a boca - Desorientação ou insegurança 7. Expressar-se verbalmente (tosses, suspiros, bocejos e etc.) - Frustração ou decepção 8. Tocar o rosto com as mãos - Confusão, incerteza ou cansaço 9. Reclinar-se para trás - Rejeição 10. Inclinar o corpo para frente - Depressão, frustração ou atençãoTuesday, September 13, 2011
  89. 89. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Como fazer? 1º passo: Briefing • Os avaliadores discutem os critérios da avaliação como tarefas por exemplo 2º passo: Avaliação (cerca de 2h) • Independente • Double check - 1 para fluxo e tarefas e outro para interface e elementos 3º passo: Reunião de resultados e relatório • Discutir problemas • Priorizá-los • Elaborar recomendações e soluçõesTuesday, September 13, 2011
  90. 90. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso igad o! o br Este arquivo contém a apresentação realizada por Marcello de Campos Cardoso, em Setembro de 2011, para a disciplina Métodos e Técnicas de Avaliação 2, ministrada no curso de especialização em Design de Interação, no Iinstituto de Educação Continuada (IEC) na Pontifícia Universidade Católica de Minas Gerais (PUC-MG).Tuesday, September 13, 2011

×