SlideShare a Scribd company logo
1 of 24
Download to read offline
Design
participativo
Daniel Coscarelli
UX / PRODUCT DESIGNER
Graduado em Marketing, MBA em Design Thinking e com mais de
10 anos de experiência em criação de produtos digitais. Aplica
conceitos, ferramentas, técnicas e processos de UCD e HCI.
23/01/2017
Triangulação de Pesquisa
O que é Design Participativo
A origem do DP
Método The Bridge
Os estágios do método
Atividade em grupo
Entregáveis gerados com o uso do método
agenda
3
Triangulaçãode pesquisa
4
Sentir
DESIGN PARTICIPATIVO
Fazer o que as pessoas fazem
Ver
OLHAR ETNOGRÁFICO
Observar o que as pessoas fazem
Ouvir
ENTREVISTA DE CAMPO
Ouvir o que as pessoas dizem que fazem
Triangulaçãode pesquisa
5
Sentir
DESIGN PARTICIPATIVO
Fazer o que as pessoas fazem
Ver
OLHAR ETNOGRÁFICO
Observar o que as pessoas fazem
Ouvir
ENTREVISTA DE CAMPO
Ouvir o que as pessoas dizem que fazem
Exploração
Descoberta: storyboards, prototipação...
É uma abordagem que tem
por objetivo a participação de
todos os interessados no
processo de desenvolvimento
de um produto ou serviço.
O que é designparticipativo
6
Reune as necessidades requeridas de forma democrática,
garantindo uma satisfação efetiva por meio do alto grau de
usabilidade, acessibilidade e qualidade de uso.
O que é designparticipativo
7
Cada Stakeholder contribui no processo de discussão, pois, pode
existir uma grande variedade de opiniões, idéias, conhecimentos,
visão de mundo…
O que é designparticipativo
8
O que é designparticipativo?
9
Pensamento
Divergente
Pensamento
Convergente
Escandinávia,
décadas de 70 e 80.
A origemdo DP
10
Lei para codeterminação
tecnológica (proporciona aos
trabalhadores o direito de
participar na gestão).
A origemdo DP
11
O Design Participativo
escolhe acreditar no
potencial criativo do usuário
e o garante poder sobre o
projeto.
A origemdo DP
12
Os participantes são os
especialistas.
A origemdo DP
13
A origemdo DP
14
15
MÉTODO thebridge
É um método participativo.
Requisitos funcionais são desenvolvidos (sob a perspectiva dos usuários).
16
OS ESTÁGIOSDO MÉTODO
Expressar os requerimentos dos
usuários em fluxos de tarefas
Mapear os fluxos em objetos de
tarefas
Criar a interface visual
Método The Bridge
17
ATIVIDADEEM GRUPO
1) Expressar os requerimentos
dos usuários em fluxos de tarefas
Faça uma lista com os passos que você
considera importante para o fluxo de
interação, pense nos detalhes de cada passo.
Esta etapa é individual e cada participante
deverá escrever no papal cada requisito em
formato de tópicos.
Duração: 10 minutos.
Método The Bridge
18
ATIVIDADEEM GRUPO
2) Mapear os fluxos em objetos
de tarefas
Discuta com os outros participantes quais
informações dentre todas as que foram
listadas, será realmente importante e de
valor para o usuário final. Passe para os post-
its cada uma destas tarefas, de forma
individual.
Duração: 20 minutos.
Método The Bridge
19
ATIVIDADEEM GRUPO
3) Criar a interface visual
Fluxogramas, sketches, mapas de conteúdo,
protótipos, etc. Estes são alguns dos
entregáveis possíveis que poderão ser feitos.
Vamos criar o fluxo e sketches das telas.
Duração: 30 minutos.
Método The Bridge
Entregáveisgerados com o uso do método
20
Fluxograma
Obs: Esta imagem está fora de foco, pois, trata-se de um projeto sigiloso.
Entregáveisgerados com o uso do método
20
ContentMap
Obs: Esta imagem está fora de foco, pois, trata-se de um projeto sigiloso.
Entregáveisgerados com o uso do método
20
Protótipos
Obs: Esta imagem está fora de foco, pois, trata-se de um projeto sigiloso.
OBRIGADO
20
”A mente que se abre a
uma nova ideia, jamais
voltará ao seu
tamanho original”.
Albert Einstein
| MÉTODO THE BRIDGE
Obrigado!
Dúvidas? Fique à vontade. UX / Product Designer
webcoscarelli@gmail.com
Daniel Coscarelli MARTINS

More Related Content

What's hot

Almanaque - Pensamento Computacional
Almanaque - Pensamento ComputacionalAlmanaque - Pensamento Computacional
Almanaque - Pensamento Computacionalprofjr
 
Requisitos de Interface com o usuário em Software Educacional
Requisitos de Interface com o usuário em Software EducacionalRequisitos de Interface com o usuário em Software Educacional
Requisitos de Interface com o usuário em Software EducacionalNathalia Sautchuk Patricio
 
Perturbações do Neurodesenvolvimento
Perturbações do NeurodesenvolvimentoPerturbações do Neurodesenvolvimento
Perturbações do Neurodesenvolvimentopsicologiaestoi
 
Aprender HTML (UFCD0152 e UFCD0153) v2
Aprender HTML (UFCD0152 e UFCD0153) v2Aprender HTML (UFCD0152 e UFCD0153) v2
Aprender HTML (UFCD0152 e UFCD0153) v2Afonso Gomes
 
Formação Pedagógica Inicial de Formadores - Flyer
Formação Pedagógica Inicial de Formadores - FlyerFormação Pedagógica Inicial de Formadores - Flyer
Formação Pedagógica Inicial de Formadores - FlyerDianova
 
Aula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no UsuárioAula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no UsuárioErico Fileno
 
Análise e Projeto de Sistemas com UML e Java
Análise e Projeto de Sistemas com UML e JavaAnálise e Projeto de Sistemas com UML e Java
Análise e Projeto de Sistemas com UML e Javaarmeniocardoso
 
Plano de Sessão Autoscopia Final
Plano de Sessão Autoscopia FinalPlano de Sessão Autoscopia Final
Plano de Sessão Autoscopia FinalDebora_Marques
 
Arquitetura de Software Baseada em Componentes: Um Estudo de Caso para o Cont...
Arquitetura de Software Baseada em Componentes: Um Estudo de Caso para o Cont...Arquitetura de Software Baseada em Componentes: Um Estudo de Caso para o Cont...
Arquitetura de Software Baseada em Componentes: Um Estudo de Caso para o Cont...Anderson Kanegae Soares Rocha
 
Introdução a Banco de Dados (Parte 2)
Introdução a Banco de Dados (Parte 2)Introdução a Banco de Dados (Parte 2)
Introdução a Banco de Dados (Parte 2)Mario Sergio
 
Aula 01 - Fundamentos de Banco de Dados (2).pdf
Aula 01 - Fundamentos de Banco de Dados (2).pdfAula 01 - Fundamentos de Banco de Dados (2).pdf
Aula 01 - Fundamentos de Banco de Dados (2).pdfMarcelo Silva
 
Autoscopia Inicial
Autoscopia InicialAutoscopia Inicial
Autoscopia InicialAna Costa
 
Introdução a poo
Introdução a pooIntrodução a poo
Introdução a pooSedu
 
Aprendizagem Motora - PST
Aprendizagem Motora - PSTAprendizagem Motora - PST
Aprendizagem Motora - PSTLeonardo Melo
 
Modelagem de casos de uso e diagramas de sequência
Modelagem de casos de uso e diagramas de sequênciaModelagem de casos de uso e diagramas de sequência
Modelagem de casos de uso e diagramas de sequênciaJorge Linhares
 
Aula 2 – Introdução a HTML - conceitos básicos e estrutura
Aula 2 – Introdução a HTML - conceitos básicos e estruturaAula 2 – Introdução a HTML - conceitos básicos e estrutura
Aula 2 – Introdução a HTML - conceitos básicos e estruturaAndré Constantino da Silva
 
Introduçao à Apredizagem Motora
Introduçao à Apredizagem MotoraIntroduçao à Apredizagem Motora
Introduçao à Apredizagem MotoraHerbert Santana
 

What's hot (20)

Uml
UmlUml
Uml
 
Modelo Espiral
Modelo EspiralModelo Espiral
Modelo Espiral
 
Almanaque - Pensamento Computacional
Almanaque - Pensamento ComputacionalAlmanaque - Pensamento Computacional
Almanaque - Pensamento Computacional
 
Requisitos de Interface com o usuário em Software Educacional
Requisitos de Interface com o usuário em Software EducacionalRequisitos de Interface com o usuário em Software Educacional
Requisitos de Interface com o usuário em Software Educacional
 
Perturbações do Neurodesenvolvimento
Perturbações do NeurodesenvolvimentoPerturbações do Neurodesenvolvimento
Perturbações do Neurodesenvolvimento
 
Aprender HTML (UFCD0152 e UFCD0153) v2
Aprender HTML (UFCD0152 e UFCD0153) v2Aprender HTML (UFCD0152 e UFCD0153) v2
Aprender HTML (UFCD0152 e UFCD0153) v2
 
Formação Pedagógica Inicial de Formadores - Flyer
Formação Pedagógica Inicial de Formadores - FlyerFormação Pedagógica Inicial de Formadores - Flyer
Formação Pedagógica Inicial de Formadores - Flyer
 
Aula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no UsuárioAula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no Usuário
 
Análise e Projeto de Sistemas com UML e Java
Análise e Projeto de Sistemas com UML e JavaAnálise e Projeto de Sistemas com UML e Java
Análise e Projeto de Sistemas com UML e Java
 
Quais são as funções executivas?
Quais são as funções executivas?Quais são as funções executivas?
Quais são as funções executivas?
 
Plano de Sessão Autoscopia Final
Plano de Sessão Autoscopia FinalPlano de Sessão Autoscopia Final
Plano de Sessão Autoscopia Final
 
Arquitetura de Software Baseada em Componentes: Um Estudo de Caso para o Cont...
Arquitetura de Software Baseada em Componentes: Um Estudo de Caso para o Cont...Arquitetura de Software Baseada em Componentes: Um Estudo de Caso para o Cont...
Arquitetura de Software Baseada em Componentes: Um Estudo de Caso para o Cont...
 
Introdução a Banco de Dados (Parte 2)
Introdução a Banco de Dados (Parte 2)Introdução a Banco de Dados (Parte 2)
Introdução a Banco de Dados (Parte 2)
 
Aula 01 - Fundamentos de Banco de Dados (2).pdf
Aula 01 - Fundamentos de Banco de Dados (2).pdfAula 01 - Fundamentos de Banco de Dados (2).pdf
Aula 01 - Fundamentos de Banco de Dados (2).pdf
 
Autoscopia Inicial
Autoscopia InicialAutoscopia Inicial
Autoscopia Inicial
 
Introdução a poo
Introdução a pooIntrodução a poo
Introdução a poo
 
Aprendizagem Motora - PST
Aprendizagem Motora - PSTAprendizagem Motora - PST
Aprendizagem Motora - PST
 
Modelagem de casos de uso e diagramas de sequência
Modelagem de casos de uso e diagramas de sequênciaModelagem de casos de uso e diagramas de sequência
Modelagem de casos de uso e diagramas de sequência
 
Aula 2 – Introdução a HTML - conceitos básicos e estrutura
Aula 2 – Introdução a HTML - conceitos básicos e estruturaAula 2 – Introdução a HTML - conceitos básicos e estrutura
Aula 2 – Introdução a HTML - conceitos básicos e estrutura
 
Introduçao à Apredizagem Motora
Introduçao à Apredizagem MotoraIntroduçao à Apredizagem Motora
Introduçao à Apredizagem Motora
 

Similar to Design participativo: método The Bridge

Introdução ao Design Sprint - Hackaprothon Aplicativos Cívicos para Android
Introdução ao Design Sprint - Hackaprothon Aplicativos Cívicos para AndroidIntrodução ao Design Sprint - Hackaprothon Aplicativos Cívicos para Android
Introdução ao Design Sprint - Hackaprothon Aplicativos Cívicos para AndroidNelson Vasconcelos
 
Prototipagem em Papel - Oficina
Prototipagem em Papel - OficinaPrototipagem em Papel - Oficina
Prototipagem em Papel - OficinaLtia Unesp
 
Design Centrado no Usuário
Design Centrado no UsuárioDesign Centrado no Usuário
Design Centrado no UsuárioDavi Busanello
 
UXconf 2017 - Review
UXconf 2017 - ReviewUXconf 2017 - Review
UXconf 2017 - ReviewRafael Burity
 
O que é UX? Introdução, Ferramentas e Experiências
O que é UX? Introdução, Ferramentas e ExperiênciasO que é UX? Introdução, Ferramentas e Experiências
O que é UX? Introdução, Ferramentas e ExperiênciasUXPA São Paulo
 
Design De Interfaces
Design De InterfacesDesign De Interfaces
Design De InterfacesBruno Brant
 
12° Encontro de WebDesign (usabilidade)
12° Encontro de WebDesign (usabilidade)12° Encontro de WebDesign (usabilidade)
12° Encontro de WebDesign (usabilidade)maumoreira
 
Briefing - (para web design)
Briefing - (para web design)Briefing - (para web design)
Briefing - (para web design)mfiorelli
 
Co designworkshop portugal
Co designworkshop portugalCo designworkshop portugal
Co designworkshop portugalRio Lis
 
Co designworkshop portugal
Co designworkshop portugalCo designworkshop portugal
Co designworkshop portugalRio Lis
 
Projetando com Lean UX
Projetando com Lean UXProjetando com Lean UX
Projetando com Lean UXEdu Agni
 
Aplicando técnicas de UX na reformulação de produtos.
Aplicando técnicas de UX na reformulação de produtos.Aplicando técnicas de UX na reformulação de produtos.
Aplicando técnicas de UX na reformulação de produtos.Ana Cristine Veneziani
 
Aplicando técnicas de UX na reformulação de produtos.
Aplicando técnicas de UX na reformulação de produtos.Aplicando técnicas de UX na reformulação de produtos.
Aplicando técnicas de UX na reformulação de produtos.Ana Cristine Veneziani
 
Pesquisas em usabilidade de interfaces e interação - 2 bim
Pesquisas em usabilidade de interfaces e interação -  2 bimPesquisas em usabilidade de interfaces e interação -  2 bim
Pesquisas em usabilidade de interfaces e interação - 2 bimReuel Lopes
 

Similar to Design participativo: método The Bridge (20)

Introdução ao Design Sprint - Hackaprothon Aplicativos Cívicos para Android
Introdução ao Design Sprint - Hackaprothon Aplicativos Cívicos para AndroidIntrodução ao Design Sprint - Hackaprothon Aplicativos Cívicos para Android
Introdução ao Design Sprint - Hackaprothon Aplicativos Cívicos para Android
 
Prototipagem em Papel - Oficina
Prototipagem em Papel - OficinaPrototipagem em Papel - Oficina
Prototipagem em Papel - Oficina
 
Método The bridge
Método The bridgeMétodo The bridge
Método The bridge
 
Design Centrado no Usuário
Design Centrado no UsuárioDesign Centrado no Usuário
Design Centrado no Usuário
 
UXconf 2017 - Review
UXconf 2017 - ReviewUXconf 2017 - Review
UXconf 2017 - Review
 
Ux Presentation
Ux PresentationUx Presentation
Ux Presentation
 
Trabaho design de interação
Trabaho design de interaçãoTrabaho design de interação
Trabaho design de interação
 
O que é UX? Introdução, Ferramentas e Experiências
O que é UX? Introdução, Ferramentas e ExperiênciasO que é UX? Introdução, Ferramentas e Experiências
O que é UX? Introdução, Ferramentas e Experiências
 
Design Centrado no Usuário
Design Centrado no UsuárioDesign Centrado no Usuário
Design Centrado no Usuário
 
Design De Interfaces
Design De InterfacesDesign De Interfaces
Design De Interfaces
 
12° Encontro de WebDesign (usabilidade)
12° Encontro de WebDesign (usabilidade)12° Encontro de WebDesign (usabilidade)
12° Encontro de WebDesign (usabilidade)
 
Briefing - (para web design)
Briefing - (para web design)Briefing - (para web design)
Briefing - (para web design)
 
Co designworkshop portugal
Co designworkshop portugalCo designworkshop portugal
Co designworkshop portugal
 
Co designworkshop portugal
Co designworkshop portugalCo designworkshop portugal
Co designworkshop portugal
 
Projetando com Lean UX
Projetando com Lean UXProjetando com Lean UX
Projetando com Lean UX
 
Aplicando técnicas de UX na reformulação de produtos.
Aplicando técnicas de UX na reformulação de produtos.Aplicando técnicas de UX na reformulação de produtos.
Aplicando técnicas de UX na reformulação de produtos.
 
Aplicando técnicas de UX na reformulação de produtos.
Aplicando técnicas de UX na reformulação de produtos.Aplicando técnicas de UX na reformulação de produtos.
Aplicando técnicas de UX na reformulação de produtos.
 
Pesquisas em usabilidade de interfaces e interação - 2 bim
Pesquisas em usabilidade de interfaces e interação -  2 bimPesquisas em usabilidade de interfaces e interação -  2 bim
Pesquisas em usabilidade de interfaces e interação - 2 bim
 
ESCOLA DO DESIGNER.pdf
ESCOLA DO DESIGNER.pdfESCOLA DO DESIGNER.pdf
ESCOLA DO DESIGNER.pdf
 
Ux pt2
Ux pt2Ux pt2
Ux pt2
 

Design participativo: método The Bridge

  • 2. Daniel Coscarelli UX / PRODUCT DESIGNER Graduado em Marketing, MBA em Design Thinking e com mais de 10 anos de experiência em criação de produtos digitais. Aplica conceitos, ferramentas, técnicas e processos de UCD e HCI. 23/01/2017
  • 3. Triangulação de Pesquisa O que é Design Participativo A origem do DP Método The Bridge Os estágios do método Atividade em grupo Entregáveis gerados com o uso do método agenda 3
  • 4. Triangulaçãode pesquisa 4 Sentir DESIGN PARTICIPATIVO Fazer o que as pessoas fazem Ver OLHAR ETNOGRÁFICO Observar o que as pessoas fazem Ouvir ENTREVISTA DE CAMPO Ouvir o que as pessoas dizem que fazem
  • 5. Triangulaçãode pesquisa 5 Sentir DESIGN PARTICIPATIVO Fazer o que as pessoas fazem Ver OLHAR ETNOGRÁFICO Observar o que as pessoas fazem Ouvir ENTREVISTA DE CAMPO Ouvir o que as pessoas dizem que fazem Exploração Descoberta: storyboards, prototipação...
  • 6. É uma abordagem que tem por objetivo a participação de todos os interessados no processo de desenvolvimento de um produto ou serviço. O que é designparticipativo 6
  • 7. Reune as necessidades requeridas de forma democrática, garantindo uma satisfação efetiva por meio do alto grau de usabilidade, acessibilidade e qualidade de uso. O que é designparticipativo 7
  • 8. Cada Stakeholder contribui no processo de discussão, pois, pode existir uma grande variedade de opiniões, idéias, conhecimentos, visão de mundo… O que é designparticipativo 8
  • 9. O que é designparticipativo? 9 Pensamento Divergente Pensamento Convergente
  • 10. Escandinávia, décadas de 70 e 80. A origemdo DP 10
  • 11. Lei para codeterminação tecnológica (proporciona aos trabalhadores o direito de participar na gestão). A origemdo DP 11
  • 12. O Design Participativo escolhe acreditar no potencial criativo do usuário e o garante poder sobre o projeto. A origemdo DP 12
  • 13. Os participantes são os especialistas. A origemdo DP 13
  • 15. 15 MÉTODO thebridge É um método participativo. Requisitos funcionais são desenvolvidos (sob a perspectiva dos usuários).
  • 16. 16 OS ESTÁGIOSDO MÉTODO Expressar os requerimentos dos usuários em fluxos de tarefas Mapear os fluxos em objetos de tarefas Criar a interface visual Método The Bridge
  • 17. 17 ATIVIDADEEM GRUPO 1) Expressar os requerimentos dos usuários em fluxos de tarefas Faça uma lista com os passos que você considera importante para o fluxo de interação, pense nos detalhes de cada passo. Esta etapa é individual e cada participante deverá escrever no papal cada requisito em formato de tópicos. Duração: 10 minutos. Método The Bridge
  • 18. 18 ATIVIDADEEM GRUPO 2) Mapear os fluxos em objetos de tarefas Discuta com os outros participantes quais informações dentre todas as que foram listadas, será realmente importante e de valor para o usuário final. Passe para os post- its cada uma destas tarefas, de forma individual. Duração: 20 minutos. Método The Bridge
  • 19. 19 ATIVIDADEEM GRUPO 3) Criar a interface visual Fluxogramas, sketches, mapas de conteúdo, protótipos, etc. Estes são alguns dos entregáveis possíveis que poderão ser feitos. Vamos criar o fluxo e sketches das telas. Duração: 30 minutos. Método The Bridge
  • 20. Entregáveisgerados com o uso do método 20 Fluxograma Obs: Esta imagem está fora de foco, pois, trata-se de um projeto sigiloso.
  • 21. Entregáveisgerados com o uso do método 20 ContentMap Obs: Esta imagem está fora de foco, pois, trata-se de um projeto sigiloso.
  • 22. Entregáveisgerados com o uso do método 20 Protótipos Obs: Esta imagem está fora de foco, pois, trata-se de um projeto sigiloso.
  • 23. OBRIGADO 20 ”A mente que se abre a uma nova ideia, jamais voltará ao seu tamanho original”. Albert Einstein | MÉTODO THE BRIDGE
  • 24. Obrigado! Dúvidas? Fique à vontade. UX / Product Designer webcoscarelli@gmail.com Daniel Coscarelli MARTINS