Introduction to User Experience

User experience design is not just for designers, it's for everyone, and everyone can benefit from learning to speak the language of UX. So, what exactly is user experience, and how should you integrate it into your next web project? In this talk, I'll be breaking down the dimensions of user experience, introduce core concepts, and outlining specific strategies and methods to apply to your next design project.

Presented at Stanford Drupal Camp, April 1, 2016

Transcript

1. Introduction to User Experience Stanford Drupal Camp, April 1, 2016 Megan Miller // @meganerinmiller Senior Service Designer, Stanford University IT
2. You know it when you experience it.
3. Bad UX…
4. Confusing. Frustrating. Impossible. Makes me feel stupid.
5. Great UX…
6. Intuitive. Satisfying. Delightful. Makes me feel great.
7. What is User Experience?
8. User Experience
9. User Experience
10. User People
11. User People Person
12. User People Person Sally
13. User People Person Sally My grandma
14. User People Person Sally My grandma My 2-year-old son
15. Humans
16. Humans Emotions
17. Humans Emotions Perceptions
18. Humans Emotions Perceptions Expectations
19. Humans Emotions Perceptions Expectations Thoughts
20. Humans Emotions Perceptions Expectations Thoughts Actions
21. Humans Emotions Perceptions Expectations Thoughts Actions Abilities and Disabilities
22. Design for Human Experience
23. User Experience
24. Experience All these dimensions…
25. Experience All these dimensions… Through time…
26. Experience All these dimensions… Through time… In context.
27. A story…
41. Context Hungry Wants pancakes On mobile phone
42. Dimensions Doing Thinking Feeling
43. Experience Her journey trying to find pancakes.
44. Thinking / Feeling / Doing
45. Thinking / Feeling / Doing
46. Thinking: Just what I want! Feeling: Relief, excitement. Doing: Clicking as fast as possible.
47. Thinking / Feeling / Doing
48. Thinking: I’m outta here. Feeling: Anger, frustration. Doing: Abort. Go back until stable.
49. User Experience
50. At every moment… Emotions Perceptions Expectations Thoughts Actions Abilities and Disabilities
51. Your Website
52. The experience starts before your site.
53. It starts with the user’s goal.
55. The heart of UX 1. Who are your users? 2. What are their goals? 3. How can we help?
56. UX principles (things to stand for) Inspired by http://www.sitepoint.com/5-simple-ux-principles-guide-product-design/
57. Make it easy. PRINCIPLE #1
60. Make it clear. PRINCIPLE #2
63. Build trust. PRINCIPLE #3
65. Make it familiar. PRINCIPLE #4
68. Strive to delight. PRINCIPLE #5
70. 1. Make it easy 2. Make it clear 3. Build trust 4. Make it familiar 5. Strive to delight PRINCIPLES
71. UX process (things to do)
72. The how of UX User Research + Analytics Personas User Stories Information Architecture Content Strategy Storyboarding Experience Mapping Wireframes Task Flows Testing
74. Start small.
76. Start with the user(s), then define the experience.
77. 1. Know your users (and what they need) User Research + Analytics Personas Experience Mapping
78. 2. Unpack their goals User Stories
79. 3. Hypothesize a design Storyboarding Information Architecture Content Strategy Task Flows Wireframes
80. 4. Test your design Testing
81. 5. Refine your design Storyboarding Information Architecture Content Strategy Task Flows Wireframes
82. etc.
83. 1. Know your users 2. Unpack their goals 3. Hypothesize a design 4. Test your design 5. Refine your design PROCESS
84. An example…
85. 1. Know your users 2. Unpack their goals 3. Hypothesize a design 4. Test your design 5. Refine your design PROCESS
86. UX pitfalls (things to consider)
87. “But my [boss/dean/ colleague] wants…” PITFALL #1
88. Delicate balance User goals Our goals for the user
89. When in doubt… TEST TEST TEST
90. “Let’s do all the UX, all at once!” PITFALL #2
92. “I’m not an expert.” PITFALL #3
93. Embrace doing Try, test, iterate Find community
94. “No one is listening… my design isn’t getting implemented.” PITFALL #4
95. Bring others along Engage stakeholders in the process Tell the story Show the value
96. 1. Test Test Test 2. Start small 3. Embrace doing 4. Bring others along STRATEGY FOR PITFALLS
98. UX is no longer a luxury, it is a baseline.
99. UX is everyone’s responsibility.
100. Advocate for your users, and promise to do good.
101. Remember… 1. Who are your users? 2. What are their goals? 3. How can we help?
102. Thanks! @meganerinmiller meganem@stanford.edu