SlideShare uma empresa Scribd logo
1 de 26
Ilustração:livroDesignThinking|TimBrown
• Technical UX Evangelist do Instituto de Pesquisas
Eldorado
• Tecnológa em Marketing
• Graduada em Comunicação habilitação em
Publicidade e Propaganda
• Especialista em Interação Humano Computador
• Certificada pela IDEO em Design Centrado no
Usuário
Alessandra Peguim Rosa
DESIGN THINKING NÃO É:
• Interface
• Interação
• Design
• UX
• Photoshop
http://www.hongkiat.com/blog/mobile-app-ui/
DESIGN THINKING É
• Maneira de pensar do pessoal que
trabalha com design
• Fuzzy Front End – Processo
multifásico não linear
• Não existe um jeito certo ou errado
Foto:freeimages.com
FUZZY FRONT END
Imagefrom:Innovationgraph.com
OUTROS
Imagesfrom:Googleimages
IMERSÃO IDEAÇÃO PROTOTIPAÇÃO
Análise e
Síntese
POR ONDE COMEÇAMOS?
IMERSÃO
Lugar de designer é na rua!
IMERSÃO | Definindo o problema
DE:
• Solução específica
• Foco no negócio
• Grupo de pessoas e lugares
• Objeto
• Sintomas
• Idéias únicas
PARA:
• Solução em aberto
• Foco no usuário
• Grupo específico de usuários
• Atividade
• Causas
• Sistema de ideias
IMERSÃO | Pesquisas
Preliminar:
Busca por informações na sua
área de trabalho
• Reenquadramento
• Pesquisa exploratória
• Pesquisa desk
Profundidade:
Saindo do básico e indo além,
rompendo as barreiras
• Entrevistas
• Cadernos de sensibilização
• Sessões generativas
• Um dia na vida
• Sombra
IMERSÃO | o que o questionário não pega:
Usando uma furadeira para: descascar milho
Imagesfrom:SOSSolteiro
IMERSÃO | o que o questionário não pega:
Usando uma furadeira para: serviços domésticos
Imagesfrom:SOSSolteiro
IMERSÃO | o que o questionário não pega:
Usando uma furadeira para: lazer em família
Imagesfrom:SOSSolteiro
IMERSÃO | Antes de ir para rua
 Pesquise
Gaste tempo
pesquisando,
estudando e
procurando referências
 Planeje
Use tudo que você sabe
para definir seu plano
de ação – definir
prioridades
 Arme-se
Leve com você tudo o que
for preciso para registrar o
que achar importante:
- Câmera fotográfica
- Gravador de som
- Papel de caneta
- Um amigo
ANÁLISE E SÍNTESE
A arte de contar histórias
ANÁLISE E SÍNTESE
• Cartões de insights
• Diagrama de afinidades
• Mapa conceitual
• Critérios norteadores
• Personas
• Mapa de empatia
• Jornada do usuário
• Blueprint
IDEAÇÃO
Lá vem o pessoal das canetinhas coloridas e post its!
IDEAÇÃO | Técnicas mais usadas
• Brainstorming
• Workshop de co-criação
• Cardápio de ideias
• Matriz de posicionamento
Foto:freeimages.com
IDEAÇÃO | Convergência de ideias
Diante de tantas ideias temos que escolher uma? Quem disse que é
preciso escolher uma única ideia? Agrupe, rearranje, junte as melhores
ideias em uma frase!
PROTOTIPAÇÃO
Falhe antes, logo e rápido. Para ter sucesso consistente depois.
PROTOTIPAÇÃO | Tipos de protótipos
• Modelos
Protótipos de baixa fidelidade usando moldes parecidos com os formatos reais
Foto: google images
PROTOTIPAÇÃO | Tipos de protótipos
• Modelos
• Storyboards
Prototipe a experiência do usuário em uma série de imagens fazendo um
passo a passo de todo o processo dentro da sua solução. É uma espécie de historia
em quadrinhos
Foto: google images
PROTOTIPAÇÃO | Tipos de protótipos
• Modelos
• Storyboards
• Teatro
Membros da equipe devem atuar como personagens do serviço prestado,
usuário e funcionários se for o caso
Foto: google images
PROTOTIPAÇÃO | Tipos de protótipos
• Modelos
• Storyboards
• Teatro
• Diagramas
Mapear o processo de estrutura
do site /aplicativo ou serviço como uma
arquitetura onde todas as fases e
entradas devem ser mapeadas, como
em um mapa do site por exemplo.
Foto:googleimages
Referências Bibliográficas
design thinking: inovação em negócios | MJV
design thinking| Tim Brown
www.ideo.com.br
“Design Thinking” in Harvard Business Review at IDEO | IDEO
- Se você encontrou uma imagem do google images que seja sua, entre em contato comigo para dar os devidos
créditos!
Alessandra Peguim Rosa
alessandra.rosa@eldorado.org.br
@ux_rosa | talkitbr.com
Apresentação disponível em:
http://pt.slideshare.net/talkitbr
Veja o MVA de Introdução a UX aplicada a apps
http://www.microsoftvirtualacademy.com/training-
courses/introdu-o-a-ux-aplicada-a-apps

Mais conteúdo relacionado

Mais procurados

Design Thinking Workshop
Design Thinking WorkshopDesign Thinking Workshop
Design Thinking WorkshopÂndlei Lisboa
 
Brainstorming
BrainstormingBrainstorming
BrainstormingBruna M
 
Curso de design thinking FIAP 2016 - MBA Gestão de Projetos
Curso de design thinking FIAP 2016 - MBA Gestão de ProjetosCurso de design thinking FIAP 2016 - MBA Gestão de Projetos
Curso de design thinking FIAP 2016 - MBA Gestão de ProjetosJulien Condamines
 
Design Thinking - Metodologia para Inovação
Design Thinking - Metodologia para InovaçãoDesign Thinking - Metodologia para Inovação
Design Thinking - Metodologia para InovaçãoPaulo Oliveira
 
Jogos de criatividade
Jogos de criatividadeJogos de criatividade
Jogos de criatividadeThiago Reis
 
Guia prático de processos criativos
Guia prático de processos criativosGuia prático de processos criativos
Guia prático de processos criativosGrazi Mendes Rangel
 
Design thinking aplicado ao serviço público
Design thinking aplicado ao serviço públicoDesign thinking aplicado ao serviço público
Design thinking aplicado ao serviço públicoColaborativismo
 
Apresentação de Design Thinking
Apresentação de Design ThinkingApresentação de Design Thinking
Apresentação de Design Thinkingbaufaker
 
Treinamento Design Thinking - Chico Adelano
Treinamento Design Thinking - Chico AdelanoTreinamento Design Thinking - Chico Adelano
Treinamento Design Thinking - Chico AdelanoChico Adelano
 
Processo de Criação e Desenvolvimento com Design Thinking
Processo de Criação e Desenvolvimento com Design ThinkingProcesso de Criação e Desenvolvimento com Design Thinking
Processo de Criação e Desenvolvimento com Design ThinkingColetivo Mola
 
Palestra criatividade
Palestra criatividadePalestra criatividade
Palestra criatividadeKaduLima
 
Criatividade e Inovaçao
Criatividade e InovaçaoCriatividade e Inovaçao
Criatividade e InovaçaoJairo Siqueira
 
Criatividade e Inovação
Criatividade e InovaçãoCriatividade e Inovação
Criatividade e InovaçãoRenato Melo
 

Mais procurados (20)

Criatividade e Inovação
Criatividade e InovaçãoCriatividade e Inovação
Criatividade e Inovação
 
Design Thinking Workshop
Design Thinking WorkshopDesign Thinking Workshop
Design Thinking Workshop
 
Introdução ao Design Thinking
Introdução ao Design ThinkingIntrodução ao Design Thinking
Introdução ao Design Thinking
 
Brainstorming
BrainstormingBrainstorming
Brainstorming
 
Curso de design thinking FIAP 2016 - MBA Gestão de Projetos
Curso de design thinking FIAP 2016 - MBA Gestão de ProjetosCurso de design thinking FIAP 2016 - MBA Gestão de Projetos
Curso de design thinking FIAP 2016 - MBA Gestão de Projetos
 
Design Thinking - Metodologia para Inovação
Design Thinking - Metodologia para InovaçãoDesign Thinking - Metodologia para Inovação
Design Thinking - Metodologia para Inovação
 
Jogos de criatividade
Jogos de criatividadeJogos de criatividade
Jogos de criatividade
 
Design Thinking (simplificado)
Design Thinking (simplificado)Design Thinking (simplificado)
Design Thinking (simplificado)
 
Guia prático de processos criativos
Guia prático de processos criativosGuia prático de processos criativos
Guia prático de processos criativos
 
Criatividade e Inovação
Criatividade e InovaçãoCriatividade e Inovação
Criatividade e Inovação
 
Design thinking aplicado ao serviço público
Design thinking aplicado ao serviço públicoDesign thinking aplicado ao serviço público
Design thinking aplicado ao serviço público
 
Apresentação de Design Thinking
Apresentação de Design ThinkingApresentação de Design Thinking
Apresentação de Design Thinking
 
Treinamento Design Thinking - Chico Adelano
Treinamento Design Thinking - Chico AdelanoTreinamento Design Thinking - Chico Adelano
Treinamento Design Thinking - Chico Adelano
 
Processo de Criação e Desenvolvimento com Design Thinking
Processo de Criação e Desenvolvimento com Design ThinkingProcesso de Criação e Desenvolvimento com Design Thinking
Processo de Criação e Desenvolvimento com Design Thinking
 
Criatividade
CriatividadeCriatividade
Criatividade
 
Palestra criatividade
Palestra criatividadePalestra criatividade
Palestra criatividade
 
Criatividade e Inovaçao
Criatividade e InovaçaoCriatividade e Inovaçao
Criatividade e Inovaçao
 
Conceito de Inovação
Conceito de InovaçãoConceito de Inovação
Conceito de Inovação
 
P de Produto
P de ProdutoP de Produto
P de Produto
 
Criatividade e Inovação
Criatividade e InovaçãoCriatividade e Inovação
Criatividade e Inovação
 

Semelhante a Design Thinking: da imersão à prototipação

Design como ferramenta para inovacao
Design como ferramenta para inovacaoDesign como ferramenta para inovacao
Design como ferramenta para inovacaoAlessandra Rosa
 
Design Thinking: Do Conceito ao Mundo Real [2ª edição]
Design Thinking: Do Conceito ao Mundo Real [2ª edição]Design Thinking: Do Conceito ao Mundo Real [2ª edição]
Design Thinking: Do Conceito ao Mundo Real [2ª edição]Alessandro Almeida
 
Usuarios e Designers: projetos e ações situadas
Usuarios e Designers: projetos e ações situadasUsuarios e Designers: projetos e ações situadas
Usuarios e Designers: projetos e ações situadasRodrigo Freese Gonzatto
 
Design Thinking: Do Conceito ao Mundo Real
Design Thinking: Do Conceito ao Mundo RealDesign Thinking: Do Conceito ao Mundo Real
Design Thinking: Do Conceito ao Mundo RealAlessandro Almeida
 
Criando interfaces inovadoras com Design Thinking (#webbr2014)
Criando interfaces inovadoras com Design Thinking (#webbr2014)Criando interfaces inovadoras com Design Thinking (#webbr2014)
Criando interfaces inovadoras com Design Thinking (#webbr2014)Demian Borba
 
III CAFÉ e CODE - PROVOCAÇÕES DO MESTRE
III CAFÉ e CODE - PROVOCAÇÕES DO MESTRE III CAFÉ e CODE - PROVOCAÇÕES DO MESTRE
III CAFÉ e CODE - PROVOCAÇÕES DO MESTRE Cloves da Rocha
 
UX para desenvolvedores - UX Conf BR 2015
UX para desenvolvedores - UX Conf BR 2015UX para desenvolvedores - UX Conf BR 2015
UX para desenvolvedores - UX Conf BR 2015Samantha Rosa
 
UI Design para Desenvolvimento Mobile & Games
UI Design para Desenvolvimento Mobile & GamesUI Design para Desenvolvimento Mobile & Games
UI Design para Desenvolvimento Mobile & GamesSérgio Bezerra da Silva
 
Design thinking - Oficina COALTI 2015
Design thinking   - Oficina COALTI 2015Design thinking   - Oficina COALTI 2015
Design thinking - Oficina COALTI 2015Débora Brauhardt
 
Projetos centrados no usuário
Projetos centrados no usuárioProjetos centrados no usuário
Projetos centrados no usuáriotalkitbr
 
Design Thinking Latinoware 2014
Design Thinking  Latinoware 2014Design Thinking  Latinoware 2014
Design Thinking Latinoware 2014Débora Brauhardt
 
Design Interação: por um Design Livre
Design Interação: por um Design LivreDesign Interação: por um Design Livre
Design Interação: por um Design LivreEdyd B. Junges
 
Design de Interação Mobile
Design de Interação MobileDesign de Interação Mobile
Design de Interação MobileDouglas Schmidt
 
Product Discovery: envolvendo o time e cliente para co-criar soluções asserti...
Product Discovery: envolvendo o time e cliente para co-criar soluções asserti...Product Discovery: envolvendo o time e cliente para co-criar soluções asserti...
Product Discovery: envolvendo o time e cliente para co-criar soluções asserti...Glauber Lænder
 
Weme School | Design Thinking
Weme School | Design ThinkingWeme School | Design Thinking
Weme School | Design ThinkingFernanda Bisso
 
Projetos Centrados no Usuário
Projetos Centrados no UsuárioProjetos Centrados no Usuário
Projetos Centrados no UsuárioAlessandra Rosa
 

Semelhante a Design Thinking: da imersão à prototipação (20)

Design como ferramenta para inovacao
Design como ferramenta para inovacaoDesign como ferramenta para inovacao
Design como ferramenta para inovacao
 
Slides
SlidesSlides
Slides
 
Design Thinking: Do Conceito ao Mundo Real [2ª edição]
Design Thinking: Do Conceito ao Mundo Real [2ª edição]Design Thinking: Do Conceito ao Mundo Real [2ª edição]
Design Thinking: Do Conceito ao Mundo Real [2ª edição]
 
Usuarios e Designers: projetos e ações situadas
Usuarios e Designers: projetos e ações situadasUsuarios e Designers: projetos e ações situadas
Usuarios e Designers: projetos e ações situadas
 
Design Thinking: Do Conceito ao Mundo Real
Design Thinking: Do Conceito ao Mundo RealDesign Thinking: Do Conceito ao Mundo Real
Design Thinking: Do Conceito ao Mundo Real
 
YOU Educação: Apresentação - Euripedes Magalhães
YOU Educação: Apresentação - Euripedes MagalhãesYOU Educação: Apresentação - Euripedes Magalhães
YOU Educação: Apresentação - Euripedes Magalhães
 
Workshop Design Thinking
Workshop Design ThinkingWorkshop Design Thinking
Workshop Design Thinking
 
Criando interfaces inovadoras com Design Thinking (#webbr2014)
Criando interfaces inovadoras com Design Thinking (#webbr2014)Criando interfaces inovadoras com Design Thinking (#webbr2014)
Criando interfaces inovadoras com Design Thinking (#webbr2014)
 
III CAFÉ e CODE - PROVOCAÇÕES DO MESTRE
III CAFÉ e CODE - PROVOCAÇÕES DO MESTRE III CAFÉ e CODE - PROVOCAÇÕES DO MESTRE
III CAFÉ e CODE - PROVOCAÇÕES DO MESTRE
 
UX para desenvolvedores - UX Conf BR 2015
UX para desenvolvedores - UX Conf BR 2015UX para desenvolvedores - UX Conf BR 2015
UX para desenvolvedores - UX Conf BR 2015
 
UI Design para Desenvolvimento Mobile & Games
UI Design para Desenvolvimento Mobile & GamesUI Design para Desenvolvimento Mobile & Games
UI Design para Desenvolvimento Mobile & Games
 
Design thinking - Oficina COALTI 2015
Design thinking   - Oficina COALTI 2015Design thinking   - Oficina COALTI 2015
Design thinking - Oficina COALTI 2015
 
Projetos centrados no usuário
Projetos centrados no usuárioProjetos centrados no usuário
Projetos centrados no usuário
 
Design Thinking Latinoware 2014
Design Thinking  Latinoware 2014Design Thinking  Latinoware 2014
Design Thinking Latinoware 2014
 
Design Interação: por um Design Livre
Design Interação: por um Design LivreDesign Interação: por um Design Livre
Design Interação: por um Design Livre
 
Design de Interação Mobile
Design de Interação MobileDesign de Interação Mobile
Design de Interação Mobile
 
Product Discovery: envolvendo o time e cliente para co-criar soluções asserti...
Product Discovery: envolvendo o time e cliente para co-criar soluções asserti...Product Discovery: envolvendo o time e cliente para co-criar soluções asserti...
Product Discovery: envolvendo o time e cliente para co-criar soluções asserti...
 
Weme School | Design Thinking
Weme School | Design ThinkingWeme School | Design Thinking
Weme School | Design Thinking
 
Projetos Centrados no Usuário
Projetos Centrados no UsuárioProjetos Centrados no Usuário
Projetos Centrados no Usuário
 
APOSTILA - DESIGN THINKING.pdf
APOSTILA - DESIGN THINKING.pdfAPOSTILA - DESIGN THINKING.pdf
APOSTILA - DESIGN THINKING.pdf
 

Design Thinking: da imersão à prototipação

  • 2. • Technical UX Evangelist do Instituto de Pesquisas Eldorado • Tecnológa em Marketing • Graduada em Comunicação habilitação em Publicidade e Propaganda • Especialista em Interação Humano Computador • Certificada pela IDEO em Design Centrado no Usuário Alessandra Peguim Rosa
  • 3. DESIGN THINKING NÃO É: • Interface • Interação • Design • UX • Photoshop http://www.hongkiat.com/blog/mobile-app-ui/
  • 4. DESIGN THINKING É • Maneira de pensar do pessoal que trabalha com design • Fuzzy Front End – Processo multifásico não linear • Não existe um jeito certo ou errado Foto:freeimages.com
  • 7. IMERSÃO IDEAÇÃO PROTOTIPAÇÃO Análise e Síntese POR ONDE COMEÇAMOS?
  • 9. IMERSÃO | Definindo o problema DE: • Solução específica • Foco no negócio • Grupo de pessoas e lugares • Objeto • Sintomas • Idéias únicas PARA: • Solução em aberto • Foco no usuário • Grupo específico de usuários • Atividade • Causas • Sistema de ideias
  • 10. IMERSÃO | Pesquisas Preliminar: Busca por informações na sua área de trabalho • Reenquadramento • Pesquisa exploratória • Pesquisa desk Profundidade: Saindo do básico e indo além, rompendo as barreiras • Entrevistas • Cadernos de sensibilização • Sessões generativas • Um dia na vida • Sombra
  • 11. IMERSÃO | o que o questionário não pega: Usando uma furadeira para: descascar milho Imagesfrom:SOSSolteiro
  • 12. IMERSÃO | o que o questionário não pega: Usando uma furadeira para: serviços domésticos Imagesfrom:SOSSolteiro
  • 13. IMERSÃO | o que o questionário não pega: Usando uma furadeira para: lazer em família Imagesfrom:SOSSolteiro
  • 14. IMERSÃO | Antes de ir para rua  Pesquise Gaste tempo pesquisando, estudando e procurando referências  Planeje Use tudo que você sabe para definir seu plano de ação – definir prioridades  Arme-se Leve com você tudo o que for preciso para registrar o que achar importante: - Câmera fotográfica - Gravador de som - Papel de caneta - Um amigo
  • 15. ANÁLISE E SÍNTESE A arte de contar histórias
  • 16. ANÁLISE E SÍNTESE • Cartões de insights • Diagrama de afinidades • Mapa conceitual • Critérios norteadores • Personas • Mapa de empatia • Jornada do usuário • Blueprint
  • 17. IDEAÇÃO Lá vem o pessoal das canetinhas coloridas e post its!
  • 18. IDEAÇÃO | Técnicas mais usadas • Brainstorming • Workshop de co-criação • Cardápio de ideias • Matriz de posicionamento Foto:freeimages.com
  • 19. IDEAÇÃO | Convergência de ideias Diante de tantas ideias temos que escolher uma? Quem disse que é preciso escolher uma única ideia? Agrupe, rearranje, junte as melhores ideias em uma frase!
  • 20. PROTOTIPAÇÃO Falhe antes, logo e rápido. Para ter sucesso consistente depois.
  • 21. PROTOTIPAÇÃO | Tipos de protótipos • Modelos Protótipos de baixa fidelidade usando moldes parecidos com os formatos reais Foto: google images
  • 22. PROTOTIPAÇÃO | Tipos de protótipos • Modelos • Storyboards Prototipe a experiência do usuário em uma série de imagens fazendo um passo a passo de todo o processo dentro da sua solução. É uma espécie de historia em quadrinhos Foto: google images
  • 23. PROTOTIPAÇÃO | Tipos de protótipos • Modelos • Storyboards • Teatro Membros da equipe devem atuar como personagens do serviço prestado, usuário e funcionários se for o caso Foto: google images
  • 24. PROTOTIPAÇÃO | Tipos de protótipos • Modelos • Storyboards • Teatro • Diagramas Mapear o processo de estrutura do site /aplicativo ou serviço como uma arquitetura onde todas as fases e entradas devem ser mapeadas, como em um mapa do site por exemplo. Foto:googleimages
  • 25. Referências Bibliográficas design thinking: inovação em negócios | MJV design thinking| Tim Brown www.ideo.com.br “Design Thinking” in Harvard Business Review at IDEO | IDEO - Se você encontrou uma imagem do google images que seja sua, entre em contato comigo para dar os devidos créditos!
  • 26. Alessandra Peguim Rosa alessandra.rosa@eldorado.org.br @ux_rosa | talkitbr.com Apresentação disponível em: http://pt.slideshare.net/talkitbr Veja o MVA de Introdução a UX aplicada a apps http://www.microsoftvirtualacademy.com/training- courses/introdu-o-a-ux-aplicada-a-apps

Notas do Editor

  1. Quantas vezes os problemas já chegam com as soluções prontas? Clientes que já sabem o que querem e como querem? É importante você entender o que precisa resolver e não como o cliente quer fazer Exemplo: De: Criar uma garrafinha de água para esportistas Para: Desenvolver uma maneira melhor para pessoas se hidratarem durante o exercício físico De: Fazer uma campanha para doação de sangue no carnaval Para: Conscientizar e desenvolver hábitos para que pessoas doem sangue periodicamente
  2. Saia do escritório, da sala de aula, do laboratório e veja a realidade como ela é, fale com os usuários para criar soluções mais aderentes e realistas
  3. Lugar de Designer é na RUA!
  4. Saia do escritório, da sala de aula, do laboratório e veja a realidade como ela é, fale com os usuários para criar soluções mais aderentes e realistas
  5. Saia do escritório, da sala de aula, do laboratório e veja a realidade como ela é, fale com os usuários para criar soluções mais aderentes e realistas
  6. O problema do brainstorming é que todo mundo acha que faz, existem regras, existe mediação não é uma sala cheio de malucos gritando ideias e jogando papelzinho uns nos outros!
  7. É muito difícil escolher uma única ideia para trabalhar, mas quem disse que você precisa escolher uma única ideia?
  8. Auxilia na validação de uma ideia, é a tangibilização de uma ideia – sai do abstrato da nossa mente e vai pro papel! É um instrumento de aprendizado
  9. Auxilia na validação de uma ideia, é a tangibilização de uma ideia – sai do abstrato da nossa mente e vai pro papel! É um instrumento de aprendizado
  10. Auxilia na validação de uma ideia, é a tangibilização de uma ideia – sai do abstrato da nossa mente e vai pro papel! É um instrumento de aprendizado
  11. Auxilia na validação de uma ideia, é a tangibilização de uma ideia – sai do abstrato da nossa mente e vai pro papel! É um instrumento de aprendizado