• 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

Design thinking

  • 2.
    • Technical UXEvangelist 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
  • 5.
  • 6.
  • 7.
    IMERSÃO IDEAÇÃO PROTOTIPAÇÃO Análisee Síntese POR ONDE COMEÇAMOS?
  • 8.
  • 9.
    IMERSÃO | Definindoo 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: Buscapor 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 | oque o questionário não pega: Usando uma furadeira para: descascar milho Imagesfrom:SOSSolteiro
  • 12.
    IMERSÃO | oque o questionário não pega: Usando uma furadeira para: serviços domésticos Imagesfrom:SOSSolteiro
  • 13.
    IMERSÃO | oque o questionário não pega: Usando uma furadeira para: lazer em família Imagesfrom:SOSSolteiro
  • 14.
    IMERSÃO | Antesde 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 Aarte 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 opessoal das canetinhas coloridas e post its!
  • 18.
    IDEAÇÃO | Técnicasmais usadas • Brainstorming • Workshop de co-criação • Cardápio de ideias • Matriz de posicionamento Foto:freeimages.com
  • 19.
    IDEAÇÃO | Convergênciade 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, logoe rápido. Para ter sucesso consistente depois.
  • 21.
    PROTOTIPAÇÃO | Tiposde protótipos • Modelos Protótipos de baixa fidelidade usando moldes parecidos com os formatos reais Foto: google images
  • 22.
    PROTOTIPAÇÃO | Tiposde 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 | Tiposde 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 | Tiposde 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

  • #10 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
  • #11 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
  • #12 Lugar de Designer é na RUA!
  • #15 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
  • #17 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
  • #19 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!
  • #20 É muito difícil escolher uma única ideia para trabalhar, mas quem disse que você precisa escolher uma única ideia?
  • #22 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
  • #23 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
  • #24 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
  • #25 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