IHC - Desenvolvimento

1,613 views

Published on

Etapas do Desenvolvimento de Interfaces

Published in: Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,613
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

IHC - Desenvolvimento

  1. 1. 3Metodologias Franz Figueroa franzfigueroa@gmail.com
  2. 2. 3.1AnáliseContextual Franz Figueroa franzfigueroa@gmail.com
  3. 3. DefinirUsuário Franz Figueroa franzfigueroa@gmail.com
  4. 4. Personas Personas são personagens fictícios criados para representar os diferentes tipos de usuário dentro de um alvo demográfico, atitude e/ou comportamento definido. São freqüentemente usadas como parte de um processo de design centrado no usuário para projeto de software e também são considerados uma parte do design de interação (IxD) Franz Figueroa franzfigueroa@gmail.com
  5. 5. Personas Franz Figueroa franzfigueroa@gmail.com
  6. 6. Personas Franz Figueroa franzfigueroa@gmail.com
  7. 7. Personas Franz Figueroa franzfigueroa@gmail.com
  8. 8. Personas Franz Figueroa franzfigueroa@gmail.com
  9. 9. Personas Franz Figueroa franzfigueroa@gmail.com
  10. 10. Personas Franz Figueroa franzfigueroa@gmail.com
  11. 11. Personas Franz Figueroa franzfigueroa@gmail.com
  12. 12. Personas Franz Figueroa franzfigueroa@gmail.com
  13. 13. Personas Franz Figueroa franzfigueroa@gmail.com
  14. 14. Personas Franz Figueroa franzfigueroa@gmail.com
  15. 15. Personas Franz Figueroa franzfigueroa@gmail.com
  16. 16. Personas Franz Figueroa franzfigueroa@gmail.com
  17. 17. DefinirTarefas Franz Figueroa franzfigueroa@gmail.com
  18. 18. Tarefas Franz Figueroa franzfigueroa@gmail.com
  19. 19. Tarefas Franz Figueroa franzfigueroa@gmail.com
  20. 20. Tarefas Franz Figueroa franzfigueroa@gmail.com
  21. 21. Ambiente Franz Figueroa franzfigueroa@gmail.com
  22. 22. 3.2ProjetoPaper Prototyping Franz Figueroa franzfigueroa@gmail.com
  23. 23. Wireframes Franz Figueroa franzfigueroa@gmail.com
  24. 24. Wireframes Franz Figueroa franzfigueroa@gmail.com
  25. 25. Wireframes Franz Figueroa franzfigueroa@gmail.com
  26. 26. Wireframes Franz Figueroa franzfigueroa@gmail.com
  27. 27. Wireframes Franz Figueroa franzfigueroa@gmail.com
  28. 28. Wireframes Franz Figueroa franzfigueroa@gmail.com
  29. 29. Wireframes Franz Figueroa franzfigueroa@gmail.com
  30. 30. Wireframes Franz Figueroa franzfigueroa@gmail.com
  31. 31. Wireframes Franz Figueroa franzfigueroa@gmail.com
  32. 32. Wireframes Franz Figueroa franzfigueroa@gmail.com
  33. 33. Wireframes Franz Figueroa franzfigueroa@gmail.com
  34. 34. 3.3Produção Franz Figueroa franzfigueroa@gmail.com
  35. 35. Construir interface funcional Horizontal: Apenas funcionalidades principais Vertical: Todas as funcionalidades Franz Figueroa franzfigueroa@gmail.com
  36. 36. 3.4Avaliação deUsabiliadade Franz Figueroa franzfigueroa@gmail.com
  37. 37. Buscar erros de Usabilidade Sem o Usuário: Validação com normas (Guidelines, heurísticas, padrões, etc) Validação com especialista Franz Figueroa franzfigueroa@gmail.com
  38. 38. Buscar erros de Usabilidade Com o Usuário: Entrevistas e Questionarios Teste de Observação Livre Testes Dirigidos Franz Figueroa franzfigueroa@gmail.com
  39. 39. Buscar erros de Usabilidade Com o Usuário: Entrevistas e Questionários Teste de Observação Livre Testes Dirigidos Franz Figueroa franzfigueroa@gmail.com
  40. 40. Buscar erros de Usabilidade Com o Usuário: Teste de Observação Livre Testes Dirigidos Franz Figueroa franzfigueroa@gmail.com
  41. 41. Buscar erros de Usabilidade Com o Usuário: Testes Dirigidos Franz Figueroa franzfigueroa@gmail.com
  42. 42. Fatores Humanosna web Franz Figueroa franzfigueroa@gmail.com
  43. 43. Fatores de Usabilidade Learnability: Facilidade de aprendizado Memorability: Facilidade de recordação Efficiency: Eficiência Safety: Segurança no uso Satisfaction: Satisfação do usuário Franz Figueroa franzfigueroa@gmail.com
  44. 44. 1RecomendaçõesImportantes Franz Figueroa franzfigueroa@gmail.com
  45. 45. Fatores de UsabilidadeUse espaço em branco para relacionar Franz Figueroa franzfigueroa@gmail.com
  46. 46. Fatores de UsabilidadePosicionamento adequado ao modelo mental Franz Figueroa franzfigueroa@gmail.com
  47. 47. Fatores de UsabilidadeAs pessoas não lêem, elas escaneiam Franz Figueroa franzfigueroa@gmail.com
  48. 48. Fatores de UsabilidadeVerifique a affordance Franz Figueroa franzfigueroa@gmail.com
  49. 49. Fatores de UsabilidadeAs pessoas pensam em perspectiva Franz Figueroa franzfigueroa@gmail.com
  50. 50. Fatores de UsabilidadeCantos arredondados definem melhor os limites Franz Figueroa franzfigueroa@gmail.com
  51. 51. Fatores de UsabilidadeDirecione a atenção Franz Figueroa franzfigueroa@gmail.com
  52. 52. Fatores de UsabilidadeUtilize cor para dar significado Franz Figueroa franzfigueroa@gmail.com
  53. 53. Fatores de UsabilidadeBusca deve ser simples Franz Figueroa franzfigueroa@gmail.com
  54. 54. Fatores de UsabilidadeDetermine foco Franz Figueroa franzfigueroa@gmail.com
  55. 55. Fatores de UsabilidadeMinimize ao máximo os formulários Franz Figueroa franzfigueroa@gmail.com
  56. 56. Fatores de UsabilidadeSimplifique erros nos formulários Franz Figueroa franzfigueroa@gmail.com
  57. 57. Fatores de UsabilidadeSimplifique erros nos formulários Franz Figueroa franzfigueroa@gmail.com
  58. 58. 2Usuárioweb Franz Figueroa franzfigueroa@gmail.com
  59. 59. Web 1.0 / Web 2.0 Web 1.0 Web 2.0 Franz Figueroa franzfigueroa@gmail.com
  60. 60. Web 1.0 / Web 2.0 Web 1.0 Web 2.0 •  Foco: Informação •  Usuário: Passivo (consumer) Franz Figueroa franzfigueroa@gmail.com
  61. 61. Web 1.0 / Web 2.0 Web 1.0 Web 2.0 Comunicando Conectada Geração C Comunidades Customizando Colaborando Criando Franz Figueroa franzfigueroa@gmail.com
  62. 62. Web 1.0 / Web 2.0 Web 1.0 Web 2.0 •  Foco: Informação •  Usuário: Passivo (consumer) Franz Figueroa franzfigueroa@gmail.com
  63. 63. Web 1.0 / Web 2.0 Web 1.0 Web 2.0 •  Foco: Informação •  Foco: Interação •  Usuário: Passivo •  Usuário: Ativo (consumer) (prosumer) Franz Figueroa franzfigueroa@gmail.com
  64. 64. Fatores EstratégicosRetorno: Longo PrazoAnzol Franz Figueroa franzfigueroa@gmail.com
  65. 65. Fatores EstratégicosRetorno: Novidade Longo Prazo Franz Figueroa franzfigueroa@gmail.com
  66. 66. Fatores Estratégicos: Novidade Franz Figueroa franzfigueroa@gmail.com
  67. 67. Fatores EstratégicosRetorno: Novidade Longo Prazo BrandingAnzol Franz Figueroa franzfigueroa@gmail.com
  68. 68. Fatores Estratégicos: Branding Franz Figueroa franzfigueroa@gmail.com
  69. 69. Fatores EstratégicosRetorno: Novidade Longo Prazo Branding ComunidadeAnzol Franz Figueroa franzfigueroa@gmail.com
  70. 70. Fatores Estratégicos: Comunidade Franz Figueroa franzfigueroa@gmail.com
  71. 71. Fatores EstratégicosRetorno: Novidade Longo Prazo Diferencial Branding ComunidadeAnzol Franz Figueroa franzfigueroa@gmail.com
  72. 72. Fatores Estratégicos: Comunidade Franz Figueroa franzfigueroa@gmail.com
  73. 73. Fatores TáticosRetorno: Mídia Curto Prazo Utilidade Design TecnologiaIsca Franz Figueroa franzfigueroa@gmail.com
  74. 74. Foco não no usuário Novidade Mídia Diferencial Branding Utilidade Design C Comunidade Tecnologia C Franz Figueroa franzfigueroa@gmail.com

×