USEFUL INCLUSIVE DESIGN
The Functional Partnership between
UX and Accessibility
PRESENTER
Useful Inclusive Design OLC Accelerate 2019
HOLLIE L. MILLER
Senior Instructional Technologist
ID 1030142
OVERVIEW
Useful Inclusive Design OLC Accelerate 2019
What Is UX?
What Is Usability?
What Is Universal Design?
What Is Accessible Design?
How Can We Apply It?
Important Points
Question and Answer
USER EXPERIENCE (UX)
Useful Inclusive Design • OLC Accelerate 2019
User experience encompasses:
Good UX is an interaction between a person and a system that is easy, productive, enjoyable, engaging, and satisfying.
WHAT IS USABILITY?
LEARNABILITY
How easy is it for users to accomplish basic tasks the first time they encounter the design?
EFFICIENCY
Once users have learned the design, how quickly can they perform tasks?
ERRORS
How many errors do users make, of what severity, and how easily can they recover?
SATISFACTION
How pleasant is it to use the design?
MEMORABILITY
How easily can users re-establish proficiency after a period of not using the design?
USEFUL PRETTY THINGS
Let's make it work FOR ALL.
PRINCIPLE TWO
PRINCIPLE ONE
Equitable Use
UNIVERSAL DESIGN
PRINCIPLE THREE
PRINCIPLE FOUR
PRINCIPLE FIVE
PRINCIPLE SIX
PRINCIPLE SEVEN
Flexibility in Use
Simple and Intuitive Use
Perceptible Information
Tolerance for Error
Low Physical Effort
Size and Space for Approach and Use
A design process in which the needs of people with disabilities are specifically considered.
ACCESSIBLE DESIGN
Accessibility sometimes refers to usability of products, services, and facilities by people
with a variety of disabilities.
READABILTY
F-PATTERN
Dominant Reading Pattern
LAYER CAKE
Efficient Scanning Pattern
Implications
of the
F Pattern
THE FIRST TWO PARAGRAPHS MUST CONVEY THE MOST IMPORTANT INFORMATION.
BEGIN SUBHEADS, PARAGRAPHS, AND BULLET POINTS WITH INFORMATION-CARRYING WORDS.
USERS WON'T READ YOUR TEXT IN ITS ENTIRETY. THEREFORE...
SEMANTIC
Headings must be semantically tagged for identification.
FORMATTED
Headings are classified into levels, from 1 through 6.
HEADINGS
THINK, PAIR, AND SHARE
Partner up with someone nearby to write headings and subheadings, and to edit the samples.
WORK THROUGH THE READABILITY
Which readability pattern would you choose and why?
LET'S LOOK AT THESE SAMPLES
Think about usability, user experience, universal design, and accessibility.
GIVE IT
A SHOT
Useful Inclusive Design OLC Accelerate - 2019
www.theotherinside.com
@holliemiller
hollie@theotherinside.com
Connect with Me
RESOURCES
Nielsen, J. (2019). Usability 101: Introduction to Usability. Retrieved from https://www.nngroup.com/articles/usability-101-introduction-to-usability/
�Pernice, K. (2017). F-Shaped Pattern of Reading on the Web: Misunderstood, But Still Relevant (Even on Mobile). Retrieved from https://www.nngroup.com/articles/f-shaped-pattern-reading-web-content/
�Pernice, K., & Nielsen, J. (2001). Usability Guidelines for Accessible Web Design: a Report by NN/g. Retrieved from https://www.nngroup.com/reports/usability-guidelines-accessible-web-design/
�Rossetti, R. (2019). Universal Design Toolkit Free Report. Retrieved from https://www.udll.com/media-room/articles/the-seven-principles-of-universal-design/
�What is the difference between accessible, usable, and universal design? | DO-IT. (2019). Retrieved from https://www.washington.edu/doit/what-difference-between-accessible-usable-and-universal-design ("What is the difference between accessible, usable, and universal design? | DO-IT", 2019)
�Activity text:
Cognitive Load Theory (John Sweller) - InstructionalDesign.org. (2019). Retrieved from http://www.instructionaldesign.org/theories/cognitive-load/
�J., D. (2019). General Blog Feedback: Breaking up is hard to do for some. Paragraphs!. Retrieved 21 November 2019, from http://www.jfinnan.com/shs/2015/09/26/general-blog-feedback-breaking-up-is-hard-to-do-for-some-paragraphs/