Aula 5 e 6 - Design de Interação e Interfaces Digitais

Transcript

1. aula5 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS
2. PROJETO FINAL
3. • O Problema - explicar o problema • Pesquisa de concorrência e similares - imagens de produtos/serviços similares • Solução - texto explicativo sobre a solução e seus objetivos • Identificar necessidades - Fazer pesquisa com usuários reais ◦ Pesquisar usuários - com o objetivo de identificar características comportamentais, o perfil e as necessidades em relação ao problema ◦ Personas • Requisitos • Desenhar a jornada do usuário - passo a passo para chegar em um objetivo • Sketchs • Protótipo - mapa de fluxo
4. PERSONAS DO PROJETO desenhe as
5. Apelido / Nome Características comportamentais Perfil Necessidades
6. REQUISITOS DO PROJETO
7. JORNADA DO USUÁRIO post it! construa a
9. EXPERIÊNCIA DO USUÁRIO
10. AI UX Arquitetura da Informação User Experience
11. Você está aqui
12. ARQUITETURA DA INFORMAÇÃO • Necessidade de facilitar o consumo da informação • Necessidade de se fazer para web o que já era feito em jornais, livros, bibliotecas, supermercados, etc. • Multidisciplinar
13. ARQUITETOS E URBANISTAS
14. ARQUITETOS E URBANISTAS
15. BIBLIOTECAS
16. LIVROS
17. JORNAIS E REVISTAS
18. SUPERMERCADOS
19. A ORIGEM DO TERMO Richard Saul Wurman Usou pela primeira vez o termo "Arquitetura da Informação" em 1976 no livro Ansiedade e Informação. Arquiteto, especialista em Design Gráfico
20. Louis Rosenfeld Peter Morville Introduziram a Arquitetura da Informação na Internet.
21. POR QUE ISSO É IMPORTANTE? • Custo para encontrar ou não uma informação • O custo de construção, manutenção e treinamento • O valor da marca • Ganhar dinheiro, economizar dinheiro, melhorar a satisfação de quem usa, ou só fazer do mundo um lugar melhor :)
22. 4 GRANDES SISTEMAS
26. CLICO OU NÃO CLICO?
27. TODO RÓTULO TRÁZ UM SIGNIFICADO COM ELE
31. O QUE É NAVEGAR?
32. De onde eu vim Onde estou Pontos de referência Pra onde eu posso ou devo ir
33. A FUNÇÃO DA NAVEGAÇÃO É GARANTIR QUE O USUÁRIO SAIBA: • De onde veio • Onde está • Para onde pode/deve ir
34. LOGOTIPO [onde estou]
35. MENU DE NAVEGAÇÃO GLOBAL [onde posso ir]
36. MENU DE NAVEGAÇÃO LOCAL [onde posso ir]
37. BREADCRUMB [onde estive]
38. BREADCRUMB [onde estive]
39. PASSO A PASSO [onde eu devo ir]
44. DEVO INSERIR UMA BUSCA NO MEU SITE OU APLICATIVO? [existe conteúdo suficiente?]
47. ELEMENTOS DE BUSCA
51. INTERFACE DE RESULTADOS DE BUSCA
52. INTERFACE DE RESULTADOS DE BUSCA
54. EXPERIÊNCIA DO USUÁRIO Chegamos à
55. O que a gente pensa quando se fala em BOA EXPERIÊNCIA?
64. Onde exatamente está a BOA EXPERIÊNCIA?
65. Vídeo demonstrativo da pequena impressora Little Printer, um produto que consegue ter uma ótima experiência com pequenos detalhes.
66. Elementos da BOA EXPERIÊNCIA
72. UTILIDADE
73. USABILIDADE
74. ENCONTRABILIDADE
75. CREDIBILIDADE
76. ACESSIBILIDADE
77. DESEJABILIDADE
78. DESEJABILIDADE
80. SKETCHS E FLUXOS desenhe as
82. DESIGN VISUAL
84. 4 FUNÇÕES BÁSICAS
85. Comunicar = Transmitir informação
88. IMAGEM DE MARCA
89. IMAGEM DE MARCA
90. CREDIBILIDADE
92. 4 FUNÇÕES BÁSICAS
93. Educar = Instruir, orientar
94. CURVA DE APRENDIZAGEM
99. Facebook Google Amazon
100. Pinterest Instagam Fickr
101. 4 FUNÇÕES BÁSICAS
106. 4 FUNÇÕES BÁSICAS
109. OBRIGADA!