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

You Are UX

You Are UX

learn how programmers, developers, managers, executives and everyone else in your organization can empathize with the needs, wants, and desires of customers to create great experiences that people not only want to use, but love to use.
Who should attend?
Coders, developers, and engineers who want to understand how they impact the user's experience and how to work more effectively with designers.
Product managers, project managers, and executives who want to understand that thinking about user experience has to be everybody's job if they want to increase the value of their products.
Designers and other UX professionals who want learn ways to give to their product teams a starting point for conversation about experience design.
What will they learn?
Why everyone on the team—not just designers—must think about who is using the product they are creating
Questions to ask at every stage of development to ensure the usability of a product
How to think about trust when evaluating designs
Who is the Speaker?
Jason Cranford Teague is a world renowned expert on user experience design and development. He has written numerous books on digital media and design; spoken at dozens of confrences around the world; and trained teams at Cisco, Navy Federal Credit Union, Symantec, and other Fortune 100 compmanies.
Over the last twenty years, Jason has learned a lot about designer and developer frustrations with each other. He wants to bring those insights and experiences to help developers add more value to product creation by creating user friendly experiences.

Jason CranfordTeague

June 14, 2016
Tweet

More Decks by Jason CranfordTeague

Other Decks in Design

Transcript

  1. www.cranfordteague.com
    because a great experience is everybody’s job
    Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX

    View Slide

  2. Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX

    View Slide

  3. http://j.mp/dev-frustrate-des
    Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX

    View Slide

  4. Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    20 

    YEARS AGO…

    View Slide

  5. Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    15 

    YEARS AGO…

    View Slide

  6. Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    10 

    YEARS AGO…

    View Slide

  7. Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    NOW…
    www.cranfordteague.com

    View Slide

  8. Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX

    View Slide

  9. THE FUTURE…
    Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    Stephen Boss & Jason Cranford Teague

    View Slide

  10. A GAME OF PHONES
    Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    CASE STUDY

    View Slide

  11. Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX

    View Slide

  12. YOU ARE ALL

    UX PROFESSIONALS
    Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX

    View Slide

  13. Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    User experience encompasses all aspects
    of the end-user's interaction with the
    company, its services, and its products.
    — Don Norman

    View Slide

  14. A GREAT EXPERIENCE IS 

    EVERYBODY’S BUSINESS
    Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX

    View Slide

  15. THE CASE OF THE CMS PREVIEW
    Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    CASE STUDY

    View Slide

  16. Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    The user can suck it!
    — Unnamed Developer

    View Slide

  17. “USER”?
    Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX

    View Slide

  18. Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    I have never met an
    unimportant person.
    — The Doctor

    View Slide

  19. Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    YOU ARE NOT A “USER”
    Introduce Yourself
    1. Look to your left, right, behind and in
    front of you.
    2.Anyone in your immediate vicinity I want
    you to say:


    “Hi, my name is . 

    I am not a user. I am a person.”
    3.Repeat.

    View Slide

  20. DESIGN IS 

    HOW IT WORKS
    Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    ACME
    WIDGETS

    View Slide

  21. Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    People think it's this veneer—that the designers
    are handed this box and told, 

    'Make it look good!’
    That's not what we think design is. It's not just
    what it looks like and feels like.
    Design is how it works.
    — Steve Jobs

    View Slide

  22. UX or UI
    Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX

    View Slide

  23. User experience
    Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    User interface
    is how successfully the user can achieve
    their goals with the user interface.
    is the working product.
    User goal are what the end user wants to
    achieve using the UI with a good UX.

    View Slide

  24. Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    is high quality sound, but limited
    portability, and limited access.
    is a record and record player.
    is to listen to high-fidelity music, any
    song, anywhere.
    User interface
    User goal
    User experience

    View Slide

  25. Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    is quality sound anywhere, but limited
    access.
    is a CD and CD Player.
    is to listen to high-fidelity music, any
    song, anywhere.
    User interface
    User goal
    User experience

    View Slide

  26. Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    is quality sound anywhere, any song.
    digital files and decoder.
    is to listen to high-fidelity music, any
    song, anywhere.
    User interface
    User goal
    User experience

    View Slide

  27. IT WORKS!
    Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    https://www.flickr.com/photos/lovestruck94/

    View Slide

  28. MARRIOTT.COM
    Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    CASE STUDY

    View Slide

  29. Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX

    View Slide

  30. Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    5+ WAYS 

    DEVELOPERS AFFECT UX
    1. Speed
    2.Crashing
    3.Errors
    4.Consistency
    5.Accessibility
    6.Other?

    View Slide

  31. SPEED
    Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    http://www.webperformancetoday.com/2015/04/28/context-sensitivity-speed/

    View Slide

  32. CRASHING
    Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX

    View Slide

  33. ERRORS
    Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX

    View Slide

  34. CONSISTENCY
    Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX

    View Slide

  35. ACCESSIBILITY
    Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX

    View Slide

  36. Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    ?
    OTHER?

    View Slide

  37. THINK

    USABILITY
    Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    ACME
    WIDGETS

    View Slide

  38. Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    After all, usability really just means making sure
    that something works well: that a person of
    average (or even below average) ability and
    experience can use the thing — whether it's a
    Web site, a fighter jet, or a revolving door — for
    its intended purpose without getting hopelessly
    frustrated.
    — Steve Krug

    View Slide

  39. USABILITY 

    IS…
    Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX

    View Slide

  40. FORM 

    MEETING
    FUNCTION?
    Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX

    View Slide

  41. DON’T 

    MAKE ME
    THINK?
    Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    http://www.flickr.com/photos/josephb/5186482331

    View Slide

  42. 10 USABILITY HEURISTICS
    Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    1. Visibility of system status
    2. Match between system and the real
    world
    3. User control and freedom
    4. Consistency and standards
    5. Error prevention

    6. Recognition rather than recall
    7. Flexibility and efficiency of use
    8. Aesthetic and minimalist design
    9. Help users recognize, diagnose, and
    recover from errors
    10. Help and documentation

    View Slide

  43. HEURISTIC VIOLATION SEVERITY RATINGS
    Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    0 = Not a problem: I disagree that this is a usability problem at all
    1 = Cosmetic problem only: need not be fixed unless extra time is available on project
    2 = Minor usability problem: fixing this should be given low priority
    3 = Major usability problem: important to fix, so should be given high priority
    4 = Usability catastrophe: imperative to fix this before product can be released

    View Slide

  44. THE ESPRESSO MACHINE
    Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    CASE STUDY

    View Slide

  45. Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    • Visibility of system status
    • Match between system and the real word
    • User control and freedom • Consistency and standards
    • Error prevention?
    • Flexibility and efficiency of use
    • Aesthetic and minimalist design
    • Help users recognize, 

    diagnose, and recover 

    from errors?
    • Help and documentation? • Recognition rather than recall

    View Slide

  46. Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    CHOOSE AN EXPERIENCE
    and make it a bad one
    1. Write down a negative user experience
    you had recently.
    2.Identify the heuristics the product
    violated.
    3.Rate the severity of those violations.

    View Slide

  47. 10 USABILITY HEURISTICS
    Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    1. Visibility of system status
    2. Match between system and the real
    world
    3. User control and freedom
    4. Consistency and standards
    5. Error prevention

    6. Recognition rather than recall
    7. Flexibility and efficiency of use
    8. Aesthetic and minimalist design
    9. Help users recognize, diagnose, and
    recover from errors
    10. Help and documentation

    View Slide

  48. HEURISTIC VIOLATION SEVERITY RATINGS
    Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    0 = Not a problem: I disagree that this is a usability problem at all
    1 = Cosmetic problem only: need not be fixed unless extra time is available on project
    2 = Minor usability problem: fixing this should be given low priority
    3 = Major usability problem: important to fix, so should be given high priority
    4 = Usability catastrophe: imperative to fix this before product can be released

    View Slide

  49. THINK
    TRUST
    Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    ACME
    WIDGETS

    View Slide

  50. Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    To be persuasive we must be believable; to
    be believable we must be credible; to be
    credible we must be truthful.
    It is as simple as that.
    —Edward R. Murrow

    View Slide

  51. GAINING TRUST 

    IS EASY
    Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX

    View Slide

  52. KEEPING TRUST 

    IS HARD
    Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX

    View Slide

  53. EXPERIENCE = TRUST
    Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX

    View Slide

  54. 10 TRUST PRINCIPLES…
    Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    1. Keep Promises
    2. Show Results
    3. Know Your Voice
    4. Respect Context
    5. Transition Changes

    6. Guide, Don’t Dictate
    7. Show Then Tell
    8. Make it Simple, Not Simplistic
    9. Always Leave Them Wanting More
    10. Don’t Be a Pest!

    View Slide

  55. GUIDE, DON’T DICTATE
    Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    CASE STUDY

    View Slide

  56. Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX

    View Slide

  57. Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX

    View Slide

  58. Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX

    View Slide

  59. CHANGE BLINDNESS
    Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    CASE STUDY

    View Slide

  60. Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX

    View Slide

  61. Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX

    View Slide

  62. Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX

    View Slide

  63. Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX

    View Slide

  64. Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX

    View Slide

  65. Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX

    View Slide

  66. Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX

    View Slide

  67. Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    CHANGE BLINDNESS

    View Slide

  68. Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    TRANSITION CHANGE

    View Slide

  69. Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    WHO DO YOU TRUST?
    and who don’t you?
    1. Think of a company that you used to
    trust, but don’t anymore
    2.Write down a brief description of the
    final straw for you.
    3.Identify the trust principles the company
    violated.

    View Slide

  70. 10 TRUST PRINCIPLES…
    Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    1. Keep Promises
    2. Show Results
    3. Know Your Voice
    4. Respect Context
    5. Transition Changes

    6. Guide, Don’t Dictate
    7. Show Then Tell
    8. Make it Simple, Not Simplistic
    9. Always Leave Them Wanting More
    10. Don’t Be a Pest!

    View Slide

  71. Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX
    YOU ARE UX
    Because a great user experience is everybody’s job
    www.youareux.com
    EARLY BIRD DISCOUNT
    25%OFF
    DOOR PRICE

    View Slide

  72. www.cranfordteague.com
    because a great experience is everybody’s job
    Jason Cranford Teague
    @jasonspeaking | #YouAreUX
    YOU ARE UX

    View Slide