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

Inclusive Design: more ❤, more humans

Inclusive Design: more ❤, more humans

A talk on Inclusive Design (and Development) by Nicola du Toit (http://nicoladutoit.com/) and me.

Given at the UX SA meetup https://www.meetup.com/UX-Masterclass-Cape-Town/events/252935557/

Steve Barnett

July 24, 2018
Tweet

More Decks by Steve Barnett

Other Decks in Design

Transcript

  1. Inclusive Design:
    More
    !
    , more humans

    View full-size slide

  2. Disability is a spectrum,
    not a binary

    View full-size slide

  3. Did anyone notice
    something weird
    on the walls?
    bit.ly/emplab301

    View full-size slide

  4. Us looking at our stuff
    !

    "

    #truestory

    View full-size slide

  5. The Empathy Labradors
    Nicola du Toit - @sophdex
    Steve Barnett - @maxbarners

    View full-size slide

  6. 1. Disability as
    a spectrum
    2. The What and the Why
    3. The How

    View full-size slide

  7. Ability
    +
    Barrier
    =
    Disability

    View full-size slide

  8. Get ready to stand up…
    !

    View full-size slide

  9. Experienced this?
    Friend?
    Parent?
    Colleague?
    Draw a ❤

    View full-size slide

  10. Disability is a spectrum,
    not a binary

    View full-size slide

  11. “The power of the Web is
    in its universality. Access
    by everyone regardless of
    disability is an essential
    aspect.”
    — Tim Berners-Lee

    View full-size slide

  12. Examples of barriers
    Complex content
    Precise controls
    Low contrast

    View full-size slide

  13. 1. Disability as
    a spectrum
    2. The What and the Why
    3. The How

    View full-size slide

  14. ❤ Inclusive Design
    is designing for the
    (for reals) diversity
    of our users

    View full-size slide

  15. ❤ Accessibility
    is the implementation
    (Google these:
    WCAG, WAI-ARIA)

    View full-size slide

  16. Perceivable
    Operable
    Understandable
    Robust

    View full-size slide

  17. ❤ Inclusive Design
    means good usability

    View full-size slide

  18. ❤ Inclusive Design
    helps us be superheros
    (Wakanda Forever!)

    View full-size slide

  19. ❤ Inclusive Design
    provides constraints,
    which spark creativity

    View full-size slide

  20. ❤ Inclusive Design
    helps us design for
    (imperfect) reality

    View full-size slide

  21. ❤ Inclusive Design
    asks us to have
    the confidence and
    the kindness to be
    a little boring

    View full-size slide

  22. 1. Disability as
    a spectrum
    2. The What and the Why
    3. The How

    View full-size slide

  23. How do we do
    Inclusive Design?
    How do we check?

    View full-size slide

  24. Cognitive disability
    Check for
    plain language

    View full-size slide

  25. Physical disability
    Check without using
    a mouse or trackpad

    View full-size slide

  26. Visual disability
    Check the
    colour contrast

    View full-size slide

  27. "This sounds like
    a lot of work" !

    View full-size slide

  28. “It doesn't have to be
    perfect, just a little bit
    better than yesterday"
    — Leonie Watson

    View full-size slide

  29. Disability is a spectrum,
    not a binary

    View full-size slide

  30. 1. Disability as
    a spectrum
    2. The What and the Why
    3. The How

    View full-size slide

  31. Now what?
    Tomorrow, 10am, 10 mins
    Test your stuff
    bit.ly/emplab-ten-at-ten

    View full-size slide

  32. Pair up with someone
    Tell them: "I'm going to
    spend 10 minutes testing
    my stuff tomorrow."
    !
    or

    View full-size slide

  33. Thanks!
    Nicola du Toit - @sophdex
    Steve Barnett - @maxbarners
    bit.ly/emplab-ten-at-ten

    View full-size slide