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

Inclusive Design: more heart, more humans

Inclusive Design: more heart, more humans

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

Given at the June Cape Town Dribbble meetup: https://www.meetup.com/Cape-Town-Dribbble-Community/events/250981919/

28a7165396905ffabc4d1f45609efc39?s=128

Steve Barnett

June 14, 2018
Tweet

Transcript

  1. Inclusive Design: More ! , more humans

  2. Disability is a spectrum, not a binary

  3. Did anyone notice something weird on the stairs? On the

    walls? bit.ly/emplab301
  4. Us looking at our stuff ! ➜ " ➜ #truestory

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

    - @maxbarners
  6. None
  7. None
  8. None
  9. None
  10. None
  11. None
  12. 1. Disability as a spectrum 2. The What and the

    Why 3. The How
  13. Ability + Barrier = Disability

  14. None
  15. Please to standing up... (yes, really) (It's practice for later)

    !
  16. Friend? Parent? Colleague? Stand up!

  17. Disability is a spectrum, not a binary

  18. “The power of the Web is in its universality. Access

    by everyone regardless of disability is an essential aspect.” — Tim Berners-Lee
  19. Examples of barriers Complex content Precise controls Low contrast

  20. 1. Disability as a spectrum 2. The What and the

    Why 3. The How
  21. ❤ Inclusive Design is designing for the (for reals) diversity

    of our users
  22. ❤ Accessibility is the implementation (Google these: WCAG, WAI-ARIA)

  23. ❤ Inclusive Design means good usability

  24. ❤ Inclusive Design means quality software

  25. ❤ Inclusive Design helps us be a superhero

  26. ❤ Inclusive Design provides constraints, which spark creativity

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

  28. ❤ Inclusive Design asks us to have the confidence and

    the kindness to be a little boring
  29. 1. Disability as a spectrum 2. The What and the

    Why 3. The How
  30. How do we do Inclusive Design? How do we check?

  31. Cognitive disability Check for plain language

  32. Physical disability Check without using a mouse or trackpad

  33. Visual disability Check the colour contrast

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

  35. “It doesn't have to be perfect, just a little bit

    better than yesterday" — Leonie Watson
  36. Disability is a spectrum, not a binary

  37. 1. Disability as a spectrum 2. The What and the

    Why 3. The How
  38. Now what? Tomorrow, 10am, 10 mins Test your stuff bit.ly/emplab-ten-at-ten

  39. Pair up with someone Tell them: "I'm going to spend

    10 minutes testing my stuff tomorrow." ! or
  40. Thanks! Nicola du Toit - @sophdex Steve Barnett - @maxbarners

    bit.ly/emplab-ten-at-ten