1. Studio Introduction to Human Computer Interaction & Design Hao-Hua Chu National Taiwan University Sept 12, *** Adapt teaching materials from the Stanford HCI course (with permission & many thanks to Prof. James Landay of Stanford)
9/22/2015

2. 60-min Crash Studio on Design Process Stanford d.school
Instead of talking about design process, you will experience it in the coming hour, as a preview to what you will work on for one-semester project
Warning: fast-paced. Not enough time to do things.
Don’t worry about being rushed/crashed innovation work.
No one will grade / judge your work from the crash course
Feel safe.
Goal: Have fun in innovate!
Also clear away your mind away from everything else.
Pay attention to YOU as the innovator, the team collaborator, the builder.
September 24, 2015
dt+UX: Design Thinking for User Experience Design, Prototyping & Evaluation

3. Brief Intro & Linear Process
Empathize is the most important step

4. (1) EMPATHIZE: Interview your partner
partner up in pairs
call partner A/B
Your challenge is to redesign the gift-giving experience for your partner．
design something to improve your partner’s (not your) experience of realizing (or not realizing) – finding – buying – giving – (not) receiving thanks … gifts
not designing a gift for your partner
The most important part of designing for someone is to gain empathy for that person.
one way to do this is to have a good conversation
September 24, 2015
dt+UX: Design Thinking for User Experience Design, Prototyping & Evaluation

5. September 24, 2015
dt+UX: Design Thinking for User Experience Design, Prototyping & Evaluation

6. (1) EMPATHIZE: Partner A Interviews B
As a starting point, ask your partner the last time/experience they gave a gift．
To whom did you give it?
Why was it meaningful?
How did you come up with the idea for the gift?
What was difficult about finding and giving this gift?
Take notes of things interesting, surprising, unusual, etc.
You have 4 minutes (then switch)
Let’s begin
CI is specific interviewing method used in needfinding
September 24, 2015
dt+UX: Design Thinking for User Experience Design, Prototyping & Evaluation

7. (1) EMPATHIZE: Dig Deeper! Partner A Interviews B
Follow up on things that are particularly interesting during the first interview.
Dig more for stories, feelings, emotion, motivation, …
Try to get your partner to cry!
You have 3 minutes (then switch)!
Let’s begin.
If your partner is feeling uneasy when talking about giving a gift to his mother, dig in. Why?
September 24, 2015
dt+UX: Design Thinking for User Experience Design, Prototyping & Evaluation

8. September 24, 2015
dt+UX: Design Thinking for User Experience Design, Prototyping & Evaluation

10. (2) Define: Capture findings
Collect your thoughts & reflect on what you have learned from your partner.
Organize your learning into two groups
your partner’s needs (goals & wishes they are trying to accomplish by giving gifts, verbs)
insights you discovered (unexpected findings)
Think about both physical and emotional needs.
Example of need show love, express themselves, be appreciated, feel importance, ...
Example of insight handmade gifts as more meaningful and personal, gifts are more about givers than receivers
Infer, guess.
The goal is to create a list. Circle the verb. Circle the emotion.
You have 3 minutes!
CI is specific interviewing method used in needfinding
September 24, 2015
dt+UX: Design Thinking for User Experience Design, Prototyping & Evaluation

11. September 24, 2015
dt+UX: Design Thinking for User Experience Design, Prototyping & Evaluation

12. (2) Define: Take a stand with a point of view
Use colorful customer characterization (e.g., 惡作劇的調皮柯景騰, 受班上男生喜歡的沈佳宜)
Select the most compelling goal
Most interesting insight (remarkable, surprising realization)
Examples of a point-of-view:
Customer: a recent college grad who just received his/her big bonus
Goals: impress his/her GF/BF
Insight: Gift-giving experience is not just about getting what receivers want, but more about givers showing who they are through gifts, i.e., IQ, social status, …, and having receivers know/ack it.
You have 3 minutes!
Statement that you’re going to address with your design. Juicy & actionable.
It should feel like a problem worth tackling.
September 24, 2015
dt+UX: Design Thinking for User Experience Design, Prototyping & Evaluation

13. September 24, 2015
dt+UX: Design Thinking for User Experience Design, Prototyping & Evaluation

15. (3) Ideate: generate alternatives to test
Rewrite their problem statement at the top of the page
Create solutions to the new challenge you have identified
Embrace your inner child at kindergarten class & draw! (No writing)
Sketch 5 or as many ideas as possible.
GO FOR QUANTITY not QUALITY. Explore solution space.
You have 5 minutes!
None of us are good artists (okay if drawings are inaccurate – may lead to misinterpretations and unexpected directions)
This is time for idea generation, not evaluation—you can evaluate your ideas later.
September 24, 2015
dt+UX: Design Thinking for User Experience Design, Prototyping & Evaluation

16. September 24, 2015
dt+UX: Design Thinking for User Experience Design, Prototyping & Evaluation

17. (3) Ideate: share your solutions
(survey the number of sketches)
Stand up and switch seat with your partners (leave your drawings on the table)
Partner A: share your sketches with Partner B
Another opportunity to learn your partner’s feelings and view, why they like or dislike your ideas, which one is good vs. not good.
Fight the urge to explain and defend your ideas. Just see what they make of them!
Spend the time listening to your partners reactions and questions. Remember Empathy
You have 5 minutes!
(then Switch)
CI is specific interviewing method used in needfinding
September 24, 2015
dt+UX: Design Thinking for User Experience Design, Prototyping & Evaluation

18. September 24, 2015
dt+UX: Design Thinking for User Experience Design, Prototyping & Evaluation

19. (3) Ideate: reflect & generate a new solution
Now, take a moment to consider what you have learned both about your partner, and about the solutions you generated.
From this new understanding of your partner and his or her needs, revise your sketch or create a new idea.
This solution may be a variation on an idea from before or something completely new. Ok to change the problem statement together.
Try to provide as much detail and color around your idea as possible.
Think:
How might this solution fit into the context of your partner’s life?
When and how might they handle or encounter your solution?
You have 3 minutes!
CI is specific interviewing method used in needfinding
September 24, 2015
dt+UX: Design Thinking for User Experience Design, Prototyping & Evaluation

20. September 24, 2015
dt+UX: Design Thinking for User Experience Design, Prototyping & Evaluation

22. (4) Prototype: Build! You have 10 minutes!
Draw/Sketch a phone-app prototype (or a physical prototype) of your solution
Include only what is required to render the intended purpose
Your partner can act and engage with the paper prototype, with you being the computer.
You have 10 minutes!
CI is specific interviewing method used in needfinding
September 24, 2015
dt+UX: Design Thinking for User Experience Design, Prototyping & Evaluation

23. September 24, 2015
dt+UX: Design Thinking for User Experience Design, Prototyping & Evaluation

25. (5) Test: Share your solution and get feedback
Show your paper prototype to your partner. You play the computer. Your partner plays the user. Your prototype is not precious, but the feedbacks and insights it draws out are precious. Don’t defend your prototype, instead, watch how your partner use or misuse the prototype it. You have 4 minutes! (then Switch)
CI is specific interviewing method used in needfinding
September 24, 2015
dt+UX: Design Thinking for User Experience Design, Prototyping & Evaluation

26. September 24, 2015
dt+UX: Design Thinking for User Experience Design, Prototyping & Evaluation

27. Group reflection & takeaways
How did engaging with a real person, testing with a real person, change the direction your prototype took? What was it like showing unfinished work to another person? How did the pace feel? Quick, iterative cycles – how did that feel relative to how you normally work? Design thinking is an iteration, self-directed process. Based on what you learned – what would you go back and do next? What would you do over again?
Look inside yourself for an answer OR seek out other people
September 24, 2015
dt+UX: Design Thinking for User Experience Design, Prototyping & Evaluation