Este material foi utilizado como suporte durante um workshop de design thinking. Estes slides foram criados para contextualizar Design Thinking e mostrar seu relacionamento com outros conceitos como UX, Design de interação e design participativo.

1. Design Thinking
Renato Poulicer

2. Propósito
● Ver design thinking por uma abordagem prática para resolução de
problemas.
● Interagir com pessoas de diversos backgrounds
● Comunicar
● Materializar
● Descontração

3. Procurando problemas

4. Brainstorming
● Brainstorming: várias pessoas discutindo e sugerindo ideias para um
determinado problema
● O que fazemos com as ideias? Anotamos?
● Como escolher quais ideias seguir?

5. Gamestorming
● Brainstorming com objetivo específico.
● Um tempo bem definido
● Um ambiente para execução

6. Nosso problema de hoje
Kropyo é um instituto de pesquisa e desenvolvimento de software
fomentado pela lei de informática. A empresa possui 200 funcionários e está
localizada na cidade de campinas.
Os funcionários dessa empresa realizam apontamento de horas utilizando
um sistema externo chamado ADP. Na verdade, o ADP fornece outras
funcionalidades além de apontamento de horas.
A empresa nos contratou para repensar no processo de apontamento de
horas. Considerando esse escopo, vamos ajudar a Kropyo a desenvolver
possíveis soluções para o problema.

7. O que é UX?

8. "Eu inventei o termo, porque achava que
interface do usuário e usabilidade eram
muito restritos, eu queria cobrir todos os
aspectos da experiência de uma pessoa
com o sistema, incluindo design industrial,
gráficos, a interface, a interação física e o
manual. Desde então, o termo tem se
espalhado amplamente..."-Don Normann
"the practice of designing interactive digital
products, environments, systems, and
services" (Cooper et al. 2014)
Lembretes:
UX não é UI.
UX não é apenas usabilidade.
Usuário é diferente de cliente.

9. O que é Design Thinking?

14. ● É um processo para resolução de
problemas de maneira criativa - IDEO.
● É pensar como os designer pensam
● Design thinking é o que fazemos,
UCD é como fazemos.

15. Design Participativo

16. O que é ?
● “Computers are symbolic machines constructed and controlled by
means of signs”
● Semiótica Organizacional propõe maneiras de analisar, descrever e
explicar a estrutura e comportamento organizacionais

17. Partes interessadas

18. Quadro de avaliações

19. Entendendo as etapas

20. Por quê se importar com usuário antes
de ter um produto?

22. Tópicos interessantes
● Pesquisa do Google sobre tecnologias emergentes:
https://medium.com/googleplaydev/applying-human-centered-design-to-em
erging-technologies-6ad7f39d8d30?ref=uxdesignweekly
● Alan Cooper fala sobre qual o estilo design que ele segue:
https://medium.com/@MrAlanCooper/alexandrian-design-ab5742c5175a

23. Empatizando
Entendo o usuário:
● Surveys, entrevistas
● Mapa de empatia
● Design participativo usando cebola semiótica e quadro de avaliações
● Estudos etnográficos
●
Empatizar é importante para ajudar a definir o problema.
Saiba mais:
https://www.interaction-design.org/literature/article/stage-1-in-the-design-thinking-process-empathise-wi
th-your-users

24. Definindo
● Afunilar os resultados obtidos na fase anterior
● Sintese dos resultos
● Definindo
○ Sinteses
○ Mapa de empatia
○ Personas e proto-personas
Saiba mais:
https://www.interaction-design.org/literature/article/stage-2-in-the-design-thinking-process-define-the-pr
oblem-and-interpret-the-results

25. Mapa de empatia

26. Proto-persona

27. Ideação
● Ideias
● Gamestorming
● Muitas, muitas, ideias
● Fail fast succeed sooner…
● Card Sorting:aberto ou fechado.
● Zen voting
● Análise Swot

28. UX Canvas

29. User journey

30. User Flow

31. Prototipação
● Prototipação em papel
● Prototipação digital
● Protótipos de baixo nível
● Protótipos de alto nível e navegáveis

32. Protótipo de papel
● Papel
● Caneta

33. Prototipação digital
● Existem muitas ferramentas no mercado.
● Figma : https://www.figma.com
● Illustrator e Adobe XD: http://www.adobe.com/br/products/xd.html
● Sketch, apenas para Mac OS: https://www.sketchapp.com/
● Axure: https://www.axure.com/
● Balsamiq: https://balsamiq.com/
● Framer: https://framer.com/
● Invision: https://www.invisionapp.com
● POP: https://marvelapp.com/pop/
● Marvel: https://marvelapp.com/
● UXPin: https://www.uxpin.com/

34. Wireframing

35. Storyboarding
● Contam uma história sobre usuários utilizando o
seu produto/serviço.

36. E agora?

37. Avaliação
● Avaliação Heurística
● Avaliação por Pares
● Teste de usabilidade
● Principios de design de norman
● Leis de Maeda
● Testes A/B
Saiba mais:
● https://www.usability.gov/how-to-and-tools/methods/usability-testing.html

38. E os critérios ?
● Não é gosto pessoal!!!
● Heuristicas de Nielsen -
http://blog.caelum.com.br/10-heuristicas-de-nielsen-uma-formula-pra-evitar-
erros-basicos-de-usabilidade/
● Principios de design de Don
Norman-https://uxdesign.blog.br/don-norman-e-seus-princ%C3%ADpios-de
-design-fe063669184d
● As leis de Maeda: http://lawsofsimplicity.com/

39. Principios de design de Don Norman
● Não é gosto pessoal!!!
● Heuristicas de Nielsen -
http://blog.caelum.com.br/10-heuristicas-de-nielsen-uma-formula-pra-evitar-
erros-basicos-de-usabilidade/
● Principios de design de Don
Norman-https://uxdesign.blog.br/don-norman-e-seus-princ%C3%ADpios-de
-design-fe063669184d
● As leis de Maeda: http://lawsofsimplicity.com/

41. OK, then let´s design and think!!!

42. Resultados