Design thinking e a maratona de aplicá-lo em hackathons

Transcript

1. Design thinking e a maratona de aplicá-lo em hackathons KAMILA SANTOS
2. Kamila Santos Dev Backend na Ame Digital https://dev.to/kamilahsantos in/kamila-santos-oliveira/ github.com/kamilahsantos @kamilah_santos
3. Hack -> conhecimento em desenvolvimento athon -> maratona = maratona de desenvolvimento O que é um hackathon? @kamilah_santos
4. Pessoas iniciantes podem (e devem) participar @kamilah_santos
5. Equipes mistas: dev, ux, marketing e business @kamilah_santos
6. Quais são as etapas de um hackathon? Conhecer o desafio Formar equipes @kamilah_santos
7. Quais são as etapas de um hackathon? Imersão e definição do problema Brainstorming e ideação @kamilah_santos
8. Quais são as etapas de um hackathon? Prototipação /codificação Pitch/Demo @kamilah_santos
9. 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
10. " 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
11. - Focado nas pessoas - Colaborativo - mão na massa - interarivo @kamilah_santos
12. 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
13. 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
14. "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
15. Fonte: https://medium.com/aela/15-anos-do-double-diamond-e-sua- import%C3%A2ncia-em-ux-design-22010c979bd9 @kamilah_santos
16. 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
17. Objetivo da imersão Enetender o problema antes de pensar nna solução Agir com base em dados @kamilah_santos
18. 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
19. 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
20. 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
21. 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
22. 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
23. 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
24. 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
25. 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
26. Idear a partir do problma definido Convergir Brainstroming, gerar soluções para o problema definido Ferramentas Mapa mental, Brainstoming, Crazy8 @kamilah_santos
27. 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
28. 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
29. Brainstorming Chuva de ideias, sem considerar o que é certo ou errado Fonte: https://rockcontent.com/br/blog/brainstorming/ @kamilah_santos
30. A partir da ideação o que eu consigo entregar? Defina seu MVP Fonte: https://fia.com.br/blog/mvp/ @kamilah_santos
31. 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
32. 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
33. 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
34. Sugestões de ferramentas: Organização: http://miro.com/ https://trello.com/ Prototipação: https://www.figma.com/ https://www.adobe.com/br/products/xd.html Videos / Animações https://www.powtoon.com/ https://www.rawshorts.com/ https://www.loom.com/ Fotos https://unsplash.com/ @kamilah_santos
35. Obrigada <3