Taken from the Future of Web Design, New York 2015 Conference. https://futureofwebdesign.com/nyc-2015/ The future must be universally approachable. In this talk, Andrew looks at designing for dyslexic users. Learn how to create designs that are more universal; designs that not only better fit dyslexics, but are a better fit for everyone regardless of race, religion, national origin, language or ability.

1. Future of Web Design 2015
Tweet Me Hello @UXANDREW

2. Put the Cards in Order

3. Red and Black

4. Suit

5. Numerical

6. Red/Black + Numerical

7. Suit + Numerical

8. Could you find a specific card?

9. What if…?

10. Universal Design
and the
Dyslexic Experience
@UXANDREW

11. Groups of One

12. What is
Dyslexia?
@UXANDREW

13. The Human Body

14. http://www.flickr.com/photos/29261553@N08/12156197276/
Cracking the Code

16. One out of Ten People are Dyslexic

17. A Word
About My Research
@UXANDREW

19. @UXANDREW

20. Trouble with Maps
Clumsiness
Spelling
Math
Short Term Memory
Organization

21. I make a lot of mistakes
while writing, when I read I
have to always concenta’rate
a lot and stupid small things
disturb me

22. I am scarred to pay things
via Internet ot to take
Money from machine

23. What is
Universal Design?
@UXANDREW

24. Universal Design
IS A PLAN
the way we measure that plan
IS ACCESSIBILITY

25. The power of the Web is in
its universality. Access by
everyone regardless of
disability is an essential
aspect.
-Sir Tim Berners-Lee

26. Leveling the Playing Field

27. It’s not the
wheelchair that
makes a building
inaccessible…
It’s the stairs.
http://www.flickr.com/photos/erikschlicksbier/11319950195/

28. It’s not the user
that makes digital
products
inaccessible.
It’s the designer.

29. If a design is accessible
it is not necessarily universal
If a design is universal,
then it must be accessible

30. Examples of Universal Design

31. Examples of Universal Design

32. Examples of Universal Design

33. Examples of Universal Design

34. ONE EYEBALL AND ONE FINGER

35. www.polarb.com

36. Universal Design
for Dyslexics
(and everyone else)
@UXANDREW

37. Flexibility
@UXANDREW

38. www.imdb.com

39. www.imdb.com

40. Twitter v. Tweetbot

41. Simple
and
Intuitive
@UXANDREW

42. ONE FINGER
ONE EYEBALL
ONE NIPPLE???

43. The only “intuitive” interface is
a nipple. After that, it’s all
learned.
- Bruce Ediger

44. A learned interface follows
convention
Testing user expectation
leads to convention

45. www.duckduckgo.com

46. www.acorns.com

47. MAYA
most advanced yet acceptable

49. Perceptible
Information
@UXANDREW

50. Noise is a parasite.
Anything noisy is
poorly designed.
-Raymond Loewy

51. More Signal,
Less Noise

52. More Signal,
Less Noise

53. Boarding Passes are Confusing

54. www.sylion.com/flightcard/

57. Colophon
Open
Dyslexic

58. Tolerance
for
Error
@UXANDREW

59. Spellcheck is Critical

61. Are You Sure?

62. No, seriously…are you sure?

63. Equitable
Use
@UXANDREW

64. Which User’s Cognition is Best?

65. Create a Better World for Everyone!

66. Thank You!
@UXAndrew
UXAndrew@
Tweet Me
Email Me