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

Accessibility driven design

Accessibility driven design

// Speaker: Kama Jania

// Description:
In this talk, Kama presents insights on how to understand the everyday problems and challenges for people with disabilities as well as the accessibility issues.

A11y Meetup Berlin

May 28, 2019
Tweet

More Decks by A11y Meetup Berlin

Other Decks in Technology

Transcript

  1. @kamajania
    a11y Berlin 2019
    Accessibility
    Driven Design

    View full-size slide

  2. @kamajania
    a11y Berlin 2019
    Hi!

    View full-size slide

  3. @kamajania
    a11y Berlin 2019
    Design is not just about
    what something looks
    like

    View full-size slide

  4. @kamajania
    a11y Berlin 2019
    Good design is:
    - visually attractive

    View full-size slide

  5. @kamajania
    a11y Berlin 2019
    Good design is:
    - visually attractive
    - meets real needs

    View full-size slide

  6. @kamajania
    a11y Berlin 2019
    Good design is:
    - visually attractive
    - meets real needs
    - has content and depth

    View full-size slide

  7. @kamajania
    a11y Berlin 2019
    Good design is:
    - visually attractive
    - meets real needs
    - has content and depth
    - works well and intuitively

    View full-size slide

  8. @kamajania
    a11y Berlin 2019
    Design is a continuous
    operation

    View full-size slide

  9. @kamajania
    a11y Berlin 2019
    As a designer you:
    - define goals

    View full-size slide

  10. @kamajania
    a11y Berlin 2019
    As a designer you:
    - define goals
    - focus on how users interact with the product

    View full-size slide

  11. @kamajania
    a11y Berlin 2019
    As a designer you:
    - define goals
    - focus on how users interact with the product
    - create a visual appearance of the product

    View full-size slide

  12. @kamajania
    a11y Berlin 2019
    As a designer you:
    - define goals
    - focus on how users interact with the product
    - create a visual appearance of the product
    …. and then the developer makes everything work

    View full-size slide

  13. @kamajania
    a11y Berlin 2019
    Usually it is a teamwork

    View full-size slide

  14. @kamajania
    a11y Berlin 2019

    View full-size slide

  15. @kamajania
    a11y Berlin 2019
    What is accessibility?

    View full-size slide

  16. @kamajania
    a11y Berlin 2019
    usability ≠ accessibility

    View full-size slide

  17. @kamajania
    a11y Berlin 2019
    Accessibility

    View full-size slide

  18. @kamajania
    a11y Berlin 2019
    Usability

    View full-size slide

  19. @kamajania
    a11y Berlin 2019
    usability + accessibility

    View full-size slide

  20. @kamajania
    a11y Berlin 2019
    What will happen when they two meet each other?

    View full-size slide

  21. @kamajania
    a11y Berlin 2019
    What will happen when they two meet each other?
    - your project becomes more user-oriented

    View full-size slide

  22. @kamajania
    a11y Berlin 2019
    What will happen when they two meet each other?
    - your project becomes more user-oriented
    - it gives you a much better understanding of how users use
    your products

    View full-size slide

  23. @kamajania
    a11y Berlin 2019
    Invisible Exhibition

    View full-size slide

  24. @kamajania
    a11y Berlin 2019
    Electric scooters

    View full-size slide

  25. @kamajania
    a11y Berlin 2019
    Electric scooters

    View full-size slide

  26. @kamajania
    a11y Berlin 2019
    Facebook Page

    View full-size slide

  27. @kamajania
    a11y Berlin 2019
    Interviews

    View full-size slide

  28. @kamajania
    a11y Berlin 2019
    Interviews
    2 people were on a wheelchair, 2 were deaf and mute, 1 was colour
    blind and 7 were blind

    View full-size slide

  29. @kamajania
    a11y Berlin 2019
    Interviews

    View full-size slide

  30. @kamajania
    a11y Berlin 2019
    Templates
    Source: Google Search

    View full-size slide

  31. @kamajania
    a11y Berlin 2019
    What is a PERSONA?

    View full-size slide

  32. @kamajania
    a11y Berlin 2019
    How are the personas created?
    - the basic practice to create personas is to define your users

    View full-size slide

  33. @kamajania
    a11y Berlin 2019
    How are the personas created?
    - do all of your users have similar goals or similar frustrations?
    - do they have similar backgrounds?

    View full-size slide

  34. @kamajania
    a11y Berlin 2019
    Meet my personas

    View full-size slide

  35. @kamajania
    a11y Berlin 2019 @kamajania
    a11y Berlin 2019

    View full-size slide

  36. @kamajania
    a11y Berlin 2019
    Tomek

    View full-size slide

  37. @kamajania
    a11y Berlin 2019
    Project goals

    View full-size slide

  38. @kamajania
    a11y Berlin 2019
    People with disabilities are
    above all people with desires
    and habits, emotional
    reactions and preferences
    - like everyone else

    View full-size slide

  39. @kamajania
    a11y Berlin 2019
    Design which includes
    everyone is a much
    better design

    View full-size slide

  40. @kamajania
    a11y Berlin 2019
    Thank you!

    View full-size slide