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

Inclusive Design: more heart, more humans (slightly more design-y edition)

Inclusive Design: more heart, more humans (slightly more design-y edition)

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

A version of this talk was given at IxDA Cape Town https://www.meetup.com/IxDA-Cape-Town/events/249698603/ .

Steve Barnett

May 17, 2018
Tweet

More Decks by Steve Barnett

Other Decks in Design

Transcript

  1. Inclusive Design:
    More
    !
    , more humans

    View full-size slide

  2. Most important thing:
    Think about disability as
    a spectrum, not a binary

    View full-size slide

  3. Did anyone notice
    something weird
    in the toilets?
    Or the bar?
    bit.ly/emplab301

    View full-size slide

  4. Us looking at our stuff
    !

    "

    #truestory

    View full-size slide

  5. So we became…
    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 get up… !

    View full-size slide

  9. Draw a ❤
    Friend?
    Parent?
    Colleague?

    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

    View full-size slide

  13. There are other
    spectrums we could
    consider too

    View full-size slide

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

    View full-size slide

  15. ❤ Inclusive Design
    is designing for
    the diversity of our users

    View full-size slide

  16. ❤ Accessibility
    is the specifics of the
    implementation
    WCAG, WAI-ARIA

    View full-size slide

  17. ❤ Inclusive Design
    is good usability

    View full-size slide

  18. ❤ Inclusive Design
    is good software

    View full-size slide

  19. Why should we care?
    What are the benefits of
    doing Inclusive Design?

    View full-size slide

  20. ❤ Inclusive Design
    helps us be a superhero

    View full-size slide

  21. ❤ Inclusive Design
    helps us avoid
    (expensive) fixes later
    (and possibly lawsuits)

    View full-size slide

  22. ❤ Inclusive Design
    helps us get
    more humans,
    on more devices,
    under more conditions

    View full-size slide

  23. Why should we care?
    Isn't accessibility
    (and Inclusive Design)
    boring, and limiting?
    And also: boring?

    View full-size slide

  24. ❤ Inclusive Design
    provides constraints,
    which spark creativity

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  27. What was the most
    surprising thing in
    The What and the Why?
    Use your words

    View full-size slide

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

    View full-size slide

  29. How do we do
    Inclusive Design?
    What do we test?

    View full-size slide

  30. Test using
    no mouse, no trackpad

    View full-size slide

  31. Test
    colour contrast

    View full-size slide

  32. Test for
    plain language

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  35. Most important thing:
    Think about disability as
    a spectrum, not a binary

    View full-size slide

  36. Now what?
    Tomorrow is
    Global Accessibility
    Awareness Day
    globalaccessibilityawarenessday.org
    or google GAAD

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide