Aula 1_ Pós Graduação Arquitetura da Informação: planejando seus entregáveis. Oficina de Integração de Disciplinas: protótipo e wireframe. Professora Melina Alves_Novembro de 2011

1. ENTREGÁVEIS
Produção de Wireframes e Prototipação | Aula 1
Prof. Melina Alves | @melinalves | melinalves@gmail.com | melinaalves.com
quinta-feira, 24 de novembro de 2011

2. Etapas básicas do design
Planejar Desenhar Testar
Decifrando o briefing Sketching | Storyboard Quality Assurance
Benchmarking Argumentação de Grupo de personas
Referências (Mood
Referências board) Cliente
Personas (mental models) Argumentação de Teste A|B
Funcionalidades (Mood
board)
Cenários ( análise de Análise de dados reais
tarefas
Wireframe
Funcionalidades |
Conteúdo Protótipo
Prof. Melina Alves | @melinalves | melinalves@gmail.com | melinaalves.com
quinta-feira, 24 de novembro de 2011

3. Etapas do design
Services Design(resumo)
Entendimento
Decifrando o
briefing
Benchmarking
Referências
Personas
(mental models)
Cenários
(mental models)
Funcionalidades
| Conteúdo
quinta-feira, 24 de novembro de 2011

4. Etapas do design
Services Design(resumo)
Entendimento
Decifrando o
briefing
Benchmarking Concepção
Sketching | Storyboard
Referências
Argumentação de
Personas Referências
(mental models)
Argumentação de
Cenários Funcionalidades
(mental models)
Funcionalidades
| Conteúdo
quinta-feira, 24 de novembro de 2011

5. Etapas do design
Services Design(resumo)
Entendimento
Decifrando o
briefing
Benchmarking Concepção Construção
Sketching | Storyboard Wireframe
Referências
Argumentação de Protótipo
Personas Referências
(mental models) Quality Assurance
Argumentação de
Cenários Funcionalidades Grupo de personas
(mental models)
Cliente
Funcionalidades
| Conteúdo
quinta-feira, 24 de novembro de 2011

6. Etapas do design
Services Design(resumo)
Entendimento Implementação
Testes
Decifrando o
briefing
Testes A|B
Benchmarking Concepção Construção
Análise de
Sketching | Storyboard Wireframe
dados reais
Referências
(monitoramento)
Argumentação de Protótipo
Personas Referências
(mental models) Quality Assurance
Argumentação de
Cenários Funcionalidades Grupo de personas
(mental models)
Cliente
Funcionalidades
| Conteúdo
quinta-feira, 24 de novembro de 2011

7. Etapas do design
Services Design(resumo)
Entendimento
Decifrando o
briefing
Benchmarking
Referências
Personas não é receita de bolo!
(mental models)
Cenários
(mental models)
Funcionalidades
| Conteúdo
quinta-feira, 24 de novembro de 2011

8. Etapas do design
Services Design(resumo)
Entendimento
Decifrando o
briefing
Benchmarking Concepção
Sketching | Storyboard
Referências
Argumentação de
Personas não é receita
Referências de bolo!
(mental models)
Argumentação de
Cenários Funcionalidades
(mental models)
Funcionalidades
| Conteúdo
quinta-feira, 24 de novembro de 2011

9. Etapas do design
Services Design(resumo)
Entendimento
Decifrando o
briefing
Benchmarking Concepção Construção
Sketching | Storyboard Wireframe
Referências
Argumentação de Protótipo
Personas não é receita
Referências de bolo!
(mental models) Quality Assurance
Argumentação de
Cenários Funcionalidades Grupo de personas
(mental models)
Cliente
Funcionalidades
| Conteúdo
quinta-feira, 24 de novembro de 2011

10. Etapas do design
Services Design(resumo)
Entendimento Implementação
Testes
Decifrando o
briefing
Testes A|B
Benchmarking Concepção Construção
Análise de
Sketching | Storyboard Wireframe
dados reais
Referências
(monitoramento)
Argumentação de Protótipo
Personas não é receita
Referências de bolo!
(mental models) Quality Assurance
Argumentação de
Cenários Funcionalidades Grupo de personas
(mental models)
Cliente
Funcionalidades
| Conteúdo
quinta-feira, 24 de novembro de 2011

11. Etapas do design
Services Design(resumo)
Entendimento Implementação
Testes
Decifrando o
briefing
Testes A|B
Benchmarking Concepção Construção
Análise de
Sketching | Storyboard Wireframe
dados reais
Referências
(monitoramento)
Argumentação de Protótipo
Personas Referências
(mental models) Quality Assurance
Argumentação de
Cenários Funcionalidades Grupo de personas
(mental models)
Cliente
Funcionalidades
| Conteúdo
quinta-feira, 24 de novembro de 2011

12. Etapas básicas do design
Planejar Desenhar Testar
Decifrando o briefing Sketching Quality Assurance
Benchmarking Argumentação de Grupo de personas
Referências
Referências Cliente
Argumentação de
Funcionalidades
Personas (mental models) Teste A|B
Wireframe
Cenários (mental models) Análise de dados reais
Protótipo
Funcionalidades |
Conteúdo
Prof. Melina Alves | @melinalves | melinalves@gmail.com | melinaalves.com
quinta-feira, 24 de novembro de 2011

13. Decifrando o briefing
Objetivo do site KPIs (Key Performance Indicator) e Mídias
O que indica performance, o sucesso do negócio:
Quando, Onde, Como
clique, views, share? ( definição de ROI ) + BI
e queremos chegar + Gerência do Projeto
+ Mídia
Objetivo do negócio Referências do cliente
Governança da empresa, como está, Concorrentes, o que fizeram de bom ou de mal.
onde quer estar no futuro, fazer e não fazer. O que eles entendem como estética.
+ Cliente + Atendimento
Histórico do produto ou similares Insights do Planejamento
Cases de sucesso e de insucesso do Público alvo, indicadores de consumo e mídia,
produto e de iniciativas similares. qual é o conceito sugerido? + Planejamento
+ Cliente
Prof. Melina Alves | @melinalves | melinalves@gmail.com | melinaalves.com
quinta-feira, 24 de novembro de 2011

14. Etapas básicas do design
Planejar Desenhar Testar
Decifrando o briefing Sketching Quality Assurance
Benchmarking Argumentação de Grupo de personas
Referências
Referências Cliente
Argumentação de
Funcionalidades
Personas (mental models) Teste A|B
Wireframe
Cenários (mental models) Análise de dados reais
Protótipo
Funcionalidades | Conteúdo
Prof. Melina Alves | @melinalves | melinalves@gmail.com | melinaalves.com
quinta-feira, 24 de novembro de 2011

15. Benchmarking
Concorrência
Ex. Fiat Uno X Picanto,
Pálio, Fiesta, Ka, Gol...
Mercado de atuação
Ex: Setor automobilístico.
Prof. Melina Alves | @melinalves | melinalves@gmail.com | melinaalves.com
quinta-feira, 24 de novembro de 2011

16. Etapas básicas do design
Planejar Desenhar Testar
Decifrando o briefing Sketching Quality Assurance
Benchmarking Argumentação de Grupo de personas
Referências
Referências Cliente
Argumentação de
Funcionalidades
Personas (mental models) Teste A|B
Wireframe
Cenários (mental models) Análise de dados reais
Protótipo
Funcionalidades | Conteúdo
Prof. Melina Alves | @melinalves | melinalves@gmail.com | melinaalves.com
quinta-feira, 24 de novembro de 2011

17. Referências
Interface para você + criação
Prof. Melina Alves | @melinalves | melinalves@gmail.com | melinaalves.com
quinta-feira, 24 de novembro de 2011

18. Referências
Interface para você + criação
Prof. Melina Alves | @melinalves | melinalves@gmail.com | melinaalves.com
quinta-feira, 24 de novembro de 2011

19. Referências
Interface para você + criação
Interface para atendimento + cliente
Prof. Melina Alves | @melinalves | melinalves@gmail.com | melinaalves.com
quinta-feira, 24 de novembro de 2011

20. Referências
Interface para você + criação
Interface para atendimento + cliente
Prof. Melina Alves | @melinalves | melinalves@gmail.com | melinaalves.com
quinta-feira, 24 de novembro de 2011

21. Etapas básicas do design
Planejar Desenhar Testar
Decifrando o briefing Sketching Quality Assurance
Benchmarking Argumentação de Grupo de personas
Referências
Referências Cliente
Argumentação de
Funcionalidades
Personas (mental models) Teste A|B
Wireframe
Cenários (mental models) Análise de dados reais
Protótipo
Funcionalidades | Conteúdo
Prof. Melina Alves | @melinalves | melinalves@gmail.com | melinaalves.com
quinta-feira, 24 de novembro de 2011

22. Personas
PESQUISA COM FOCUS GROUP
PESQUISA DE ABORDAGEM
PESQUISA INTERNA
PESQUISA EM REDES SOCIAIS
PESQUISA...
Prof. Melina Alves | @melinalves | melinalves@gmail.com | melinaalves.com
quinta-feira, 24 de novembro de 2011

23. O que? Quando?
Porque?
Personas
Quem?
PESQUISA COM FOCUS GROUP Conte me mais...
PESQUISA DE ABORDAGEM
PESQUISA INTERNA
PESQUISA EM REDES SOCIAIS
PESQUISA...
Prof. Melina Alves | @melinalves | melinalves@gmail.com | melinaalves.com
quinta-feira, 24 de novembro de 2011

24. Personas
Persona
Quem, idade, onde vive, como vive a rotina, quem são suas influências
(ambiente e outras pessoas), renda, custo de vida, relação com seu comportamento/objetivos,
relação com o “computador” e formas de uso do cotidiano.
Conclusão da pesquisa
Os grupos: emoções, opinião, preferências, restrições, anseios, atual e futuro.
Prof. Melina Alves | @melinalves | melinalves@gmail.com | melinaalves.com
quinta-feira, 24 de novembro de 2011

25. Cenários de uso
Por persona
Por funcionalidade
“Análise de tarefas” Grupo Lugares
Motivações de uso X funcionalidade e
influencias de ambiente e comportamento
X prioridade.
Insights Regras
Prof. Melina Alves | @melinalves | melinalves@gmail.com | melinaalves.com
quinta-feira, 24 de novembro de 2011

26. Cenários de uso
Por persona
Por funcionalidade
Motivações de uso X funcionalidade e
influencias de ambiente e comportamento
X prioridade.
cc by-Working group at the United Nations, photo by Craig Duncan
nc-nd UX Workshops SF 24-Mar-11 110
Prof. Melina Alves | @melinalves | melinalves@gmail.com | melinaalves.com
quinta-feira, 24 de novembro de 2011

27. Cenários de uso
Por persona
Por funcionalidade
Motivações de uso X funcionalidade e Grupo Maioria
influencias de ambiente e comportamento
X prioridade.
Minoria Prioridades
Prof. Melina Alves | @melinalves | melinalves@gmail.com | melinaalves.com
quinta-feira, 24 de novembro de 2011

28. Funcionalidades
Prioridades por grupo de personas
Geek Justificativa Recomendação Prioridade
Priorizar o Facebook
Está em redes sociais
Login via
a maior parte do tempo
em relação ao login alta
Facebook do cliente
Prioridades por funcionalidades
Login via Facebook
Acesso mobile
Contador de acessos
Prof. Melina Alves | @melinalves | melinalves@gmail.com | melinaalves.com
quinta-feira, 24 de novembro de 2011

29. Cenários de uso
Por persona
Por funcionalidade
Motivações de uso X funcionalidade e
influencias de ambiente e comportamento
X prioridade.
UX Week 2011 - CC BY-NC-ND 21
Prof. Melina Alves | @melinalves | melinalves@gmail.com | melinaalves.com
quinta-feira, 24 de novembro de 2011

30. Desafio
Formar grupos de 5
Criar um produto para venda
de sanduíches online
Prof. Melina Alves | @melinalves | melinalves@gmail.com | melinaalves.com
quinta-feira, 24 de novembro de 2011

31. Bibliografia _ Aula 1
Mental Models _ Indi Young
Mais informações
http://rosenfeldmedia.com/books/mental-models/
http://amzn.to/vO87Ct
Prof. Melina Alves | @melinalves | melinalves@gmail.com | melinaalves.com
quinta-feira, 24 de novembro de 2011