Embed Size (px)
Citation preview
Introduction to
User Experience
Stanford Drupal Camp, April 1, 2016 Megan Miller // @meganerinmiller
Senior Service Designer, Stanford University IT
You know it when you experience it.
Bad UX…
Confusing.
Frustrating.
Impossible.
Makes me feel stupid.
Great UX…
Intuitive.
Satisfying.
Delightful.
Makes me feel great.
What is User Experience?
User Experience
User Experience
User People
User People Person
User People Person Sally
User People Person Sally My grandma
User People Person Sally My grandma My 2-year-old son
Humans
Humans Emotions
Humans Emotions Perceptions
Humans Emotions Perceptions Expectations
Humans Emotions Perceptions Expectations Thoughts
Humans Emotions Perceptions Expectations Thoughts Actions
Humans Emotions Perceptions Expectations Thoughts Actions Abilities and Disabilities
Design for Human
Experience
User Experience
Experience All these dimensions…
Experience All these dimensions… Through time…
Experience All these dimensions… Through time… In context.
A story…
Context Hungry Wants pancakes On mobile phone
Dimensions Doing Thinking Feeling
Experience Her journey trying to find pancakes.
Thinking / Feeling / Doing
Thinking / Feeling / Doing
Thinking: Just what I want! Feeling: Relief, excitement. Doing: Clicking as fast as possible.
Thinking / Feeling / Doing
Thinking: I’m outta here. Feeling: Anger, frustration. Doing: Abort. Go back until stable.
User Experience
At every moment… Emotions Perceptions Expectations Thoughts Actions Abilities and Disabilities
Your Website
The experience starts before your site.
It starts with the user’s goal.
The heart of UX 1. Who are your users? 2. What are their goals? 3. How can we help?
UX principles (things to stand for)
Inspired by http://www.sitepoint.com/5-simple-ux-principles-guide-product-design/
Make it easy.
PRINCIPLE #1
Make it clear.
PRINCIPLE #2
Build trust.
PRINCIPLE #3
Make it familiar.
PRINCIPLE #4
Strive to delight.
PRINCIPLE #5
1. Make it easy 2. Make it clear 3. Build trust 4. Make it familiar 5. Strive to delight
PRINCIPLES
UX process (things to do)
The how of UX User Research + Analytics Personas User Stories Information Architecture Content Strategy Storyboarding Experience Mapping Wireframes Task Flows Testing
Start small.
Start with the user(s), then define the experience.
1. Know your users (and what they need) User Research + Analytics Personas Experience Mapping
2. Unpack their goals User Stories
3. Hypothesize a design Storyboarding Information Architecture Content Strategy Task Flows Wireframes
4. Test your design Testing
5. Refine your design Storyboarding Information Architecture Content Strategy Task Flows Wireframes
etc.
1. Know your users 2. Unpack their goals 3. Hypothesize a design 4. Test your design 5. Refine your design
PROCESS
An example…
1. Know your users 2. Unpack their goals 3. Hypothesize a design 4. Test your design 5. Refine your design
PROCESS
UX pitfalls (things to consider)
“But my [boss/dean/colleague] wants…”
PITFALL #1
Delicate balance User goals Our goals for the user
When in doubt… TEST TEST TEST
“Let’s do all the UX, all at once!”
PITFALL #2
“I’m not an expert.”
PITFALL #3
Embrace doing Try, test, iterate Find community
“No one is listening… my design isn’t getting implemented.”
PITFALL #4
Bring others along Engage stakeholders in the process Tell the story Show the value
1. Test Test Test 2. Start small 3. Embrace doing 4. Bring others along
STRATEGY FOR PITFALLS
UX is no longer a luxury, it is a baseline.
UX is everyone’s responsibility.
Advocate for your users, and promise to do good.
Remember… 1. Who are your users? 2. What are their goals? 3. How can we help?
