SlideShare uma empresa Scribd logo
1 de 25
• 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
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

Construção da Marca - Conceitos fundamentais
Construção da Marca - Conceitos fundamentaisConstrução da Marca - Conceitos fundamentais
Construção da Marca - Conceitos fundamentais
Brav Design
 
Prototipos de Baixa e Alta Fidelidade
Prototipos de Baixa e Alta FidelidadePrototipos de Baixa e Alta Fidelidade
Prototipos de Baixa e Alta Fidelidade
Erico Fileno
 

Mais procurados (20)

Design thinking - Aula 1 MFN 2014 UFRJ/FIRJAN - Bizzie
Design thinking - Aula 1 MFN 2014 UFRJ/FIRJAN - BizzieDesign thinking - Aula 1 MFN 2014 UFRJ/FIRJAN - Bizzie
Design thinking - Aula 1 MFN 2014 UFRJ/FIRJAN - Bizzie
 
Criação publicitária - Aula 02 - Brainstorm
Criação publicitária - Aula 02  - BrainstormCriação publicitária - Aula 02  - Brainstorm
Criação publicitária - Aula 02 - Brainstorm
 
Design Thinking Workshop
Design Thinking WorkshopDesign Thinking Workshop
Design Thinking Workshop
 
Como montar um Mapa de Empatia
Como montar um Mapa de EmpatiaComo montar um Mapa de Empatia
Como montar um Mapa de Empatia
 
Planner e planejamento de campanha
Planner e planejamento de campanhaPlanner e planejamento de campanha
Planner e planejamento de campanha
 
Identidade Visual - Aula 01
Identidade Visual - Aula 01Identidade Visual - Aula 01
Identidade Visual - Aula 01
 
Design Thinking (simplificado)
Design Thinking (simplificado)Design Thinking (simplificado)
Design Thinking (simplificado)
 
Comunicação e Marketing
Comunicação e MarketingComunicação e Marketing
Comunicação e Marketing
 
Como criar sua Brand Persona para Social CRM
Como criar sua Brand Persona para Social CRMComo criar sua Brand Persona para Social CRM
Como criar sua Brand Persona para Social CRM
 
Guia prático de processos criativos
Guia prático de processos criativosGuia prático de processos criativos
Guia prático de processos criativos
 
01 introducao_identidade
01 introducao_identidade01 introducao_identidade
01 introducao_identidade
 
Construção da Marca - Conceitos fundamentais
Construção da Marca - Conceitos fundamentaisConstrução da Marca - Conceitos fundamentais
Construção da Marca - Conceitos fundamentais
 
Prototipos de Baixa e Alta Fidelidade
Prototipos de Baixa e Alta FidelidadePrototipos de Baixa e Alta Fidelidade
Prototipos de Baixa e Alta Fidelidade
 
Criação e criatividade na campanha
Criação e criatividade na campanhaCriação e criatividade na campanha
Criação e criatividade na campanha
 
Aula 8 - Planejamento Estratégico de Marketing Digital - Disciplina Planejame...
Aula 8 - Planejamento Estratégico de Marketing Digital - Disciplina Planejame...Aula 8 - Planejamento Estratégico de Marketing Digital - Disciplina Planejame...
Aula 8 - Planejamento Estratégico de Marketing Digital - Disciplina Planejame...
 
Exercício de criação: Sonho de Valsa
Exercício de criação: Sonho de ValsaExercício de criação: Sonho de Valsa
Exercício de criação: Sonho de Valsa
 
Design Thinking
Design ThinkingDesign Thinking
Design Thinking
 
Prototipagem
PrototipagemPrototipagem
Prototipagem
 
Marketing Digital
Marketing DigitalMarketing Digital
Marketing Digital
 
Aula 1 - Introdução aos Conceitos de Marketing Digital - Disciplina Planejame...
Aula 1 - Introdução aos Conceitos de Marketing Digital - Disciplina Planejame...Aula 1 - Introdução aos Conceitos de Marketing Digital - Disciplina Planejame...
Aula 1 - Introdução aos Conceitos de Marketing Digital - Disciplina Planejame...
 

Destaque

Destaque (20)

Interação e relacionamento PO com equipe de UX e Designers do Instituto de Pe...
Interação e relacionamento PO com equipe de UX e Designers do Instituto de Pe...Interação e relacionamento PO com equipe de UX e Designers do Instituto de Pe...
Interação e relacionamento PO com equipe de UX e Designers do Instituto de Pe...
 
Double Diamond + Ferramentas
Double Diamond + FerramentasDouble Diamond + Ferramentas
Double Diamond + Ferramentas
 
Desenvolvendo APPs para múltiplas resoluções
Desenvolvendo APPs para múltiplas resoluçõesDesenvolvendo APPs para múltiplas resoluções
Desenvolvendo APPs para múltiplas resoluções
 
Lean UX para Construir uma Solução Centrada no Usuário
Lean UX para Construir uma Solução Centrada no UsuárioLean UX para Construir uma Solução Centrada no Usuário
Lean UX para Construir uma Solução Centrada no Usuário
 
Agile UX vs Lean UX | Eu devo escolher uma delas?
Agile UX vs Lean UX | Eu devo escolher uma delas?Agile UX vs Lean UX | Eu devo escolher uma delas?
Agile UX vs Lean UX | Eu devo escolher uma delas?
 
Computação Cognitiva: a tecnologia das telas de cinema para o nosso dia a dia...
Computação Cognitiva: a tecnologia das telas de cinema para o nosso dia a dia...Computação Cognitiva: a tecnologia das telas de cinema para o nosso dia a dia...
Computação Cognitiva: a tecnologia das telas de cinema para o nosso dia a dia...
 
Design como ferramenta para inovacao
Design como ferramenta para inovacaoDesign como ferramenta para inovacao
Design como ferramenta para inovacao
 
O Futuro das Interfaces: Zero UI e Interfaces Hápticas
O Futuro das Interfaces: Zero UI e Interfaces HápticasO Futuro das Interfaces: Zero UI e Interfaces Hápticas
O Futuro das Interfaces: Zero UI e Interfaces Hápticas
 
Agile UX vs Lean UX
Agile UX vs Lean UXAgile UX vs Lean UX
Agile UX vs Lean UX
 
Wiad17
Wiad17Wiad17
Wiad17
 
Beacons em um Hospital de Clínicas | Design Thinking
Beacons em um Hospital de Clínicas | Design ThinkingBeacons em um Hospital de Clínicas | Design Thinking
Beacons em um Hospital de Clínicas | Design Thinking
 
4 aplicações do design thinking
4 aplicações do design thinking4 aplicações do design thinking
4 aplicações do design thinking
 
Workshop Criatividade e Design Thinking
Workshop Criatividade e Design ThinkingWorkshop Criatividade e Design Thinking
Workshop Criatividade e Design Thinking
 
ADDTECH - Negócios, Gestão e Tecnologia
ADDTECH - Negócios, Gestão e TecnologiaADDTECH - Negócios, Gestão e Tecnologia
ADDTECH - Negócios, Gestão e Tecnologia
 
Palestra Inovação com Beatriz Russo
Palestra Inovação com Beatriz RussoPalestra Inovação com Beatriz Russo
Palestra Inovação com Beatriz Russo
 
Por que você precisaber o que é Design de Serviços?
Por que você precisaber o que é Design de Serviços?Por que você precisaber o que é Design de Serviços?
Por que você precisaber o que é Design de Serviços?
 
Desenvolvimento de Sites e Mobile Sites - Add Technologies
Desenvolvimento de Sites e Mobile Sites - Add TechnologiesDesenvolvimento de Sites e Mobile Sites - Add Technologies
Desenvolvimento de Sites e Mobile Sites - Add Technologies
 
Treinamentos In Company - ADDTECH
Treinamentos In Company - ADDTECHTreinamentos In Company - ADDTECH
Treinamentos In Company - ADDTECH
 
Requisitos Ágeis com Design Thinking - ADDTECH
Requisitos Ágeis com Design Thinking - ADDTECHRequisitos Ágeis com Design Thinking - ADDTECH
Requisitos Ágeis com Design Thinking - ADDTECH
 
Add Technologies - Apresentação da área de Interatividade Digital
Add Technologies - Apresentação da área de Interatividade DigitalAdd Technologies - Apresentação da área de Interatividade Digital
Add Technologies - Apresentação da área de Interatividade Digital
 

Semelhante a Design thinking

Design de Interação Estratégico
Design de Interação EstratégicoDesign de Interação Estratégico
Design de Interação Estratégico
UTFPR
 
InovaSession - Design Thinking 2012
InovaSession - Design Thinking 2012InovaSession - Design Thinking 2012
InovaSession - Design Thinking 2012
rcmello13
 
APOSTILA - DESIGN THINKING (2).pdf
APOSTILA - DESIGN THINKING (2).pdfAPOSTILA - DESIGN THINKING (2).pdf
APOSTILA - DESIGN THINKING (2).pdf
JaneNi5
 

Semelhante a Design thinking (20)

Slides
SlidesSlides
Slides
 
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
 
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 [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]
 
Introdução ao Design de Interação
Introdução ao Design de InteraçãoIntrodução ao Design de Interação
Introdução ao Design de Interação
 
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)
 
Design de Interação Estratégico
Design de Interação EstratégicoDesign de Interação Estratégico
Design de Interação Estratégico
 
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
 
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
 
InovaSession - Design Thinking 2012
InovaSession - Design Thinking 2012InovaSession - Design Thinking 2012
InovaSession - Design Thinking 2012
 
User Experience Boot Camp
User Experience Boot CampUser Experience Boot Camp
User Experience Boot Camp
 
Design Thinking Latinoware 2014
Design Thinking  Latinoware 2014Design Thinking  Latinoware 2014
Design Thinking Latinoware 2014
 
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
 
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
 
Design Thinking no BPM DAY RJ 2015
Design Thinking no BPM DAY RJ 2015Design Thinking no BPM DAY RJ 2015
Design Thinking no BPM DAY RJ 2015
 
APOSTILA - DESIGN THINKING.pdf
APOSTILA - DESIGN THINKING.pdfAPOSTILA - DESIGN THINKING.pdf
APOSTILA - DESIGN THINKING.pdf
 
APOSTILA - DESIGN THINKING.pdf
APOSTILA - DESIGN THINKING.pdfAPOSTILA - DESIGN THINKING.pdf
APOSTILA - DESIGN THINKING.pdf
 
APOSTILA - DESIGN THINKING (2).pdf
APOSTILA - DESIGN THINKING (2).pdfAPOSTILA - DESIGN THINKING (2).pdf
APOSTILA - DESIGN THINKING (2).pdf
 
Workshop Design Thinking
Workshop Design ThinkingWorkshop Design Thinking
Workshop Design Thinking
 

Design thinking

  • 1.
  • 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. 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