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

Can you afford this? Tailoring Technology for Individuals

Can you afford this? Tailoring Technology for Individuals

Given at Code Motion Amsterdam 2018.

This talk discusses techniques for understanding affordances, tailoring interactions and providing access to all. It is a brief overview of some of the things that we need to consider for accessibility and inclusive design.

You can view the talk here: https://goo.gl/L9TJbd

Please feel free to message me about my research in accessible musical instrument design or any of the other topics covered in this talk.

Amy Dickens

May 08, 2018
Tweet

More Decks by Amy Dickens

Other Decks in Technology

Transcript

  1. Can You Afford This?
    Tailoring Technology for the Individual
    Amy Dickens
    GitHub Campus Rep
    @RedRoxProjects

    View full-size slide

  2. @RedRoxProjects

    View full-size slide

  3. AFFORDANCES - What are they?
    METHODS - For User Experience (UX) Design
    CASE STUDY - Accessible Digital Musical Instruments
    TOP TIPS - For building accessibility into technology
    @RedRoxProjects

    View full-size slide

  4. @RedRoxProjects
    How many
    people are
    living with a
    disability?

    View full-size slide

  5. @RedRoxProjects
    19%
    of working age adults are
    disabled
    (source: Scope, scope.org.uk)

    View full-size slide

  6. @RedRoxProjects
    1.3
    billion

    View full-size slide

  7. @RedRoxProjects
    ?

    View full-size slide

  8. AFFORDANCES - What are they?
    METHODS - For User Experience (UX) Design
    CASE STUDY - Accessible Digital Musical Instruments
    WHAT NEXT - Tailored Technology for Tomorrow’s User
    @RedRoxProjects

    View full-size slide

  9. @RedRoxProjects
    AFFORDANCES
    Do people know what to do based on what they see?

    View full-size slide

  10. @RedRoxProjects

    View full-size slide

  11. Type
    just my
    Y are
    @RedRoxProjects

    View full-size slide

  12. @RedRoxProjects
    Screen Readers: Dos and Don’ts
    DO consider your layout and arrange the content so it can be read correctly
    by screen readers
    DON’T use html tags to style things - edit your CSS file
    DO use full descriptive names for images and add alt text where possible
    DON’T use shortcuts to correct pronunciation

    View full-size slide

  13. @RedRoxProjects
    Let’s talk about
    FOCUS . . .

    View full-size slide

  14. @RedRoxProjects
    Visual Navigation:
    Consider FOCUS for those using
    eye-trackers
    Published 28th July 2013 by gazepoint
    https://www.youtube.com/watch?v=SBhNadkCK8o
    CONSIDER how the interaction
    might change when using an
    eye-tracking controller
    Don’t use emphasis if it isn’t
    needed, make sure you draw
    ATTENTION to the right things

    View full-size slide

  15. @RedRoxProjects
    New technologies often focus on the
    experience of able bodied users - when the
    potential for users with a disability could
    be MASSIVE

    View full-size slide

  16. @RedRoxProjects
    Hearing Impairments:
    There is a SPECTRUM of hearing impairments
    COCHLEAR IMPLANTS are used by some people
    Try to always provide CLOSED CAPTIONING for everything
    that needs to be heard to be understood
    Relying on algorithms can be a risk - PROVIDE IN
    ADVANCE where possible

    View full-size slide

  17. @RedRoxProjects
    MOBILITY

    View full-size slide

  18. @RedRoxProjects
    Hidden Disabilities:
    Autism Spectrum Disorders (ASD)
    Mental Health Issues
    Fatigue & Chronic Pain
    Sleep disorders
    Attention Deficit Hyperactivity Disorder (ADHD)

    View full-size slide

  19. @RedRoxProjects
    In the age of PERSONALISATION -
    the best thing we can do is
    MAXIMISE this for people with a
    disability and provide OPTIONS to
    TAILOR a product to a user

    View full-size slide

  20. AFFORDANCES - What are they?
    METHODS - For User Experience (UX) Design
    CASE STUDY - Accessible Digital Musical Instruments
    WHAT NEXT - Tailored Technology for Tomorrow’s User
    @RedRoxProjects

    View full-size slide

  21. @RedRoxProjects
    USER
    RESEARCH

    View full-size slide

  22. @RedRoxProjects
    REPORTS SURVEYS
    FOCUS GROUPS BIG DATA
    ARCHIVES

    View full-size slide

  23. @RedRoxProjects
    TECHNOLOGY
    PROBES

    View full-size slide

  24. @RedRoxProjects
    “Simple, flexible and adaptable
    technologies that focus on
    understanding the NEEDS
    and DESIRES of users in a REAL-WORLD
    setting”
    Hutchinson et Al.
    “ Technology Probes: Inspiring Design for and with Families,” presented at the Proceedings of the SIGCHI Conference
    on Human Factors in Computing Systems - CHI ’03 , pp. 17– 24 (2003 April), doi:10: 1145/642611: 642616, https://
    doi:org/10:1145/642611:642616

    View full-size slide

  25. @RedRoxProjects
    THE
    “WILD”

    View full-size slide

  26. @RedRoxProjects
    UX
    TESTING

    View full-size slide

  27. @RedRoxProjects

    View full-size slide

  28. @RedRoxProjects
    GOMS (Goals, Operators, Methods, Selection) testing
    EXPLORATORY Studies
    EYE TRACKING Sessions
    FAIL / BREAK Testing
    ACCESSIBILITY Checks
    USER PERSONA Walk Throughs

    View full-size slide

  29. @RedRoxProjects
    FEEDBACK
    MECHANISMS

    View full-size slide

  30. @RedRoxProjects
    SURVEYS online / in person
    USER INTERVIEWS naturalistic / structured
    FOCUS GROUPS for important iterations
    RATINGS in app stores / review sites

    View full-size slide

  31. AFFORDANCES - What are they?
    METHODS - For User Experience (UX) Design
    CASE STUDY - Accessible Digital Musical Instruments
    WHAT NEXT - Tailored Technology for Tomorrow’s User
    @RedRoxProjects

    View full-size slide

  32. Digital Musical Instruments
    (DMIs) & Accessibility...
    @RedRoxProjects

    View full-size slide

  33. @RedRoxProjects

    View full-size slide

  34. @RedRoxProjects
    Build a DMI that can be used by
    people with disabilities

    View full-size slide

  35. @RedRoxProjects

    View full-size slide

  36. @RedRoxProjects

    View full-size slide

  37. @RedRoxProjects
    Can the thing withstand a drop?
    ROBUSTNESS
    Can we eliminate the risk of cables?
    WIRELESS
    Can the user manipulate the thing?
    MALLEABILITY
    Is there a direct relationship between input and output?
    CAUSALITY

    View full-size slide

  38. @RedRoxProjects
    SYSTEM
    REQUIREMENTS

    View full-size slide

  39. @RedRoxProjects
    Can we eliminate the risk of cables?
    WIRELESS

    View full-size slide

  40. @RedRoxProjects
    Is there a direct relationship between input and output?
    CAUSALITY

    View full-size slide

  41. @RedRoxProjects
    Can the user manipulate the thing?
    MALLEABILITY

    View full-size slide

  42. Can the thing withstand a drop?
    ROBUSTNESS
    @RedRoxProjects

    View full-size slide

  43. @RedRoxProjects

    View full-size slide

  44. @RedRoxProjects
    RASPBERRY
    PI ZERO
    DATA EXCHANGE
    VIA PYTHON SCRIPT
    ENVIRO
    pHAT
    UNICORN
    pHAT
    DATA TO MIDI CONVERSION
    VIA MAX FOR LIVE
    MACBOOK
    PRO
    ABLETON
    LIVE
    SOUND
    OUTPUT
    VISUAL
    OUTPUT

    View full-size slide

  45. @RedRoxProjects
    COMING SOON:
    BLOG POST

    View full-size slide

  46. @RedRoxProjects
    MY A11Y TOP TIPS
    Connect with a COMMUNITY of users for UX testing
    Never ASSUME who your users are, their likes or behaviour!
    Keep up to date with CHANGES in accessibility
    (a11y casts by Rob Dodson on Google Chrome Developers YouTube channel)
    Remember your team are NOT your average users
    BUILD for accessibility even when you don’t think it is
    needed

    View full-size slide

  47. @RedRoxProjects
    Accessibility should be a
    FOUNDATION not a feature
    that you add on later...

    View full-size slide

  48. @RedRoxProjects
    Thank You
    Amy Dickens
    TWEET ME @RedRoxProjects
    FOLLOW ME github.com/redroxprojects
    EMAIL ME [email protected]

    View full-size slide