14. Desenhar
Personas
Scenarios and Use Cases
Storyboarding
Drawing
Prototyping
Participatory Design
User Testing
Descobrir
Contextual Inquiry
Interview
Focus Group
Trending
Competitive Analysis
Surveys and
Questionnaires
Domain Research
Entrega
Powerpoint Deck
Wireframes
Visual Design
Branding Guidelines
Strategic Roadmap
Style Guide
Socialization Materials
Processo de Design
16. MÉTODOS DE SÍNTESE DE PESQUISA EM DESIGN
Síntese
Insight Combination
Reframing
Contextual Design
Work Modeling
Card Sorting
Affinity Diagramming
Concept Mapping
Process Flow
Diagramming
Taxonomy Generation
17. Vi
Ouvi
Vivenciei
Problemas dessas entregas
Ideia
SoluçãoInsight
Padrão
de
Design
Eu Sei
Dados obtidos
através de etnografia,
questionários e
Entrevistas...
Fruto do aprendizado
Ao longo da carreira
=
Visão geral
Não se importa com
restrições de
qualquer natureza
Aqui pode-se escolher
entre inovar ou
consertar o que existe.
Conceito
que depois
vai
ser restrita
por
tecnologia
18. Hoje vamos dar foco à SÍNTESE
O que é Síntese e por quais razões isso é
importante
Os métodos disponíveis:
Diagrama de processos
Mapa conceitual
Combinação de Insights
Reframing
Como usar isso na vida real
19. Regras
Nós teremos que fazer isso bem rápido.
Calar a voz interna
Se divertir com tudo
Fazer valer o tempo e o dinheiro
21. Existem 3 tipos de problemas
Problemas
Bem
Estruturados
Problemas
Problemas
Problemas
Mal
Estruturados
22. Problemas
Bem Estruturados
Podemos testar a solução
Podemos identificar o problema, o objetivo
e os estados intermediários
Podemos criar soluções intermediárias
Conhecemos a área de domínio
Podemos solucionar o problema
obedecendo as regras
Podemos criar soluções práticas e com
pouco esforço
23. Problemas
Mal Estruturados
Não podemos testar a solução
Não é fácil identificar o problema, o objetivo
e os estados intermediários
Não há como criar soluções intermediárias
Não há como identificar a área de domínio
Pode ser restrito pelas regras
Solucionar pode confundir as tais soluções
práticas
24. Problemas
Problemas
Não tem solução pronta
Não é fácil identificar um critério para
resolver o problema
As únicas soluções são ou ruins ou boas.
Todo problema dessa espécie é gerado por
outro problema
Cada problema dessa natureza é único.
26. Etnografia ProtótiposSíntese
Processo imersivo
de coleta de dados
& de compreensão
de uma dada situação
Processo de validação
de hipótese através
de método que gera um
formato
Sintese é o processo de criar
soluções através de
inferências baseadas no
“fazer sentido daquilo que se
observa ou observou”
28. Dedutivo AbdutivoIndutivo
O output é certamente
verdadeiro, se a premissa
for verdadeira.
A lógica da melhor
explicação, dependendo
das circunstâncias e da
experiência – uma
inferência.
Jon é designer
Todos os designers são
arrogantes
Logo, Jon é arrogante
Todos os designeres
(inclusive os que eu
nunca vi) usam
camiseta preta
Logo, o próximo
designer que eu vir
estará usando camiseta
preta!
Existe uma boa chance
de que a conclusão seja
verdadeira
Quando um designer
trabalha num projeto,
frequentemente eles criam
diagramas. Parece que isso
ajuda a aprender o assunto.
Já vi alunos de matemática
tendo problemas em
aprender.
Talvez, se aprendessem a
desenhar o problema,
pudessem resolve-lo.
29. Etnografia ProtótiposSíntese
Processo imersivo
de coleta de dados
& de compreensão
de uma dada situação
Processo de validação
de hipótese através
de método que gera um
formato
Sintese é o processo de criar
soluções através de
inferências baseadas no
“fazer sentido daquilo que se
observa ou observou”
34. Dados Informação
Conheci
mento
Sabe
doria
Fazer sentido
dos dados
coletados
Experiência
Frameworking
Ganhe
empatia
1. Conte uma estória
2. Mude sua perspectiva
3. Mude o contexto Produto
virando outro
produto
Upgrade de
produto
Produto
mudando
para outra
geração
Produto que
não funciona
Produto que
é montado
Produto
sendo
comprado
Produto
sendo
desembalado
Acessório
de
produto
Produto que
ficou fora de
lugar
Produto
ficando
obsoleto
Produto
sendo
descartado
Produto
sendo usado
Produto
sendo amado
39. Diagrama ou Fluxo de Processos
(process/diagram flow)
É um conjunto de passos e sequência de
passos, cujo objetivo é produzir um
determinado resultado!
40. Cenário Informal Processo formal
Um diagrama de fluxo de processos
representa comportamento ao longo de um
período
Indica a relação e
ordem das ações
Mostra os estados da
interface
Ajuda a visualizar o
“buraco”
Abstrai as relações
lógicas em função da
linearidade
Indica a disposção lógica
dos pontos de decisão
Articula os grandes
centros de decisão e
caminhos
Podem ser usados por
engenheiros como
output para programação
e desenvolvimento de
arquitetura
43. Criar um Diagrama é bem chato!
Listar entidades (objetos e pessoas =
substantivos)
Listar operadores (ações = verbos)
Definir o que deve ser melhorado
Definir limites (começo e fim), processos e
subprocessos;
Listar as ações necessárias para gerar os limtes
Começar a caminhar, desenhando os passos
Preencher o resto da arquitetura
Reorganizar, visualmente, para criar uma estrutura
coerente
Usar o desenho para esclarecer e tornar o
conteúdo mais acessível.
44. Já um Mapa Conceitual é mais
divertido de fazer
É uma representação de um sistema
A intenção é ajudar alguém a encontrar seu
caminho!
45. Mapa conceitual
Permite ver a floresta e as árvores
Raramente tem começo e fim
Ajuda as pessoas a encontrar o caminho
Força a ser seletivo, abstrair, priorizar,
hierarquizar
É visual
É semântico
Frequentemente representa o modelo
mental do usuário
Pode representar o conceito do deisgner
tbm
47. Outro jeito de criar um mapa
conceitual (mais rigoroso)
Listar os elementos principais do sistema
Veja quais fzem sentido para resolver seu
problema atual sob o ponto de vista do
negócio e do usuário
Identifique relações – esta parte é
qualitativa e requer interpretação
Decida quais são os pontos fociais do
mapa, baseado na frequência de conexão
Preencha a estrutura
Torne isso visual
50. Mudando o foco ou ponto de vista
O produto em novo
contexto
Explora
associações com e
para o produto
Permite a pergunta:
“E se?”
Permite ter empatia
com usuários
Força entender os
vários pontos de
contato (U-P)
Implicações
52. Reframing é um método de ver as
coisas sob nova perspectiva
Coloca o produto ou serviço num novo
contexto (nem precisa ser lógico)
Explora associações e links escondidos
Cria a possibilidade de perguntar “e se...”
Cognitivo e semântico
Gera empatia
Força a entender os vários pontos de
contato
Identifica implicações e insights
53. Reframing - Em novo ambiente =
pontos de consumo
Reframe X Objetivo / como usar
Implicações /
insights
Reframe X Reframe XReframe X
Reframe X Reframe XReframe X
Reframe X Reframe XReframe X
54. Reframing - Sob perspectiva
de diferentes usuários
Reframe X Objetivo / como usar
Implicações /
insights
Reframe X Reframe XReframe X
Reframe X Reframe XReframe X
Reframe X Reframe XReframe X
55. Reframing - Em novo suporte =
Ex.: spray, pasta, mecânico
Reframe X Objetivo / como usar
Implicações /
insights
Reframe X Reframe XReframe X
Reframe X Reframe XReframe X
Reframe X Reframe XReframe X
58. PRESO NO TRÂNSITO
VOLTANDO DE VIAGEM
DENTRO DE UM
SUPERMERCADO
AMBIENTE Ou CONTEXTO
COMPRAR DE DENTRO DO CARRO
ENTREGA GARANTIDA
COMPARAR PREÇO
IMPLICAÇÕES NO DESIGN???
Reframe X Objetivo / como usar
Implicações /
insights
59. PERSPECTIVA DO USUÁRIO
JOVEM MÃE
EXECUTIVO
PESSOA DE CLASSE C
MARCA PREFERIDA
RAPIDEZ NO PROCESSO
SUPERMERCADOS PERTO DE CASA
Reframe X Objetivo / como usar
Implicações /
insights
62. Reframing é fácil e une os times
Identifique o produto-serviço-sistema. Nem
sempre isso corresponde ao briefing do
cliente!
Crie charts em branco
Faça associações livres de pré-conceitos
Preencha da esquerda para a direita
Tire as implicações de cada decisão
64. Alguns conceitos básicos
Um insight é uma percepção clara,
profunda e significativa de um
comportamento humano diante de um
contexto.
É uma visão provocativa da verdade.
Padrões de design descrevem soluções
possíveis, dentro de um certo contexto,
descrevendo as qualidades não variáveis
dessas soluções.
65. Combinação de Insights – insights
+padrões de design
Força a um exame detalhado e organizado
É divergente
Provoca novas ideias e soluções
Se aproveita dos repertórios pessoais
Tira vantagem de padrões existentes
66. Vi
Ouvi
Vivenciei
Ideia
SoluçãoInsight
Padrão
de
Design
Eu Sei
Dados obtidos
através de etnografia,
questionários e
entrevistas...
Guiado por visão ética
Fruto do aprendizado
Ao longo da carreira
=
Visão clara, significativa
de um comportamento
humano
Identifica tendências
e padões, soluções
semelhantes
Conceito
que depois
vai
ser restrita
por
tecnologia
69. Este método é demorado, toma
tempo e energia emocional, mas...
Comece identificando os insights das
entrevistas
Combine isso com o que vc viu (fotos ou
vídeos)
Identifique padrões que são relevantes
para as questões de pesquisa
Comece a organizar na parede
Crie soluções
Faça sketches/protótipos