Presentation given at Design by Fire Cafe in Breda, 18 december 2012

1. picture courtesy of wallpaperstock.net
UX Candy
@huijkman Johan Huijkman interaction engineer

2. Yes, there will be code
There will be code [insert image
here]
Want ik ben interaction engineer
en het is onvermijdelijk bij dit
onder werp.
Maar het gaat niet over code. Ik
hoop dat het vanzelf duidelijk
wordt
msmvps.com/blogs/jon_skeet/archive/2009/11/02/omg-ponies-aka-humanity-epic-fail.aspx

3. slideshare.net/derekfeatherstone

4. slideshare.net/derekfeatherstone

5. “Moeten we nog iets
met toegankelijkheid?” “We voegen het
later nog wel toe”
“De klant wil een
keurmerk”
Huidige situatie
“Wie heeft er wel eens
wat met toegankelijkheid
gedaan?” “Gewoon wat attributen
toevoegen en zorgen dat het
zonder js en css werkt”

6. “Als het maar zonder
javascript werkt”
“Het is een (front-end)
development issue”
Misvattingen
“Het gaat maar om
een paar gebruikers”
“Met een keurmerk zijn
we toegankelijk”

7. Het gaat maar om een paar gebruikers

8. Jeroen Hulscher - frankwatching.com/archive/2011/11/10/toegankelijkheid-van-websites-mythe-of-noodzaak

9. Het gaat maar om een paar gebruikers

10. Het gaat maar om een paar gebruikers

11. Waar is de gebruiker?

12. Wat wil de gebruiker?

13. Introducing...

15. Wat is een screenreader?

16. Als het maar werkt zonder javascript

17. Als het maar werkt zonder javascript

18. lineair vs non-lineair
http://morealtitude.wordpress.com/2009/08/27/1963/ http://www.westcoastpeaks.com/Peaks/sblaafjellet.html

40. thejoyofeverydaycooking.blogspot.nl/2012/05/strawberry-pudding-trifle.html

41. visible UX
thejoyofeverydaycooking.blogspot.nl/2012/05/strawberry-pudding-trifle.html

42. visible UX
‘hidden’ UX
thejoyofeverydaycooking.blogspot.nl/2012/05/strawberry-pudding-trifle.html

43. Accessibility = development issue

44. Accessibility = development issue

50. Keurmerk = toegankelijk

51. Keurmerk = toegankelijk

52. Toegankelijkheid

53. Toegankelijkheid
=
Gebruiksvriendelijkheid

54. Toegankelijkheid
=
Gebruiksvriendelijkheid
=
UX

55. Jeroen Hulscher - frankwatching.com/archive/2011/11/10/toegankelijkheid-van-websites-mythe-of-noodzaak

60. Jeroen Hulscher - frankwatching.com/archive/2011/11/10/toegankelijkheid-van-websites-mythe-of-noodzaak

61. Jeroen Hulscher - frankwatching.com/archive/2011/11/10/toegankelijkheid-van-websites-mythe-of-noodzaak

62. slideshare.net/derekfeatherstone

63. alvandilawgroup.wordpress.com/2012/11/19/occupational-carpal-tunnel-syndrome/

64. drag, drop, touch, pinch, zoom

65. slideshare.net/derekfeatherstone

66. foodcommunicationservices.wordpress.com/2012/07/

68. themes.elmastudio.de/nori/2011/12/12/nori-a-mobile-first-wordpress-theme/mobile-first-img/

69. OR CONTENT FIRST
themes.elmastudio.de/nori/2011/12/12/nori-a-mobile-first-wordpress-theme/mobile-first-img/

70. Take
blog.sweetcareersconsulting.com/2012/07/take-control-of-your-online-identity-get-defensive.html

71. http://www.keepcalm-o-matic.co.uk/

72. Alternatieven:
Viziris test,
Youtube filmpjes over screenreaders, toepassing wai-
aria, gebruikers met beperkingen
thethinktrip.com/sports-fans-youre-wasting-your-energy-think-of-what-you-could-achieve/

73. Alternatieven:
Viziris test,
Youtube filmpjes over screenreaders, toepassing wai-
aria, gebruikers met beperkingen
4 miljoen gebruikers
thethinktrip.com/sports-fans-youre-wasting-your-energy-think-of-what-you-could-achieve/

74. Alternatieven:
Viziris test,
Youtube filmpjes over screenreaders, toepassing wai-
aria, gebruikers met beperkingen
4 miljoen gebruikers
Viziris
thethinktrip.com/sports-fans-youre-wasting-your-energy-think-of-what-you-could-achieve/

75. Alternatieven:
Viziris test,
Youtube filmpjes over screenreaders, toepassing wai-
aria, gebruikers met beperkingen
4 miljoen gebruikers
Viziris
Youtube
thethinktrip.com/sports-fans-youre-wasting-your-energy-think-of-what-you-could-achieve/

76. hss.state.ak.us/gcdse/history/

77. Gebruik een screenreader
hss.state.ak.us/gcdse/history/

78. Gebruik een screenreader
Navigeer met toetsenbord
hss.state.ak.us/gcdse/history/

79. Gebruik een screenreader
Navigeer met toetsenbord
Probeer ZIEN eens
hss.state.ak.us/gcdse/history/

80. “Go to a nerd and talk to him”
Vasilis van Gemert
fanpop.com/clubs/the-it-crowd/images/27399387/title/crowd-wallpaper

81. “Go to a nerd and talk to him”
Vasilis van Gemert or her
fanpop.com/clubs/the-it-crowd/images/27399387/title/crowd-wallpaper

82. Tips van Arend

83. 2busybrunettes.com/2012/02/19/layers-of-love/

84. Vragen?
bornatthecrestoftheempire.blogspot.nl/2007_08_05_archive.html

85. beerbirrabier.com/2011/04/summer-sessions.html

86. johan@q42.nl
@huijkman
arendvanbaarsen@gmail.com
q42.nl/uxcandy
beerbirrabier.com/2011/04/summer-sessions.html