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/

Transcript

1. Inclusive Design:
   More
   !
   , more humans
   

   View Slide

2. Disability is a spectrum,
   not a binary
   

   View Slide

3. View Slide

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

   View Slide

5. Us looking at our stuff
   !
   ➜
   "
   ➜
   #truestory
   

   View Slide

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

   View Slide

7. View Slide

8. View Slide

9. View Slide

10. View Slide

11. View Slide

12. View Slide

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

    View Slide

14. Ability
    +
    Barrier
    =
    Disability
    

    View Slide

15. View Slide

16. Get ready to stand up…
    !
    

    View Slide

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

    View Slide

18. Disability is a spectrum,
    not a binary
    

    View Slide

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

    View Slide

20. Examples of barriers
    Complex content
    Precise controls
    Low contrast
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

24. Perceivable
    Operable
    Understandable
    Robust
    

    View Slide

25. ❤ Inclusive Design
    means good usability
    

    View Slide

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

    View Slide

27. ❤ Inclusive Design
    provides constraints,
    which spark creativity
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

32. Cognitive disability
    Check for
    plain language
    

    View Slide

33. Physical disability
    Check without using
    a mouse or trackpad
    

    View Slide

34. Visual disability
    Check the
    colour contrast
    

    View Slide

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

    View Slide

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

    View Slide

37. Disability is a spectrum,
    not a binary
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide