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

Inclusive Design

Jason Markle
October 12, 2017

Inclusive Design

The benefits of designing for the full range of diversity and how you can integrate it into your process better.

Jason Markle

October 12, 2017
Tweet

More Decks by Jason Markle

Other Decks in Design

Transcript

  1. Inclusive UX/UI Design ACCESSIBILITY VS INCLUSIVE DESIGN @jason_markle Accessibility means

    that people with disabilities can perceive, understand, navigate, and interact with websites and tools, and that they can contribute equally without barriers. Inclusive design involves designing products to be usable by everyone to the greatest extent possible, without the need for adaptation. —W3C
  2. Inclusive UX/UI Design THE BENEFITS @jason_markle Increased access (Performance, Semantic

    code) Reduced friction (User Interface, Accessibility) More emotional context (Solid Info Architecture, Easy to complete tasks) 1 2 3
  3. Inclusive UX/UI Design THE FIRST STEP @jason_markle The first step

    in designing inclusively is to recognize exclusion.
  4. Inclusive UX/UI Design CONSIDER @jason_markle Increased mobility of technology =

    increased moments of disability We can solve for one, and extend to many.
  5. Inclusive UX/UI Design PERSONA SPECTRUM @jason_markle TOUCH SEE HEAR SPEAK

    PERMANENT TEMPORARY SITUATIONAL One arm Blind Deaf Non-verbal Arm Injury Cataract Ear Infection Laryngitis New parent Distracted Driver Bartender Heavy accent
  6. Inclusive UX/UI Design CASE AND POINT @jason_markle Device Screen Comfy

    Strenuous OUCH! Jess only has one arm due to a birth defect. They have a limited ability to clutch the device because of a permenant disability.
  7. Inclusive UX/UI Design SOLUTION @jason_markle Device Screen Comfy Strenuous OUCH!

    By adding navigation within the comfy part of the screen and docking it there, Jess can always navigate the site easily and efficiently using the native site or app design. Menu
  8. Inclusive UX/UI Design PERSPECTIVE @jason_markle Inclusive Tools Method Mindset User

    We are the tool to reintroduce diversity into our work. Itʼs up to us to create a system of checks and balances that measure the inclusivity of the designs we produce.
  9. Inclusive UX/UI Design PROCESS @jason_markle All developers have a different

    workflow Workflow is not process All processes should start with inclusivity in mind 1 2 3
  10. Inclusive UX/UI Design STEPS @jason_markle Identify the needs of your

    users Solve how someone with a permanant disability completes that need Extend that solution to all users in a semantic and accessible way 1 2 3
  11. Inclusive UX/UI Design DESIGN @jason_markle Create a style guide Mock

    it all up (AS A MOBILE VIEW) 1 2 Logo Space Search Action Connect with us Main Content Sidebar Navigation THIS IS GARBAGE!
  12. Inclusive UX/UI Design IT’S NOT AS HARD AS IT SOUNDS

    @jason_markle The best part about inclusive design is that you can start doing it right now. Recognize exclusion Learn from diversity Create a solution that can be extended to as many people as possible 1 2 3