SlideShare a Scribd company logo
Creating products that
     people love


          Steve Ballard
     Director of User Experience
Introductions



     Steve Ballard
Director of User Experience
What makes a successful
      product?
Why not just make products
people don’t love? It’s easier

                                             Capability
            Desirability
                             Product
                                       Viability


                           • Makes users feel stupid
                           • Causes users to make big mistakes
                           • Requires too much effort
                           • Is not engaging or enjoyable
In a mature industry, design
   innovation is essential
Believe it or not, product features
     become less important

                           happy user peak
    user happiness




                     “I Rule!”                      “Guess I better look
                                                      at the manual.”

                                                               “Where the heck
                                 “Cool!”                         did they put that?”


                             “I’m so glad they                         “Now I can’t even do the
                             added this.”                                one simple thing
                                                                          I bought this for...”
                         “Nice, but I
                         wish I could do more...”                                 “ I Suck!”


                                 number of features
Enter User Experience Design
I must stop now and address this...
DESIGN
                  (is a big word)



“Design is to design a design to produce a design”
                    – John Heskett
We design things people use
“Design is the conscious and intuitive effort to impose
 meaningful order.”
 - Victor Papanek

• Gooddesign ensures usefulness, usability and emotional
 connection

• Design   is about planning what to build before you build it

• Design   allows permission to explore

• Design   requires collaboration with the builders
Discussion

      What is design?

     How does design
happen in your organization?
What is User Experience Design?
“The user experience development process is all about
ensuring that no aspect of the user’s experience with
your site [product] happens without your conscious
explicit intent. This means taking into account every
possibility and every action the user is likely to take and
understanding the user’s expectations at every step of
the way through that process”
      – Jesse James Garrett
       The Elements of User Experience
What is User Experience Design?


                                   Visual
      Interaction
                                 Interface
        Design
                                  Design

                    Industrial
                     Design
Meet the UXD Cast?
              (more on this later)




                       UX
Interaction          Designer         Visual
 Designer                            Designer




                     Industrial
                     Designer
Meet the UXD Cast?
              (more on this later)




                                UX
Interaction                   Designer                    Visual
 Designer                                                Designer
                               Both
                                (rare)
    Designs product                      Designs products’
       behavior                          visual appearance
     (usefulness usability)              (clarity, emotion brand)
IxD      VD
                Interaction Design
“Every moment of every day millions of people send
e-mail, talk on mobile phones, instant message each
other, record TV shows with TiVo, and listen to their
iPods. All of these things are made possible by good
engineering. But it’s interaction design that makes
them usable, useful, and fun.”
       – Dan Saffer
        Designing for Interaction
What Interaction Designers Do?
User Centered Design
• User   research
                                          Interaction
• Personas                                  Design

• User   Flows & Scenarios

• Brainstorm, Ideation    Sketching

• Wireframes      Prototypes

• Usability   testing design validation
User Centered Design
 User Research
• Contextual    Inquiry (Ethnographic Interviews)

• Be    an Anthropologist

• Let   them teach you, have a beginners mind

• Go    to them, let them do the talking, take notes and photos

• Looking    for patterns in goals, behavior, environment, etc.

• Good  Designers will be suspect of surveys and focus groups
 to gather information about peoples behaviors and desires
“Any attempt to reduce human behavior to statistics is
  likely to overlook important nuances, which make an
        enormous difference to the design of products”
                                        - Alan Cooper
Our Customer Visit Photos
User Centered Design
 Personas
•A precisely defined fictional user based on the
 patterns we observed (goals being the most important)
• Provides a precise unambiguous definition     of the
  “user” (avoids the “elastic user” problem)
• Helpavoid designing for one’s self or
 designing for needs that don’t really exist
• We can more effectively design for just one
 person than for a group
•A communication tool to build commitment
 around a design
User Centered Design
Personas
“If you try to design an
automobile that pleases every
possible driver, you end up with a
car with every possible feature,
but that pleases nobody.”
- Alan Cooper
Our Personas
User Centered Design
 User Flows & Scenarios
• Clearer picture if activities are getting your persona closer to
 their actual goals or not

• Betterunderstand users’ mental (how does the user actually
 think about they way something works)

•Aprototype of words that describes what your persona’s day
 would be like using the product you imagine

• Helps stakeholders envision   what the product may be like.
  (great for getting buy-in)
Our User Flows
User Centered Design
Brainstorm, Ideation Sketching
IDEO’s 7 Rules
• Be Visual

• Defer    judgment
• Encourage Wild      Ideas
• Build   on the Ideas of Others
• Go   for Quantity
• One     Conversation at a Time
• Stay   Focused on the Topic
User Centered Design
Brainstorm, Ideation Sketching
User Centered Design
Wireframes Prototypes
Wireframing is at the heart of Interaction Design, and it’s important
          that it is done independently of Visual Design
                        and UI Development
Our Clickable Wireframes
User Centered Design
Usability Testing Validation
What Visual Designers Do?
• Design    research (brand emotion)

• Visual   Language Studies            Visual Interface
                                           Design
• Final   High-Res Screen Design

• Icon    Information Design

• Visual   Style Guide
Visual Language Studies
High-Res Screen Design
Meet the UXD Cast?
(I told you we’d come back to this)




                UX
Interaction   Designer        Visual
 Designer                    Designer
How to hire a real UX Designer
• Many designers with no UX or IxD experience are calling
  themselves UX or IxD Designers - don’t get fooled

• Great print designers often make very poor Visual Interface
  Designers

• Reach  out to them where they the real ones congregate
  (IxDA, UPA, UIE, Adaptive Path, Conferences)

• If
   they are any good they will already be employed and be
  making good money.
What to look for
• Portfolio, portfolio, portfolio
                             - that contains good examples of
 research, personas, flows and wireframes.

• Askthem to describe why they made the design decisions
 they did. Have them explain their wireframes.

• Give them a written design problem and have them sketch a
 solution - design test to uncover design thinking skills

• Ask   references specifically about IxD skills.

• Did   I mention portfolio.
Discussion

Working with Product Managers

 How do you currently work
      with designers?

   Challenges, Suggestions?
If you want to learn more
If you want to learn more

More Related Content

PPTX
Agile Dev and Lean UX
PDF
Understanding User Experience Workshop - Interlink Conference 2012
PDF
UX Week 2012
PDF
Z-Shaped Thinkers
PPTX
Multi-dimensional: Building 21st Century Experiences for Financial Outcomes
PDF
User Experience Design: It's a Thing Now
PDF
UXSG2014 Lightning Talks - The MUDD Model - Marrying UX, Design and Developme...
PDF
What I've Learned about UX Design
Agile Dev and Lean UX
Understanding User Experience Workshop - Interlink Conference 2012
UX Week 2012
Z-Shaped Thinkers
Multi-dimensional: Building 21st Century Experiences for Financial Outcomes
User Experience Design: It's a Thing Now
UXSG2014 Lightning Talks - The MUDD Model - Marrying UX, Design and Developme...
What I've Learned about UX Design

What's hot (20)

PDF
User Experience 102
PDF
Mobile Design is for Mobile Users
PPT
Design Pattern Library - Why, How, When, and Who?
PDF
UX Design Essential Theories
PDF
Wireframe and prototyping google Campus talk by Zoe Guiraudon
PPTX
A Developer’s Guide to Interaction and Interface Design
PPTX
How design decisions affect user performance
PDF
Apdf Spontaneous Invention
PDF
Dynamic Design (magazine/issue 1/fall 2015)
PDF
User Experience Design: A Primer for Marketers
PDF
Think you know your user? Think Again (Agile 2013)
PPTX
Defeating Babel: 4 Strategies for Better Design Communication in Agile
PPTX
Design Thinking
PDF
Quest for Aesthetics in a Metrics-driven Business
PDF
User Experience Architecture in a Cross-Channel World
PDF
IBM design thinking @LeanUXNYC
PDF
Rapid User Research - a talk from Agile 2013 by Aviva Rosenstein
PDF
PxS'12 - week 1 - Introduction
PDF
Why User Experience Matters
PDF
Building the User Experience Community at SDL
User Experience 102
Mobile Design is for Mobile Users
Design Pattern Library - Why, How, When, and Who?
UX Design Essential Theories
Wireframe and prototyping google Campus talk by Zoe Guiraudon
A Developer’s Guide to Interaction and Interface Design
How design decisions affect user performance
Apdf Spontaneous Invention
Dynamic Design (magazine/issue 1/fall 2015)
User Experience Design: A Primer for Marketers
Think you know your user? Think Again (Agile 2013)
Defeating Babel: 4 Strategies for Better Design Communication in Agile
Design Thinking
Quest for Aesthetics in a Metrics-driven Business
User Experience Architecture in a Cross-Channel World
IBM design thinking @LeanUXNYC
Rapid User Research - a talk from Agile 2013 by Aviva Rosenstein
PxS'12 - week 1 - Introduction
Why User Experience Matters
Building the User Experience Community at SDL
Ad

Similar to Utah PMA Quarterly Meeting, June, 2010 (20)

PDF
How Do I UX?
PDF
How Do I UX by Quick Left
PPTX
24 Hours of UX - Agile + UX: Good, Bad, Ugly
PDF
Design Thinking Dallas by Chris Bernard
PDF
Intro to User Experience
PDF
PxS’12 - week 4 - UX design techniques
PDF
Discount User Experience Design
KEY
Decrap Your Application
PDF
A New Toolbox: Artifact Providence 2013
PDF
Why Product Management and UX Design are Key to Success
PPTX
PPT
User Experience Design
PPTX
UX Influence & Innovation
PDF
What is UX Design?
PDF
Unleash Your Inner Unicorn
PDF
Dev fest ile ife 2014-ux, material design and trends
PDF
User Experience and Prototyping
PPTX
What is interaction design (IxD)
PDF
Ni week no designer, no problem
PDF
Desain Grafis 4 - UI/UX
How Do I UX?
How Do I UX by Quick Left
24 Hours of UX - Agile + UX: Good, Bad, Ugly
Design Thinking Dallas by Chris Bernard
Intro to User Experience
PxS’12 - week 4 - UX design techniques
Discount User Experience Design
Decrap Your Application
A New Toolbox: Artifact Providence 2013
Why Product Management and UX Design are Key to Success
User Experience Design
UX Influence & Innovation
What is UX Design?
Unleash Your Inner Unicorn
Dev fest ile ife 2014-ux, material design and trends
User Experience and Prototyping
What is interaction design (IxD)
Ni week no designer, no problem
Desain Grafis 4 - UI/UX
Ad

Recently uploaded (20)

PPTX
Spectroscopy.pptx food analysis technology
PPTX
Understanding_Digital_Forensics_Presentation.pptx
PDF
Advanced Soft Computing BINUS July 2025.pdf
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PDF
cuic standard and advanced reporting.pdf
PPT
Teaching material agriculture food technology
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PDF
Spectral efficient network and resource selection model in 5G networks
PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PDF
Machine learning based COVID-19 study performance prediction
PDF
NewMind AI Weekly Chronicles - August'25 Week I
PDF
Sensors and Actuators in IoT Systems using pdf
PDF
GDG Cloud Iasi [PUBLIC] Florian Blaga - Unveiling the Evolution of Cybersecur...
PPTX
MYSQL Presentation for SQL database connectivity
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PDF
Advanced IT Governance
PDF
Bridging biosciences and deep learning for revolutionary discoveries: a compr...
Spectroscopy.pptx food analysis technology
Understanding_Digital_Forensics_Presentation.pptx
Advanced Soft Computing BINUS July 2025.pdf
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
cuic standard and advanced reporting.pdf
Teaching material agriculture food technology
Diabetes mellitus diagnosis method based random forest with bat algorithm
Spectral efficient network and resource selection model in 5G networks
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
The Rise and Fall of 3GPP – Time for a Sabbatical?
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Machine learning based COVID-19 study performance prediction
NewMind AI Weekly Chronicles - August'25 Week I
Sensors and Actuators in IoT Systems using pdf
GDG Cloud Iasi [PUBLIC] Florian Blaga - Unveiling the Evolution of Cybersecur...
MYSQL Presentation for SQL database connectivity
20250228 LYD VKU AI Blended-Learning.pptx
Advanced methodologies resolving dimensionality complications for autism neur...
Advanced IT Governance
Bridging biosciences and deep learning for revolutionary discoveries: a compr...

Utah PMA Quarterly Meeting, June, 2010

  • 1. Creating products that people love Steve Ballard Director of User Experience
  • 2. Introductions Steve Ballard Director of User Experience
  • 3. What makes a successful product?
  • 4. Why not just make products people don’t love? It’s easier Capability Desirability Product Viability • Makes users feel stupid • Causes users to make big mistakes • Requires too much effort • Is not engaging or enjoyable
  • 5. In a mature industry, design innovation is essential
  • 6. Believe it or not, product features become less important happy user peak user happiness “I Rule!” “Guess I better look at the manual.” “Where the heck “Cool!” did they put that?” “I’m so glad they “Now I can’t even do the added this.” one simple thing I bought this for...” “Nice, but I wish I could do more...” “ I Suck!” number of features
  • 8. I must stop now and address this...
  • 9. DESIGN (is a big word) “Design is to design a design to produce a design” – John Heskett
  • 10. We design things people use “Design is the conscious and intuitive effort to impose meaningful order.” - Victor Papanek • Gooddesign ensures usefulness, usability and emotional connection • Design is about planning what to build before you build it • Design allows permission to explore • Design requires collaboration with the builders
  • 11. Discussion What is design? How does design happen in your organization?
  • 12. What is User Experience Design? “The user experience development process is all about ensuring that no aspect of the user’s experience with your site [product] happens without your conscious explicit intent. This means taking into account every possibility and every action the user is likely to take and understanding the user’s expectations at every step of the way through that process” – Jesse James Garrett The Elements of User Experience
  • 13. What is User Experience Design? Visual Interaction Interface Design Design Industrial Design
  • 14. Meet the UXD Cast? (more on this later) UX Interaction Designer Visual Designer Designer Industrial Designer
  • 15. Meet the UXD Cast? (more on this later) UX Interaction Designer Visual Designer Designer Both (rare) Designs product Designs products’ behavior visual appearance (usefulness usability) (clarity, emotion brand)
  • 16. IxD VD Interaction Design “Every moment of every day millions of people send e-mail, talk on mobile phones, instant message each other, record TV shows with TiVo, and listen to their iPods. All of these things are made possible by good engineering. But it’s interaction design that makes them usable, useful, and fun.” – Dan Saffer Designing for Interaction
  • 17. What Interaction Designers Do? User Centered Design • User research Interaction • Personas Design • User Flows & Scenarios • Brainstorm, Ideation Sketching • Wireframes Prototypes • Usability testing design validation
  • 18. User Centered Design User Research • Contextual Inquiry (Ethnographic Interviews) • Be an Anthropologist • Let them teach you, have a beginners mind • Go to them, let them do the talking, take notes and photos • Looking for patterns in goals, behavior, environment, etc. • Good Designers will be suspect of surveys and focus groups to gather information about peoples behaviors and desires
  • 19. “Any attempt to reduce human behavior to statistics is likely to overlook important nuances, which make an enormous difference to the design of products” - Alan Cooper
  • 21. User Centered Design Personas •A precisely defined fictional user based on the patterns we observed (goals being the most important) • Provides a precise unambiguous definition of the “user” (avoids the “elastic user” problem) • Helpavoid designing for one’s self or designing for needs that don’t really exist • We can more effectively design for just one person than for a group •A communication tool to build commitment around a design
  • 22. User Centered Design Personas “If you try to design an automobile that pleases every possible driver, you end up with a car with every possible feature, but that pleases nobody.” - Alan Cooper
  • 24. User Centered Design User Flows & Scenarios • Clearer picture if activities are getting your persona closer to their actual goals or not • Betterunderstand users’ mental (how does the user actually think about they way something works) •Aprototype of words that describes what your persona’s day would be like using the product you imagine • Helps stakeholders envision what the product may be like. (great for getting buy-in)
  • 26. User Centered Design Brainstorm, Ideation Sketching IDEO’s 7 Rules • Be Visual • Defer judgment • Encourage Wild Ideas • Build on the Ideas of Others • Go for Quantity • One Conversation at a Time • Stay Focused on the Topic
  • 27. User Centered Design Brainstorm, Ideation Sketching
  • 28. User Centered Design Wireframes Prototypes Wireframing is at the heart of Interaction Design, and it’s important that it is done independently of Visual Design and UI Development
  • 30. User Centered Design Usability Testing Validation
  • 31. What Visual Designers Do? • Design research (brand emotion) • Visual Language Studies Visual Interface Design • Final High-Res Screen Design • Icon Information Design • Visual Style Guide
  • 34. Meet the UXD Cast? (I told you we’d come back to this) UX Interaction Designer Visual Designer Designer
  • 35. How to hire a real UX Designer • Many designers with no UX or IxD experience are calling themselves UX or IxD Designers - don’t get fooled • Great print designers often make very poor Visual Interface Designers • Reach out to them where they the real ones congregate (IxDA, UPA, UIE, Adaptive Path, Conferences) • If they are any good they will already be employed and be making good money.
  • 36. What to look for • Portfolio, portfolio, portfolio - that contains good examples of research, personas, flows and wireframes. • Askthem to describe why they made the design decisions they did. Have them explain their wireframes. • Give them a written design problem and have them sketch a solution - design test to uncover design thinking skills • Ask references specifically about IxD skills. • Did I mention portfolio.
  • 37. Discussion Working with Product Managers How do you currently work with designers? Challenges, Suggestions?
  • 38. If you want to learn more
  • 39. If you want to learn more