Aula 3 e 4 - Design de Interação e Interfaces Digitais

Transcript

1. aula3 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS
2. O PROCESSO DESIGN DE INTERAÇÃO
3. PROBLEMA Tudo começa com um
5. 1. IDENTIFICAR NECESSIDADES • Entender quem são as pessoas que vão usar o seu produto • E estabelecer requisitos DESCOBRIR
6. PERSONAS
9. 2. GERAR ALTERANATIVAS PARA SOLUCIONAR O PROBLEMA Que preencham os requisitos DEFINIR
11. JORNADA DO USUÁRIO
13. 3. PROTOTIPAR A HIPÓTEDE SOLUÇÃO ESCOLHIDA DESENVOLVER
15. 4. FAZER TESTES DE USABILIDADE DESENVOLVER
17. 5. LANÇAMENTO ENTREGAR
18. METAS DO DESIGN DE INTERAÇÃO
19. 1. METAS DE USABILIDADE
20. 1. METAS DE USABILIDADE SER EFICAZ NO USO
21. 1. METAS DE USABILIDADE SER EFICIENTE NO USO
22. 1. METAS DE USABILIDADE SER DE BOA UTILIDADE preciso?
23. 1. METAS DE USABILIDADE SER FÁCIL DE APRENDER
25. 1. METAS DE USABILIDADE SER FÁCIL DE LEMBRAR COMO SE USA
27. 2. METAS DECORRENTES DA EXPERIÊNCIA DO USUÁRIO
28. SATISFATÓRIO 1. METAS DECORRENTES DA EXPERIÊNCIA DE USO
29. DIVERTIDO 1. METAS DECORRENTES DA EXPERIÊNCIA DE USO
31. MOTIVADOR 1. METAS DECORRENTES DA EXPERIÊNCIA DE USO
33. ESTETICAMENTE APRECIÁVEIS 1. METAS DECORRENTES DA EXPERIÊNCIA DE USO
35. INCENTIVA A CRIATIVIDADE 1. METAS DECORRENTES DA EXPERIÊNCIA DE USO
37. COMPENSADORES 1. METAS DECORRENTES DA EXPERIÊNCIA DE USO
39. EMOCIONALMENTE ADEQUADOS 1. METAS DECORRENTES DA EXPERIÊNCIA DE USO
41. PROJETO FINAL • Escolher um problema • Identificar necessidades ◦ Pesquisar usuários / Personas ◦ Estabelecer requisitos • Gerar alternativas de solução / Sketch • Desenhar a jornada do usuário • Protótipo • Apresentar para a turma
42. HEURÍSTICAS princípios de usabilidade
43. Heurística, em IHC, são normas e boas práticas que garantem a boa usabilidade de um produto.
44. JAKOB NIELSEN
45. VISIBILIDADE DO STATUS DO SISTEMA
46. COMPATIBILIDADE DO SISTEMA COM O MUNDO REAL
47. CONTROLE DO USUÁRIO E LIBERDADE
48. CONSISTÊNCIA E PADRÕES
50. PREVENÇÃO DE ERROS
51. RECONHECIMENTO EM VEZ DE MEMORIZAÇÃO
52. FLEXIBILIDADE E EFICIÊNCIA DE USO
53. ESTÉTICA E DESIGN MINIMALISTA
54. RECONHECER, DIAGNOSTICAR E RECUPERAR ERROS
55. AJUDA E DOCUMENTAÇÃO
56. EXERCÍCIO Fazer análise heurística do MailChimp com a turma toda
57. • Visibilidade de qual estado estamos no sistema • Correspondência entre o sistema e o mundo real • Liberdade de controle fácil pro usuário • Consistência e padrões • Prevenções de erros • Reconhecimento em vez de memorização • Flexibilidade e eficiência de uso • Estética e design minimalista • Ajude os usuários a reconhecerem, diagnosticarem e recuperarem-se de erros • Ajuda e documentação
58. INTERFACES NATURAIS
59. Sistema de interação onde o usuário faz uso de ações intuitivas relacionadas ao natural e ao comportamento cotidiano humano [Interface invisível]
63. ENTENDER O CONTEXTO DE USO
64. DESKTOP
65. DESKTOP • Atenção elevada • Tela grande • Conexão rápida • Posição estática
66. MOBILE
67. MOBILE • Pouca atenção • Tela pequena • Conexão lenta • Posição dinâmica
75. O que funciona no desktop, com o usuário sentado na frente do computador, tem boas chances de não funcionar nos vários contextos que o mobile oferece.
77. MAIS DO QUE TECNOLOGIA: Entender o contexto é a chave para criar boas experiências.
78. OBRIGADA!