Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Introduction to User Experience

Megan Erin Miller
April 02, 2016
Design
0
230

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

Megan Erin Miller

April 02, 2016
Tweet

More Decks by Megan Erin Miller

See All by Megan Erin Miller
Co-Creating through Conflict: The hidden power of service design
meganerinmiller
1
140
Design Thinking: A jargon-free guide on how to focus on your users
meganerinmiller
0
110
Introduction to Service Design
meganerinmiller
2
1k
Going beyond the product: Designing for service
meganerinmiller
0
460
The Mysterious Craft of Qualitative Design Research
meganerinmiller
1
940
Year One of the University IT Service Design Team
meganerinmiller
0
190
Getting Started in Service Design
meganerinmiller
0
850
Making the Leap: Building service design capability in yourself and your organization
meganerinmiller
2
610
Design for Service
meganerinmiller
1
130

Other Decks in Design

See All in Design
Кирилл Семушин — Дизайн в Ozon
ozontech
0
860
The Sound of a Soul
ohtristanart
PRO
0
520
保育中心設計でつくる保育ICTの裏側
hiro93n
0
280
DR2023 Debbie Levvit - Don't Democratize UX Research - And Governance For Those Doing It
uxaustralia
PRO
0
180
未来をデザインするDesignOps / DesignOpsMeets #1
takeshiinotsume
3
700
Graphic design and UI/UX
dmitry_tolonen
0
1.5k
組織に合わせた UXリサーチ浸透の取り組み
nishina
0
400
業務システムのUI設計・改善の勘所。ノンデザイナー向けに基礎から解説
ncdc
1
660
セキュリティとデザイン
takumma
3
1.5k
ToTheWild_Animatic
greensmile
0
320
サイボウズ デザイン＆リサーチ紹介
m_ma2i
0
160
DR2023 Jessica Crisp - So What? Connecting Research to Value
uxaustralia
PRO
0
140

Featured

See All Featured
The Invisible Side of Design
smashingmag
292
49k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
32
8.3k
Into the Great Unknown - MozCon
thekraken
6
480
Understanding Cognitive Biases in Performance Measurement
bluesmoon
3
540
Designing for humans not robots
tammielis
245
24k
Keith and Marios Guide to Fast Websites
keithpitt
407
21k
Documentation Writing (for coders)
carmenintech
53
3.1k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
226
16k
No one is an island. Learnings from fostering a developers community.
thoeni
13
1.7k
Robots, Beer and Maslow
schacon
154
7.5k
Designing Experiences People Love
moore
130
22k
What’s in a name? Adding method to the madness
productmarketing
PRO
14
2.1k

Transcript

  1. Introduction to
    User Experience
    Stanford Drupal Camp, April 1, 2016
    Megan Miller // @meganerinmiller
    Senior Service Designer, Stanford University IT

    View Slide

  2. You know it
    when you
    experience it.

    View Slide

  3. Bad UX…

    View Slide

  4. Confusing.
    Frustrating.
    Impossible.
    Makes me feel stupid.

    View Slide

  5. Great UX…

    View Slide

  6. Intuitive.
    Satisfying.
    Delightful.
    Makes me feel great.

    View Slide

  7. What is
    User Experience?

    View Slide

  8. User Experience

    View Slide

  9. User Experience

    View Slide

  10. User
    People

    View Slide

  11. User
    People
    Person

    View Slide

  12. User
    People
    Person
    Sally

    View Slide

  13. User
    People
    Person
    Sally
    My grandma

    View Slide

  14. User
    People
    Person
    Sally
    My grandma
    My 2-year-old son

    View Slide

  15. Humans

    View Slide

  16. Humans
    Emotions

    View Slide

  17. Humans
    Emotions
    Perceptions

    View Slide

  18. Humans
    Emotions
    Perceptions
    Expectations

    View Slide

  19. Humans
    Emotions
    Perceptions
    Expectations
    Thoughts

    View Slide

  20. Humans
    Emotions
    Perceptions
    Expectations
    Thoughts
    Actions

    View Slide

  21. Humans
    Emotions
    Perceptions
    Expectations
    Thoughts
    Actions
    Abilities and Disabilities

    View Slide

  22. Design for
    Human
    Experience

    View Slide

  23. User Experience

    View Slide

  24. Experience
    All these dimensions…

    View Slide

  25. Experience
    All these dimensions…
    Through time…

    View Slide

  26. Experience
    All these dimensions…
    Through time…
    In context.

    View Slide

  27. A story…

    View Slide

  28. View Slide

  29. View Slide

  30. View Slide

  31. View Slide

  32. View Slide

  33. View Slide

  34. View Slide

  35. View Slide

  36. View Slide

  37. View Slide

  38. View Slide

  39. View Slide

  40. View Slide

  41. Context
    Hungry
    Wants pancakes
    On mobile phone

    View Slide

  42. Dimensions
    Doing
    Thinking
    Feeling

    View Slide

  43. Experience
    Her journey trying
    to find pancakes.

    View Slide

  44. Thinking / Feeling / Doing

    View Slide

  45. Thinking / Feeling / Doing

    View Slide

  46. Thinking: Just what I want!
    Feeling: Relief, excitement.
    Doing: Clicking as fast as possible.

    View Slide

  47. Thinking / Feeling / Doing

    View Slide

  48. Thinking: I’m outta here.
    Feeling: Anger, frustration.
    Doing: Abort. Go back until stable.

    View Slide

  49. User Experience

    View Slide

  50. At every moment…
    Emotions
    Perceptions
    Expectations
    Thoughts
    Actions
    Abilities and Disabilities

    View Slide

  51. Your Website

    View Slide

  52. The experience
    starts before
    your site.

    View Slide

  53. It starts with the
    user’s goal.

    View Slide

  54. View Slide

  55. The heart of UX
    1. Who are your users?
    2. What are their goals?
    3. How can we help?

    View Slide

  56. UX principles
    (things to stand for)
    Inspired by http://www.sitepoint.com/5-simple-ux-principles-guide-product-design/

    View Slide

  57. Make it easy.
    PRINCIPLE #1

    View Slide

  58. View Slide

  59. View Slide

  60. Make it clear.
    PRINCIPLE #2

    View Slide

  61. View Slide

  62. View Slide

  63. Build trust.
    PRINCIPLE #3

    View Slide

  64. View Slide

  65. Make it familiar.
    PRINCIPLE #4

    View Slide

  66. View Slide

  67. View Slide

  68. Strive to delight.
    PRINCIPLE #5

    View Slide

  69. View Slide

  70. 1. Make it easy
    2. Make it clear
    3. Build trust
    4. Make it familiar
    5. Strive to delight
    PRINCIPLES

    View Slide

  71. UX process
    (things to do)

    View Slide

  72. The how of UX
    User Research + Analytics
    Personas
    User Stories
    Information Architecture
    Content Strategy
    Storyboarding
    Experience Mapping
    Wireframes
    Task Flows
    Testing

    View Slide

  73. View Slide

  74. Start small.

    View Slide

  75. View Slide

  76. Start with the
    user(s), then
    define the
    experience.

    View Slide

  77. 1. Know your users
    (and what they need)
    User Research + Analytics
    Personas
    Experience Mapping

    View Slide

  78. 2. Unpack their goals
    User Stories

    View Slide

  79. 3. Hypothesize a design
    Storyboarding
    Information Architecture
    Content Strategy
    Task Flows
    Wireframes

    View Slide

  80. 4. Test your design
    Testing

    View Slide

  81. 5. Refine your design
    Storyboarding
    Information Architecture
    Content Strategy
    Task Flows
    Wireframes

    View Slide

  82. etc.

    View Slide

  83. 1. Know your users
    2. Unpack their goals
    3. Hypothesize a design
    4. Test your design
    5. Refine your design
    PROCESS

    View Slide

  84. An example…

    View Slide

  85. 1. Know your users
    2. Unpack their goals
    3. Hypothesize a design
    4. Test your design
    5. Refine your design
    PROCESS

    View Slide

  86. UX pitfalls
    (things to consider)

    View Slide

  87. “But my [boss/dean/
    colleague] wants…”
    PITFALL #1

    View Slide

  88. Delicate balance
    User goals
    Our goals for the user

    View Slide

  89. When in doubt…
    TEST TEST TEST

    View Slide

  90. “Let’s do all the UX,
    all at once!”
    PITFALL #2

    View Slide

  91. View Slide

  92. “I’m not an expert.”
    PITFALL #3

    View Slide

  93. Embrace doing
    Try, test, iterate
    Find community

    View Slide

  94. “No one is listening…
    my design isn’t getting
    implemented.”
    PITFALL #4

    View Slide

  95. Bring others along
    Engage stakeholders in
    the process
    Tell the story
    Show the value

    View Slide

  96. 1. Test Test Test
    2. Start small
    3. Embrace doing
    4. Bring others along
    STRATEGY FOR PITFALLS

    View Slide

  97. View Slide

  98. UX is no longer
    a luxury, it is a
    baseline.

    View Slide

  99. UX is everyone’s
    responsibility.

    View Slide

  100. Advocate for your
    users, and promise
    to do good.

    View Slide

  101. Remember…
    1. Who are your users?
    2. What are their goals?
    3. How can we help?

    View Slide

  102. Thanks!
    @meganerinmiller
    [email protected]

    View Slide