inclusive universe 1.0

20
Inclusive Universe 1.0 Integrating Universal Design into Social Apps Wendy Chisholm [email protected] friendfeed.com/wendyc

Upload: wendy-chisholm

Post on 31-May-2015

2.963 views

Category:

Technology


1 download

DESCRIPTION

A tagged PDF version of this slideset is available at: http://sp1ral.com/presentations/20080708/inclusive-universe.pdf

TRANSCRIPT

Page 1: Inclusive Universe 1.0

Inclusive Universe 1.0Integrating Universal Design

into Social Apps

Wendy [email protected]

friendfeed.com/wendyc

Page 2: Inclusive Universe 1.0

Universal Design

[T]he design of products and environments to be usable by all people, to the greatest extent possible, without the need for adaptation or specialized design.

–Ron Mace

Page 3: Inclusive Universe 1.0

ADAPTS

Ability

Device

Age

Preference

Task

Situation

Page 4: Inclusive Universe 1.0

Inclusive Universe 1.0

A cloud of services and applications that ADAPTS to support an inclusive community, to the greatest extent possible, without the need for specialized design.

Page 5: Inclusive Universe 1.0
Page 6: Inclusive Universe 1.0
Page 7: Inclusive Universe 1.0
Page 8: Inclusive Universe 1.0
Page 9: Inclusive Universe 1.0
Wendy Chisholm
Typewritten Text
This page intentionally left blank to illustrate the view of gmail to someone who is blind or not viewing the screen for some reason. At this point in my presentation, I did a quick demo of mobile speak on an htc shadow reading gmail...trying to further emphasize the importance of challenging your assumptions about your users.
Page 10: Inclusive Universe 1.0

2 Wishes➔ APIs➔ I/O

Page 11: Inclusive Universe 1.0

APIs

● e.g., Digg– <thumbnail originalwidth="651" originalheight="658" contentType="image/jpeg" src="http://digg.com/basketball/Hoopfest_Like_Woodstock_for_Basketball/t.jpg" width="80" height="80" />

● An element or attribute to provide text equivalents.

Page 12: Inclusive Universe 1.0
Page 13: Inclusive Universe 1.0

I/O

● Content generators please:– Prompt for accessibility information.– Generate accessible code.– Provide accessible interfaces.

● Examples– Flickr– Blogger– Plurk

Page 14: Inclusive Universe 1.0
Page 15: Inclusive Universe 1.0
Page 16: Inclusive Universe 1.0
Page 17: Inclusive Universe 1.0

Mobile: Sharing the Love

● 40px finger == larger targets, scanning● Small screen == magnification, structure● Low contrast == usable w/out color● Mouseless == s/onhover/onclick

Page 18: Inclusive Universe 1.0

Conclusions

● Question your assumptions.● APIs - express semantics & structure.● UIs - I/O semantics & structure.● W3C. ATAG. WCAG. MWBP.● Innovate. Change the world.

Page 19: Inclusive Universe 1.0

Thank you!

Page 20: Inclusive Universe 1.0

Questions?