1. A MediaLAB workshop
Design
Making your ideas real!
Marco van Hout @demadera m.van.hout@hva.nl
Wednesday, April 10, 13

2. Human Centered
Each of the projects has a human focus (user experience is vital)
Wednesday, April 10, 13

3. 3 lenses
of Human Centered Design
Wednesday, April 10, 13

4. Ref: IDEO HCD Toolkit
Wednesday, April 10, 13

5. Ref: IDEO HCD Toolkit
Wednesday, April 10, 13

6. Desirability
A focus on emotions and the user experience
Wednesday, April 10, 13

7. Emotions
How emotions emerged in the design discourse
Wednesday, April 10, 13

8. Evolution in ‘making the difference’ for consumers
Wednesday, April 10, 13

9. Emergence
An interest in the user experience, in order to...
Wednesday, April 10, 13

10. Engaging
Creating engagement by focusing not only on beauty, but also on beautiful interactions
Wednesday, April 10, 13

11. Ease of Use
Improve the ease of use of products, with a focus on emotion
Wednesday, April 10, 13

12. Authenticity
Making products that fit people’s real needs (meaningful)
Wednesday, April 10, 13

13. A short sidetrack: Love
User Experience as a phenomenon
Wednesday, April 10, 13

14. User Experience
As a phenomenon. What it is not, and what it is.
Wednesday, April 10, 13

15. UX: what it is NOT
Wednesday, April 10, 13

16. Just usability
Tasks, performance, errors etc. do not say anything about the user’s perception
Wednesday, April 10, 13

17. Isolation
UX is not about an isolated user, but exists in social and cultural context
Wednesday, April 10, 13

18. Just in time
UX is not only about the ‘now’, but influenced by prior experiences and expectations
Wednesday, April 10, 13

19. UX: what it is
Wednesday, April 10, 13

20. Experience
User experience is a subset of experience in general
Wednesday, April 10, 13

21. ‣ 1
Experience. We can all relate to it... as we all experience the world around us
Wednesday, April 10, 13

22. ‣ 2
However simple to undergo, experience is a complex concept to understand
Wednesday, April 10, 13

23. ‣ 3
User Experience is more specific, as it relates to experience of using a system
Wednesday, April 10, 13

24. Use
Also includes a more passive way such as observing someone using the system
Wednesday, April 10, 13

25. Hassenzahl (2010)
‣ Properties of UX
Wednesday, April 10, 13

26. ‣ Subjective
Experience is subjective: mere product qualities need to be perceived
Wednesday, April 10, 13

27. ‣ Holistic
Experience is holistic: be, do, motor goals
Wednesday, April 10, 13

28. ‣ Situated
Experience is situated: highly dependent of context
Wednesday, April 10, 13

29. ‣ Dynamic
Experience is dynamic - over time > orientation, incorporation and identification
Wednesday, April 10, 13

30. ‣ Pleasure and Pain
Worthwile: Experience can be both beneficial or harmful to our personal concerns
Wednesday, April 10, 13

31. Sy Ex Us
UX: what it is
It happens between the system and the user
Wednesday, April 10, 13

32. Sy Ex Us
Design
UX: what it is
It happens between the system and the user
Wednesday, April 10, 13

33. Sy Ex Us
Design
UX: what it is
It happens between the system and the user
Wednesday, April 10, 13

34. Sy Ex Us
Design Measure
UX: what it is
It happens between the system and the user
Wednesday, April 10, 13

35. Sy Ex Us
Affecting factors
Factors that are affecting the User Experience
Wednesday, April 10, 13

36. Sy Ex Us
Design
Affecting factors
Factors that are affecting the User Experience
Wednesday, April 10, 13

37. Sy Ex Us
Design
Affecting factors
Factors that are affecting the User Experience
Wednesday, April 10, 13

38. Sy Ex Us
Design Measure
Affecting factors
Factors that are affecting the User Experience
Wednesday, April 10, 13

39. Social context
Context
Physical context
‣ Task context
The UX may change when the context changes Technical context
Wednesday, April 10, 13

40. Motivation
User
Mood
‣ Resources
The person experiencing the system is dynamic, and so is the UX Expectations
Wednesday, April 10, 13

41. System
Designed properties
‣ User added properties
Perception of the system’s properties influence the UX Brand image
Wednesday, April 10, 13

42. Time spans of UX
When, what and how
Wednesday, April 10, 13

43. When Before usage During usage After usage Over time
Anticipated UX Momentary UX Episodic UX Cumulative UX
What
Recollecting
Imagining Experiencing Reflecting on an multiple periods of
How experience experience use.
UX white paper
Wednesday, April 10, 13

44. Design process
of Human Centered Design
Wednesday, April 10, 13

45. Ref: IDEO HCD Toolkit
Wednesday, April 10, 13

46. Wednesday, April 10, 13

47. Wednesday, April 10, 13

48. this is NOT you (yet)
this is you
Wednesday, April 10, 13

49. Create
Making ideas real
Wednesday, April 10, 13

50. There are four key activities in this phase:
Synthesis
Brainstorming
Prototyping
Feedback
Wednesday, April 10, 13

51. There are four key activities in this phase:
Synthesis
Brainstorming
Prototyping
Feedback
Wednesday, April 10, 13

52. Today
three exercises to make your ideas more real
Wednesday, April 10, 13

53. There are four key activities in this phase:
Synthesis
Brainstorming
Prototyping
Feedback
Wednesday, April 10, 13

54. #1
Are you sure about your concepts, I mean empathically?
Wednesday, April 10, 13

55. #1 A
We’re gonna check, with a ‘Why-How laddering’ exercise
Wednesday, April 10, 13

56. Abstract Concrete
Ref: Stanford D-School
Wednesday, April 10, 13

57. #1 B
What do your users say, do, think and feel? Do your
concepts provide or support that?
Wednesday, April 10, 13

58. #1 B
We’re gonna check, with an ‘Empathy Map’ exercise
Wednesday, April 10, 13

59. What do they say? What do they think?
What do they do? What do they feel?
Wednesday, April 10, 13

60. #2
Making your concepts feel real
Wednesday, April 10, 13

61. #2
Divide your team in two groups Roleplaying
Each group choses a concept
Make that concept real with: Pen, paper, tape, etc.
Have the other group act as users and give feedback
Wednesday, April 10, 13

62. Next/
How can you gather valuable feedback in the design process?
Wednesday, April 10, 13

63. #1
Have ‘extreme users’ work with your prototypes
Document their feedback
http://dschool.stanford.edu/wp-content/themes/dschool/method-cards/extreme-users.pdf
Wednesday, April 10, 13

64. #2
Use ‘prototyping for empathy’ to actually increase acceptance
http://dschool.stanford.edu/wp-content/themes/dschool/method-cards/prototype-for-empathy.pdf
Wednesday, April 10, 13

65. #3
Use ‘participatory co-design’ to get the designs closer to user needs
http://www.hcdconnect.org/methods/participatory-co-design
Wednesday, April 10, 13

66. #4
Organise feedback sessions!
Wednesday, April 10, 13

67. TIP!
Don’t invest too much time perfecting the ideas before feedback.
The point is to change the solutions, not to prove that they are perfect. The
best feedback is that which makes you rethink and redesign
Wednesday, April 10, 13

68. TIP!
Use several prototypes in order to get people to really be critical about
them (they usually aren’t when there is only one available).
Wednesday, April 10, 13

69. TIP!
Keep careful notes of the feedback, both positive and negative, and the new
questions the team needs to answer about the solution.
Wednesday, April 10, 13

70. Now get to work :-)
Design
Making your ideas real!
Marco van Hout @demadera m.van.hout@hva.nl
Wednesday, April 10, 13