UX of Stairs

52
UX of Stairs When Simple Things Aren’t so Simple

Transcript of UX of Stairs

Page 1: UX of Stairs

UXof StairsWhen Simple Things Aren’t so Simple

Page 3: UX of Stairs

Trigger WarningThe next slide may trigger motion sickness

Page 4: UX of Stairs
Page 5: UX of Stairs
Page 6: UX of Stairs

Trigger WarningThe next slide may trigger motion sickness

Page 7: UX of Stairs
Page 8: UX of Stairs

Vestibular disorderDisorders of the body's balance system in the inner ear due to a tremendous range of conditions.

http://www.medterms.com/script/main/art.asp?articlekey=6132

Page 9: UX of Stairs

Photo by https://www.flickr.com/photos/kalexanderson/8302998305

2012

Page 10: UX of Stairs

Trigger WarningThe next slide may trigger motion sickness

Page 11: UX of Stairs

Video from http://mazwai.com/#68

Page 12: UX of Stairs

Trigger WarningThe next slide may trigger motion sickness

Page 13: UX of Stairs

Video from http://mazwai.com/#46

Page 14: UX of Stairs

Trigger WarningThe next slide may trigger motion sickness

Page 15: UX of Stairs
Page 16: UX of Stairs

Trigger WarningThe next slide may trigger motion sickness

Page 17: UX of Stairs
Page 18: UX of Stairs
Page 19: UX of Stairs

Photo by https://www.flickr.com/photos/buzzfarmers/7318168486

Page 20: UX of Stairs
Page 21: UX of Stairs

The loss of a previously held ability to speak or understand spoken or written language, due to disease or injury of the brain.

http://dictionary.reference.com/browse/aphasia

Aphasia

Page 22: UX of Stairs

Physical World

Page 23: UX of Stairs
Page 24: UX of Stairs
Page 25: UX of Stairs
Page 26: UX of Stairs
Page 27: UX of Stairs

2 feet

Page 28: UX of Stairs

24 inches

Page 29: UX of Stairs
Page 30: UX of Stairs

We can do better.

Page 31: UX of Stairs

With Great Power

Comes Great Responsibility

Page 32: UX of Stairs
Page 33: UX of Stairs

Limit Modals

Page 34: UX of Stairs

http://examples.simplyaccessible.com/error-messaging/

http://www.wufoo.com/gallery/templates/forms/employment-application/

Page 35: UX of Stairs

No Hot Key Combos

Page 36: UX of Stairs

:hover, :focus { your css…}

Provide :focus State

Page 37: UX of Stairs

Trigger WarningThe next slide may trigger motion sickness

Page 38: UX of Stairs
Page 39: UX of Stairs

AnimationOffOn

Page 40: UX of Stairs

Trigger WarningThe next slide may trigger motion sickness

Page 41: UX of Stairs
Page 42: UX of Stairs

Trigger WarningThe next slide may trigger motion sickness

Page 43: UX of Stairs

TranscriptAlice: Curiouser and curiouser.Rabbit: I told you she was the right Alice!Mouse: I am not convinced.Rabbit: How is that for gratitude?Flower: She doesn't even look anything like herself.Mouse: That's because she's the wrong Alice!TweedleDee: If she was she might be.Tweedledum: If she isn't she ain't.

Page 44: UX of Stairs
Page 45: UX of Stairs

BLASPHEMY!

Page 46: UX of Stairs
Page 47: UX of Stairs
Page 48: UX of Stairs

Protantopia

Deuteranopia

Normal

Page 49: UX of Stairs

agijJ1lqbpd69agijJ1lqbpd69agijJ1lqbpd69

agijJ1lqbpd69agijJ1lqbpd69

Page 50: UX of Stairs

https://medium.com/@fsgbooks/secrets-of-the-stacks-4ca8405f1e11

Page 51: UX of Stairs