Craft Solution using Design Thinking

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

Hi there ! , I’m Afnizar

Slide 3

Slide 3 text

Table of Contents Table of Contents - What is Design Thinking - Why we learn Design Thinking? - Design Thinking Process - Hands on Design Thinking

Slide 4

Slide 4 text

What is design thinking?

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

“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

Slide 7

Slide 7 text

Craft Solution using Design Thinking @afnizarnur Design Thinking is a foundation, a philosophy, a toolkit for innovation

Slide 8

Slide 8 text

Craft Solution using Design Thinking @afnizarnur The truth about innovation is that it’s all about people. We’re people creating things for people

Slide 9

Slide 9 text

Why learn design thinking?

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

Craft Solution using Design Thinking @afnizarnur It’s important to stay focused on one phase at a time. And iterate fast.

Slide 12

Slide 12 text

“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

Slide 13

Slide 13 text

Design Thinking Process

Slide 14

Slide 14 text

https://blogs.adobe.com/creativecloud/design-thinking-a-manual-for-innovation/

Slide 15

Slide 15 text

But before that

Slide 16

Slide 16 text

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.

Slide 17

Slide 17 text

Empathize Empathize Empathize Empathize

Slide 18

Slide 18 text

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.

Slide 19

Slide 19 text

Why we empathize

Slide 20

Slide 20 text

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.

Slide 21

Slide 21 text

1. Interviews 2. Observation 3. Experience Build Empathy Craft Solution using Design Thinking @afnizarnur

Slide 22

Slide 22 text

5 Whys

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

It states that if you ask “Why?” 5 times, you can get to the root of any problem.

Slide 25

Slide 25 text

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)

Slide 26

Slide 26 text

Let’s start conducting the Interviews!

Slide 27

Slide 27 text

https://blogs.adobe.com/creativecloud/design-thinking-a-manual-for-innovation/

Slide 28

Slide 28 text

10 Minutes

Slide 29

Slide 29 text

After that, let’s discuss about the need and get insights! Craft Solution using Design Thinking @afnizarnur

Slide 30

Slide 30 text

5 Minutes

Slide 31

Slide 31 text

Define Define Define Define Define Define Define Define De De De De De De De De ne ne ne ne ne ne ne ne

Slide 32

Slide 32 text

Craft Solution using Design Thinking @afnizarnur - Define the point of view - Define the key problem Define has 2 stages

Slide 33

Slide 33 text

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

Slide 34

Slide 34 text

“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

Slide 35

Slide 35 text

4 Minutes

Slide 36

Slide 36 text

Example: - Easy to use app - Design at the speed - Performance and quality - Meaningful workflows Define Key Problem

Slide 37

Slide 37 text

4 Minutes

Slide 38

Slide 38 text

Why we define

Slide 39

Slide 39 text

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

Slide 40

Slide 40 text

Ideate Ideate Ideate Ideate Ide Ide Ide Ide te te te te

Slide 41

Slide 41 text

Craft Solution using Design Thinking @afnizarnur - Diverge (Make as many choices / solutions as possible) - Converge (Select an option) The ideation has 2 stages

Slide 42

Slide 42 text

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)

Slide 43

Slide 43 text

5 Minutes

Slide 44

Slide 44 text

Write down all ideas and please keep silent!

Slide 45

Slide 45 text

5 Minutes

Slide 46

Slide 46 text

Discuss the ideas

Slide 47

Slide 47 text

Converge (Select an option)

Slide 48

Slide 48 text

Please, thinker master guide your friend to choose the best idea.

Slide 49

Slide 49 text

"If a picture is worth 1000 words, a prototype is worth 1000 meetings." - John Maeda

Slide 50

Slide 50 text

Prototype Prototype Prototype Prototype

Slide 51

Slide 51 text

Craft Solution using Design Thinking @afnizarnur A prototype is an amazing tool to help you fail fast to learn fast.

Slide 52

Slide 52 text

https://www.smashingmagazine.com/2016/08/prototyping-for-success/

Slide 53

Slide 53 text

We build prototypes to learn, solve conflicting ideas, start conversations and manage the building process. Craft Solution using Design Thinking @afnizarnur

Slide 54

Slide 54 text

Crazy Eights

Slide 55

Slide 55 text

https://library.gv.com/the-product-design-sprint-diverge-day-2-c7a5df8e7cd0

Slide 56

Slide 56 text

When you want people to ideate quickly on an theme, Crazy Eights is a fantastic technique! Craft Solution using Design Thinking @afnizarnur

Slide 57

Slide 57 text

Start by sketching the ideas we got from ideate process! Don’t cheat your friends Craft Solution using Design Thinking @afnizarnur

Slide 58

Slide 58 text

10 Minutes

Slide 59

Slide 59 text

Craft Solution using Design Thinking @afnizarnur After that, every people start to explain the prototype

Slide 60

Slide 60 text

10 Minutes

Slide 61

Slide 61 text

Test Test Tes Test Test Tes Test Test Tes Test Test Tes

Slide 62

Slide 62 text

Craft Solution using Design Thinking @afnizarnur Test will help to understand what actually works and what does not.

Slide 63

Slide 63 text

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.

Slide 64

Slide 64 text

Usability Testing

Slide 65

Slide 65 text

Craft Solution using Design Thinking @afnizarnur Choose goal-based tasks Step 1

Slide 66

Slide 66 text

Craft Solution using Design Thinking @afnizarnur Write down the top five user goals on your solution

Slide 67

Slide 67 text

5 Minutes

Slide 68

Slide 68 text

Craft Solution using Design Thinking @afnizarnur Write scenarios Step 2

Slide 69

Slide 69 text

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

Slide 70

Slide 70 text

5 Minutes

Slide 71

Slide 71 text

Craft Solution using Design Thinking @afnizarnur Find the Participants Step 3

Slide 72

Slide 72 text

Craft Solution using Design Thinking @afnizarnur Start Testing! Step 4

Slide 73

Slide 73 text

10 Minutes

Slide 74

Slide 74 text

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.