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

UX design without diversity is NOT UX (v2)

tapps
August 25, 2019

UX design without diversity is NOT UX (v2)

v.2 - given at WordCamp Ann Arbor 2019

tapps

August 25, 2019
Tweet

More Decks by tapps

Other Decks in Design

Transcript

  1. IS NOT UX
    UX design
    (User eXperience)
    #DiverseUX

    View Slide

  2. diversity
    #DiverseUX

    View Slide

  3. di·ver·si·ty
    /dəˈvərsədē,dīˈvərsədē/
    the state of being diverse.
    #DiverseUX

    View Slide

  4. di·ver·si·ty
    /dəˈvərsədē,dīˈvərsədē/
    the state of being diverse.
    yeah.. thanks a lot google
    the state of being diverse.
    #DiverseUX

    View Slide

  5. di·ver·si·ty
    /dəˈvərsədē,dīˈvərsədē/
    the inclusion of individuals representing

    more than one national origin, color,

    religion, sexual orientation, etc.
    #DiverseUX

    View Slide

  6. di·ver·si·ty
    /dəˈvərsədē,dīˈvərsədē/
    the inclusion of individuals representing

    more than one national origin, color,

    religion, sexual orientation, etc.
    #DiverseUX

    View Slide

  7. di·ver·si·ty
    /dəˈvərsədē,dīˈvərsədē/
    the inclusion of individuals representing

    more than one national origin, color,

    religion, sexual orientation, etc.
    #DiverseUX

    View Slide

  8. di·ver·si·ty
    /dəˈvərsədē,dīˈvərsədē/
    the inclusion of individuals representing

    more than one national origin, color,

    religion, sexual orientation, etc.
    xonecole.com
    #DiverseUX

    View Slide

  9. di·ver·si·ty
    /dəˈvərsədē,dīˈvərsədē/
    the inclusion of individuals representing

    more than one national origin, color,

    religion, sexual orientation, etc.
    xonecole.com
    #DiverseUX

    View Slide

  10. di·ver·si·ty
    /dəˈvərsədē,dīˈvərsədē/
    the inclusion of individuals representing

    more than one national origin, color,

    religion, sexual orientation, etc.
    #DiverseUX

    View Slide

  11. di·ver·si·ty
    /dəˈvərsədē,dīˈvərsədē/
    the inclusion of individuals representing

    more than one national origin, color,

    religion, sexual orientation, etc.
    gender

    View Slide

  12. di·ver·si·ty
    /dəˈvərsədē,dīˈvərsədē/
    the inclusion of individuals representing

    more than one national origin, color,

    religion, sexual orientation, etc.
    gender

    View Slide

  13. di·ver·si·ty
    /dəˈvərsədē,dīˈvərsədē/
    the inclusion of individuals representing

    more than one national origin, color,

    religion, sexual orientation, etc.
    gender, age/generation
    #DiverseUX

    View Slide

  14. di·ver·si·ty
    /dəˈvərsədē,dīˈvərsədē/
    the inclusion of individuals representing

    more than one national origin, color,

    religion, sexual orientation, etc.
    gender, age/generation
    #DiverseUX

    View Slide

  15. di·ver·si·ty
    /dəˈvərsədē,dīˈvərsədē/
    the inclusion of individuals representing

    more than one national origin, color,

    religion, sexual orientation, etc.
    gender, age/generation, various levels
    of physical and/or cognitive abilities
    #DiverseUX

    View Slide

  16. di·ver·si·ty
    /dəˈvərsədē,dīˈvərsədē/
    the inclusion of individuals representing

    more than one national origin, color,

    religion, sexual orientation, etc.
    gender, age/generation, various levels
    of physical and/or cognitive abilities,
    mental illness, emotional, sensory, &
    personality disorders #DiverseUX

    View Slide

  17. Diversity is about
    inclusion & belonging
    WE ARE FAMILY
    #DiverseUX

    View Slide

  18. 1. A,B,C
    Assumptions, Bias & Consequences
    #DiverseUX

    View Slide

  19. –Facebook
    “Hey, you need to use your
    real name”*
    *totally paraphrasing
    #DiverseUX

    View Slide

  20. zehabesha.com
    globalnews.ca
    #DiverseUX

    View Slide

  21. Shane

    Creepingbear
    Dana Lone Hill
    lastrealindians.com
    twitter.com/Creepingbear
    #DiverseUX

    View Slide

  22. –Facebook
    “Oops.”*
    *still totally paraphrasing
    #DiverseUX

    View Slide

  23. 2. A11y
    Usability & Accessibility
    #DiverseUX

    View Slide

  24. 2. Accessibility
    Usability & Accessibility
    #DiverseUX

    View Slide

  25. Disability
    #DiverseUX

    View Slide

  26. Different ability
    Image by Leeds Grand Theatre
    #DiverseUX

    View Slide

  27. #DiverseUX

    View Slide

  28. Usability
    so... can you have
    accessibility?
    without
    NO
    #DiverseUX

    View Slide

  29. Usability ===* Accessibility
    *triple equal sign means strict equal
    #DiverseUX

    View Slide

  30. 3. Cognitive bias
    It's all subjective
    #DiverseUX

    View Slide

  31. Cognitive bias
    Individuals create their own
    "subjective social reality" from
    their perception of the input.
    #DiverseUX

    View Slide

  32. Cognitive bias
    Individuals create their own
    "subjective social reality" from
    their perception of the input.
    coglode.com
    #DiverseUX

    View Slide

  33. Cognitive bias
    Individuals create their own
    "subjective social reality" from
    their perception of the input.
    #WCUS
    tapps.us/cognitive-bias

    View Slide

  34. Unconscious bias
    social stereotypes of groups or
    individuals

    organizing by categorizing things,
    people, groups
    #DiverseUX

    View Slide

  35. vox.com
    reuters.com
    twitter.com/nke_ise
    gizmodo.com

    View Slide

  36. refinery29.com
    #DiverseUX

    View Slide

  37. emojipedia.org
    #DiverseUX

    View Slide

  38. 3.5Facial Recognition,
    Machine Learning, AI...
    Oh my!
    #DiverseUX

    View Slide

  39. View Slide

  40. Joy Buolamwini
    Researcher

    M.I.T. Media Lab
    #DiverseUX

    View Slide

  41. % Error
    Lighter-skinned males
    1%
    Subject
    #DiverseUX

    View Slide

  42. % Error
    Lighter-skinned males 1%
    Subject
    Lighter-skinned females
    7%
    #DiverseUX

    View Slide

  43. % Error
    Lighter-skinned males 1%
    Subject
    Lighter-skinned females 7%
    12%
    Darker-skinned males
    #DiverseUX

    View Slide

  44. % Error
    Lighter-skinned males 1%
    Subject
    Lighter-skinned females 7%
    12%
    Darker-skinned males
    Darker-skinned females
    35%
    #DiverseUX

    View Slide

  45. % Error
    Lighter-skinned males 1%
    Subject
    Lighter-skinned females 7%
    12%
    Darker-skinned males
    Darker-skinned females 35%
    And this is just errors in identifying
    the subject's GENDER
    #DiverseUX

    View Slide

  46. % Error
    Lighter-skinned males 1%
    Subject
    Lighter-skinned females 7%
    12%
    Darker-skinned males
    Darker-skinned females 35%
    And this is just errors in identifying
    the subject's GENDER
    THAT'S A PROBLEM!
    #DiverseUX

    View Slide

  47. Just because we CAN
    do something, doesn't
    mean we SHOULD do it.
    #DiverseUX

    View Slide

  48. Here's where you come in
    #DiverseUX

    View Slide

  49. Show up
    #DiverseUX

    View Slide

  50. Show up, speak up
    #DiverseUX

    View Slide

  51. Show up, speak up & make room
    #DiverseUX

    View Slide

  52. "diversity only exists in
    cheesy stock photos"
    rawpixel.com
    #DiverseUX

    View Slide

  53. Diversity is hard
    #DiverseUX

    View Slide

  54. Diversity is hard
    Why?
    #DiverseUX

    View Slide

  55. Change
    #DiverseUX

    View Slide

  56. Change
    Environment
    #DiverseUX

    View Slide

  57. Change
    Environment
    Language
    #DiverseUX

    View Slide

  58. Change
    Environment
    Language
    Systems/Processes
    #DiverseUX

    View Slide

  59. Change
    Environment
    Language
    Systems/Processes
    Attitudes
    #DiverseUX

    View Slide

  60. It's a people problem
    Lack of diversity in tech is not a tech problem...
    #DiverseUX

    View Slide

  61. It's a people problem
    Lack of diversity in tech is not a tech problem...
    Environment Language Systems/Processes Attitudes
    #DiverseUX

    View Slide

  62. It's an empathy problem
    Lack of diversity in tech is not a tech problem...
    Environment Language Systems/Processes Attitudes
    #DiverseUX

    View Slide

  63. em·pa·thy
    /ˈempəTHē/
    the ability to understand and
    share the feelings of another
    #DiverseUX

    View Slide

  64. empathy is
    needed in
    UX
    diversity is
    important
    to UX
    empathy diversity
    #DiverseUX

    View Slide

  65. empathy is
    needed in
    UX
    diversity is
    important
    to UX
    empathy diversity
    Life
    Life #DiverseUX

    View Slide

  66. empathy is
    needed in
    UX
    diversity is
    important
    to UX
    empathy diversity
    Life
    Life #DiverseUX

    View Slide

  67. empathy diversity
    #DiverseUX

    View Slide

  68. Any questions?
    THESE SLIDES CAN BE FOUND AT
    SPEAKERDECK.COM/TAPPS
    @tapps
    @tapps
    @therealtapps
    tapps.design

    View Slide

  69. UX design
    IS NOT UX
    THESE SLIDES CAN BE FOUND AT
    SPEAKERDECK.COM/TAPPS
    @tapps
    @tapps
    @therealtapps
    tapps.design

    View Slide

  70. UX design
    IS NOT UX
    Thank you!
    THESE SLIDES CAN BE FOUND AT
    SPEAKERDECK.COM/TAPPS
    @tapps
    @tapps
    @therealtapps
    tapps.design

    View Slide