Design thinking e a
maratona de aplicá-lo
em hackathons
KAMILA SANTOS
Slide 2
Slide 2 text
Kamila Santos
Dev Backend na Ame Digital
https://dev.to/kamilahsantos
in/kamila-santos-oliveira/
github.com/kamilahsantos
@kamilah_santos
Slide 3
Slide 3 text
Hack -> conhecimento em
desenvolvimento
athon -> maratona
= maratona de desenvolvimento
O que é um hackathon?
@kamilah_santos
Slide 4
Slide 4 text
Pessoas iniciantes
podem (e devem)
participar
@kamilah_santos
Slide 5
Slide 5 text
Equipes mistas: dev,
ux, marketing e
business
@kamilah_santos
Slide 6
Slide 6 text
Quais são as etapas de um hackathon?
Conhecer o desafio
Formar equipes
@kamilah_santos
Slide 7
Slide 7 text
Quais são as etapas de um hackathon?
Imersão e definição do problema
Brainstorming e ideação
@kamilah_santos
Slide 8
Slide 8 text
Quais são as etapas de um hackathon?
Prototipação /codificação
Pitch/Demo
@kamilah_santos
Slide 9
Slide 9 text
O que é design?
É uma metodologia focada em
solucionarde forma criativa um
determinado problema
Fonte: https://medium.com/aela/15-anos-do-double-diamond-e-sua-
import%C3%A2ncia-em-ux-design-22010c979bd9
@kamilah_santos
Slide 10
Slide 10 text
" O design thinking é uma abordagem
inovadora que se baseia em processos de
design para integrar as necessidades das
pessoas, as possibilidades de tecnologia e os
requisitos para o sucesso empresarial"
- Tim Brown, IDEO
@kamilah_santos
Slide 11
Slide 11 text
- Focado nas pessoas
- Colaborativo
- mão na massa
- interarivo
@kamilah_santos
Slide 12
Slide 12 text
O que é design thinking ?
É uma abordagem para pensar e
solucionar problemas complexos,
que se baseia em empatia,
colaboração e experimentação
Fonte: https://medium.com/aela/15-anos-do-double-diamond-e-sua-
import%C3%A2ncia-em-ux-design-22010c979bd9
@kamilah_santos
Slide 13
Slide 13 text
O que é design thinking ?
É uma abordagem para pensar e
solucionar problemas complexos,
que se baseia em empatia,
colaboração e experimentação
Fonte: https://www.cdlacibom.com.br/artigo/desenhando-o-sucesso-design-thinking-
como-inovacao-no-varejo
@kamilah_santos
Slide 14
Slide 14 text
"A missão do design thining é traduzir
observações em insights (oportunidades), e
estes em produtos e serviços para melhorar a
vida das pessoas"
- Tim Brown, IDEO
@kamilah_santos
Entender o problema
Convergir
Coletar dados e imergir de
forma aprofundada no
contexto do projeto
Ferramentas
Entrevistas, pesquisa
quantitativa, benchmarking,
focus group e análise de
dados
@kamilah_santos
Slide 17
Slide 17 text
Objetivo da imersão
Enetender o problema antes
de pensar nna solução
Agir com base em dados
@kamilah_santos
Slide 18
Slide 18 text
Matriz CSD
Certezas, suposições e dúvidas
Fonte: https://brasil.uxdesign.cc/estudo-de-caso-utilizando-o-ux-ui-para-reduzir-
frustra%C3%A7%C3%B5es-em-liga%C3%A7%C3%B5es-abusivas-96a5d02abdcd
@kamilah_santos
Slide 19
Slide 19 text
Mapa de empatia
O que o usuário ouve, fala, vê,
pensa, faz e sente?
Quais suas oportunidades e
dores?
Fonte: https://resultadosdigitais.com.br/blog/mapa-da-empatia/
@kamilah_santos
Slide 20
Slide 20 text
5W2H
O que, como, por que, quem,
onde, quando e quanto
Fonte: https://www.treinaweb.com.br/blog/planos-de-acao-utilizando-ferramenta-de-
gestao-5w2h/
@kamilah_santos
Slide 21
Slide 21 text
Jornada do usuário
Analisamos a jornada atual do
usuário no serviço (se já existir)
ou desenhamos a nova jornada
atual
Fonte: https://blog.mjv.com.br/design-thinking-como-analisar-a-jornada-do-usuario
@kamilah_santos
Slide 22
Slide 22 text
Blueprint do serviço
Jornada do usuário aprofundada
com açoes de todos os pontos
do serviço e seus pontos de
contato
Fonte: https://vidadeproduto.com.br/blueprint-de-servico/
@kamilah_santos
Slide 23
Slide 23 text
Definir o problema
Divergir
Organizar as informações
coletadas e definir o problema
a ser resolvido
Ferramentas
Personas, 05 porquês,
espinha de peixe e mapa
mental
@kamilah_santos
Slide 24
Slide 24 text
Personas
é a representação fictícia do
cliente ideal de um negócio
https://br.hubspot.com/make-my-
persona
Fonte: http://catarinasdesign.com.br/uso-de-personas-para-melhorar-ux-produto/
@kamilah_santos
Slide 25
Slide 25 text
Espinha de peixe (ishikawa)
método, máquina, medida, meio
ambiente, material e mão de
obra
Fonte: https://crmpiperun.com/blog/diagrama-de-ishikawa/
@kamilah_santos
Slide 26
Slide 26 text
Idear a partir do problma definido
Convergir
Brainstroming, gerar soluções
para o problema definido
Ferramentas
Mapa mental, Brainstoming,
Crazy8
@kamilah_santos
Slide 27
Slide 27 text
Processo de ideação
Desafio claro
1.
2. Imersão e
inspiração
3. Definir ferramentas e
participantes
4. refinamento
ex: moscow : must have,
should have, could have e
won't have
4. "limites da ideação"
@kamilah_santos
Slide 28
Slide 28 text
Mapa mental
a partir de um poto central
explorar suas ramificações
Fonte: https://medium.com/ux-design-natal/entendendo-os-modelos-mentais-e-
compreendendo-melhor-os-usu%C3%A1rios-7778f1fe4f24
@kamilah_santos
Slide 29
Slide 29 text
Brainstorming
Chuva de ideias, sem considerar
o que é certo ou errado
Fonte: https://rockcontent.com/br/blog/brainstorming/
@kamilah_santos
Slide 30
Slide 30 text
A partir da ideação o que eu
consigo entregar?
Defina seu MVP
Fonte: https://fia.com.br/blog/mvp/
@kamilah_santos
Slide 31
Slide 31 text
O que é um MVP?
É uma versão
simplificada ou
simulada da entrega
de valor de um produto
ou serviço.
O mínimo que
precisamos
fazer para
atingir um
determinado
objetivo.
Podendo ser um
protótipo navegável,
uma landing page ou
single feature
@kamilah_santos
Slide 32
Slide 32 text
Prototipar
Divergir Ferramentas
Protótipo papel, protótipo
navegável , wireframe, demo
Transforma a ideia em um
prototipo para validar com
usuários e receber feedback.
@kamilah_santos
Slide 33
Slide 33 text
Gerar o MVP
Mínimo produto viável, mínimia
funcionalidade requerida para
determinado objetivo.
Podendo ser : protótipo, landing
pages ou single features
@kamilah_santos