Craft Solution using Design Thinking

This was presented during RGB Training – UI/UX Workshop, a collaboration between Software Engineering and Database Research Laboratory, November 2017.

1. Presented on RGB Training – UI/UX Workshop, a collaboration between Software Engineering and Database Research Laboratory, Telkom University Craft Solution using Design Thinking Craft Solution using Design Thinking @afnizarnur
2. Hi there ! , I’m Afnizar
3. Table of Contents Table of Contents - What is Design Thinking - Why we learn Design Thinking? - Design Thinking Process - Hands on Design Thinking
4. What is design thinking?
6. “Design thinking is a human-centered approach to innovation that draws from the designer’s toolkit to integrate the needs of people, the possibilities of technology, and the requirements for business success.” Tim Brown, president and CEO, IDEO
7. Craft Solution using Design Thinking @afnizarnur Design Thinking is a foundation, a philosophy, a toolkit for innovation
8. Craft Solution using Design Thinking @afnizarnur The truth about innovation is that it’s all about people. We’re people creating things for people
9. Why learn design thinking?
10. To create a product, service, or experience that people want (desirability), has real potential to become useful (viability), and can easily or conveniently be built in terms of technology (feasibility). VIABILITY DESIRABILITY FEASIBILITY INNOVATION
11. Craft Solution using Design Thinking @afnizarnur It’s important to stay focused on one phase at a time. And iterate fast.
12. “Creativity is the habit of continually doing things in new ways to make a positive difference to our life” Dan Nessle, Hyper Island, 2015 https://medium.com/digital-experience-design/design-thinking-creativity-at-hyper-island-53d41fc359cc
13. Design Thinking Process
14. https://blogs.adobe.com/creativecloud/design-thinking-a-manual-for-innovation/
15. But before that
16. Craft Solution using Design Thinking @afnizarnur Every participants unite as a group, do introduction again, it’s okay if you’re already know each other.
17. Empathize Empathize Empathize Empathize
18. Craft Solution using Design Thinking @afnizarnur Empathize is the ability to put yourself in someone else’s shoes to start “seeing” things through his/her eyes.
19. Why we empathize
20. Craft Solution using Design Thinking @afnizarnur Information is gathered at this stage to use during the next stage and to develop the best possible understanding of the users, their needs, and the problems.
21. 1. Interviews 2. Observation 3. Experience Build Empathy Craft Solution using Design Thinking @afnizarnur
22. 5 Whys
23. 5 Whys is an iterative interrogative technique used to explore the cause-and- effect relationships underlying a particular problem. https://en.wikipedia.org/wiki/5_Whys
24. It states that if you ask “Why?” 5 times, you can get to the root of any problem.
25. Aku putus sama pacarku. (the problem) 1. Why? - Dia nggak bales chatku. (First why) 2. Why? - Dia sibuk dengan kegiatannya. (Second why) 3. Why? - Dia ingin fokus. (Third why) 4. Why? - Agar dia tidak merasa terganggu. (Fourth why) 5. Why? - Prioritas utamanya adalah kegiatannya. (Fifth why, a root cause)
26. Let’s start conducting the Interviews!
27. https://blogs.adobe.com/creativecloud/design-thinking-a-manual-for-innovation/
28. 10 Minutes
29. After that, let’s discuss about the need and get insights! Craft Solution using Design Thinking @afnizarnur
30. 5 Minutes
31. Define Define Define Define Define Define Define Define De De De De De De De De ne ne ne ne ne ne ne ne
32. Craft Solution using Design Thinking @afnizarnur - Define the point of view - Define the key problem Define has 2 stages
33. To define, or re-define, the problem or challenge, a point of view (PoV) formula can help: PoV = persona + need + insight Define the point of view
34. “Ara, a senior data scientist who loves to delight stakeholder with a well-designed report, because she felt the reports that have been there before is very uninteresting and hard to read." Example of point of view
35. 4 Minutes
36. Example: - Easy to use app - Design at the speed - Performance and quality - Meaningful workflows Define Key Problem
37. 4 Minutes
38. Why we define
39. The Define stage will help the designers in your team gather great ideas to establish features, functions, and any other elements that will allow them to solve the problems or, at the very least, allow users to resolve issues themselves with the minimum of difficulty. Craft Solution using Design Thinking @afnizarnur
40. Ideate Ideate Ideate Ideate Ide Ide Ide Ide te te te te
41. Craft Solution using Design Thinking @afnizarnur - Diverge (Make as many choices / solutions as possible) - Converge (Select an option) The ideation has 2 stages
42. Example: - Create an app with built-in graphical chart template - Create an AI that understand the report needs Diverge (Make as many choices / solutions as possible)
43. 5 Minutes
44. Write down all ideas and please keep silent!
45. 5 Minutes
46. Discuss the ideas
47. Converge (Select an option)
48. Please, thinker master guide your friend to choose the best idea.
49. "If a picture is worth 1000 words, a prototype is worth 1000 meetings." - John Maeda
50. Prototype Prototype Prototype Prototype
51. Craft Solution using Design Thinking @afnizarnur A prototype is an amazing tool to help you fail fast to learn fast.
52. https://www.smashingmagazine.com/2016/08/prototyping-for-success/
53. We build prototypes to learn, solve conflicting ideas, start conversations and manage the building process. Craft Solution using Design Thinking @afnizarnur
54. Crazy Eights
55. https://library.gv.com/the-product-design-sprint-diverge-day-2-c7a5df8e7cd0
56. When you want people to ideate quickly on an theme, Crazy Eights is a fantastic technique! Craft Solution using Design Thinking @afnizarnur
57. Start by sketching the ideas we got from ideate process! Don’t cheat your friends Craft Solution using Design Thinking @afnizarnur
58. 10 Minutes
59. Craft Solution using Design Thinking @afnizarnur After that, every people start to explain the prototype
60. 10 Minutes
61. Test Test Tes Test Test Tes Test Test Tes Test Test Tes
62. Craft Solution using Design Thinking @afnizarnur Test will help to understand what actually works and what does not.
63. Craft Solution using Design Thinking @afnizarnur Test to refine prototypes and solutions, to learn more about the user, and to test and refine our PoV.
64. Usability Testing
65. Craft Solution using Design Thinking @afnizarnur Choose goal-based tasks Step 1
66. Craft Solution using Design Thinking @afnizarnur Write down the top five user goals on your solution
67. 5 Minutes
68. Craft Solution using Design Thinking @afnizarnur Write scenarios Step 2
69. Task: Search an item you want to buy Scenario: Imagine you are a student from Telkom University. You’ve decided to create an social event for your class. Try to find some item that you need for your event. Example Craft Solution using Design Thinking @afnizarnur
70. 5 Minutes
71. Craft Solution using Design Thinking @afnizarnur Find the Participants Step 3
72. Craft Solution using Design Thinking @afnizarnur Start Testing! Step 4
73. 10 Minutes
74. Craft Solution using Design Thinking @afnizarnur When testing is complete go back to one of the previous phases and keep iterating, one phase at a time.
75. trust the process and have fun!
76. Thank you Thank you
77. Feel free to ask me any question @afnizarnur afnizarnur.com