Accessibilité et design inclusif - Horizon UX 2020

// Horizon UX @ L'École Multimedia (en ligne) – 9 juin 2020
https://www.ecole-multimedia.com/fr/agenda/horizon-ux-1755.html
« Accessibilité et design inclusif » – Principes et cas concrets

Arnaud Delafosse sur Twitter : http://twitter.com/arnauddelafosse

Transcript

1. 1 Accessibilité et Design inclusif Arnaud Delafosse – Horizon UX | 09 juin 2020 Horizon UX – 09 juin 2020
2. 2 Arnaud Delafosse – Horizon UX | 09 juin 2020 Consultant qualité et accessibilité web chez Arnaud Delafosse @arnauddelafosse
3. 3 Arnaud Delafosse – Horizon UX | 09 juin 2020
4. 4 Arnaud Delafosse – Horizon UX | 09 juin 2020 User eXperience
5. 5 Arnaud Delafosse – Horizon UX | 09 juin 2020 (All) User(s) eXperience
6. 6 Arnaud Delafosse – Horizon UX | 09 juin 2020
7. 7 Arnaud Delafosse – Horizon UX | 09 juin 2020 Design inclusif = design qui n’exclut personne • Inclusion numérique, • Conception inclusive • Design universel
8. 8 Arnaud Delafosse – Horizon UX | 09 juin 2020 Ronald Mace (architecte américain, 1941 - 1998) Le Design universel est la conception de tout aménagement, produit, équipement, programme ou service qui puisse être utilisé par toute personne, sans nécessiter ni d'adaptation ni de conception spéciale, et ce quels que soient son sexe, son âge, sa situation ou son handicap.
9. 9 Arnaud Delafosse – Horizon UX | 09 juin 2020
10. 10 Arnaud Delafosse – Horizon UX | 09 juin 2020 Vidéo de Charlie Owen (38 min) : « Dear Developer, the Web Isn’t About You » [En] https://www.paris-web.fr/2018/conferences/dear-developer-the-web-isnt-about-you.php
11. 11 Arnaud Delafosse – Horizon UX | 09 juin 2020 Source : @ericwbailey / https://noti.st/ericwbailey/QxdLmO/slides#slide13-desc Personne Matériel Le Responsive design c’est adapter le design pour un navigateur inconnu. On ne fait pas d’hypothèse sur où il sera consulté. L’Inclusive design c’est adapter le design pour un utilisateur inconnu. On ne fait pas d’hypothèse sur qui va le consulter.
12. 12 Arnaud Delafosse – Horizon UX | 09 juin 2020 Source : https://youtu.be/87QwWpzVy7I
13. 13 Arnaud Delafosse – Horizon UX | 09 juin 2020
14. Arnaud Delafosse – Horizon UX | 09 juin 2020 14 Concevoir pour la norme
15. 15 Arnaud Delafosse – Horizon UX | 09 juin 2020
16. 16 Arnaud Delafosse – Horizon UX | 09 juin 2020 Todd Rose The end of average
17. 17 Arnaud Delafosse – Horizon UX | 09 juin 2020
18. 18 Arnaud Delafosse – Horizon UX | 09 juin 2020 Huit personas qui peuvent aider à créer de l’empathie : « Personas for Accessible UX » [En] http://rosenfeldmedia.com/a-web-for-everyone/personas-for-accessible-ux/ Personas « Barclays Diverse Personas » [En] : 14 personas et leurs fiches détaillées https://members.businessdisabilityforum.org.uk/resource-category/resource/barclays-diverse-personas/
19. Principes de Conception Inclusive du Paciello Group http://inclusivedesignprinciples.org/fr/ 19 Arnaud Delafosse – Horizon UX | 09 juin 2020
20. 20 Inclusive Design at Microsoft https://www.microsoft.com/en-us/design/inclusive Arnaud Delafosse – Horizon UX | 09 juin 2020
21. 21 Arnaud Delafosse – Horizon UX | 09 juin 2020
22. 22 Arnaud Delafosse – Horizon UX | 09 juin 2020
23. 23 Arnaud Delafosse – Horizon UX | 09 juin 2020
24. 24 Arnaud Delafosse – Horizon UX | 09 juin 2020
25. 25 Arnaud Delafosse – Horizon UX | 09 juin 2020 Source : https://adamsilver.io/articles/float-labels-are-problematic/
26. 26 Arnaud Delafosse – Horizon UX | 09 juin 2020
27. 27 Arnaud Delafosse – Horizon UX | 09 juin 2020
28. 28 Arnaud Delafosse – Horizon UX | 09 juin 2020 RWD + Mobile 1st
29. 29 Arnaud Delafosse – Horizon UX | 09 juin 2020
30. Ressources - Livres 30 Inclusive Design Patterns [En] de Heydon Pickering Accessibility for Everyone [En] de Laura Kalbag Mismatch, How inclusion shapes design [En] de Kat Holmes Tragic Design [En] de Jonathan Shariat and Cynthia Savard Saucier Arnaud Delafosse – Horizon UX | 09 juin 2020 Color Accessibility Workflows [En] de Geri Coady
31. Ressources – En ligne 31 Les 6 posters du UK Home Office « Concevoir pour l’accessibilité » Traduits en français : https://github.com/UKHomeOffice/posters/tree/master/accessibility/dos-donts/posters_fr Arnaud Delafosse – Horizon UX | 09 juin 2020
32. Ressources – En ligne 32 • A Primer to Web Accessibility for Designers [En] https://uxplanet.org/a-primer-to-web-accessibility-for-designers-2c548448c612 • Designing for accessibility is not that hard [En] https://uxdesign.cc/designing-for-accessibility-is-not-that-hard-c04cc4779d94 • How To Design For Everyone, In 3 Steps [En] https://www.fastcompany.com/90160000/how-to-design-for-everyone-in-3-steps • Accessibility for UX designers [En] https://accessibility-for-teams.com/accessibility-for-ux-designers • Accessible by design [En] https://seesparkbox.com/foundry/accessible_by_design • Accessibility guidelines for UX Designers [En] https://uxdesign.cc/accessibility-guidelines-for-a-ux-designer-c3ba775539be Arnaud Delafosse – Horizon UX | 09 juin 2020
33. Ressources – En ligne 33 • Vidéo UX Mastery (4 min) : « Everyone is Different! » [En] https://youtu.be/6ic8OO4ORI8 • Vidéo d’Elise Roy (13 min): « When we design for disability we all benefit » [En] https://www.ted.com/talks/elise_roy_when_we_design_for_disability_we_all_benefit • Vidéo de Kat Holmes (20 min) : « Rethink What Inclusive Design Means » [En] https://youtu.be/-iccWRhKZa8 Arnaud Delafosse – Horizon UX | 09 juin 2020
34. Ressources – En ligne 34 https://twitter.com/arnauddelafosse/status/1124961934070226945 Arnaud Delafosse – Horizon UX | 09 juin 2020
35. 35 Merci Arnaud Delafosse – Horizon UX | 09 juin 2020 @arnauddelafosse