Le chasseur-cueilleur, Hannibal Lecter, et autres considérations ergonomiques.

La cognition spatiale désigne la faculté cognitive permettant de traiter et manipuler les informations spatiales sous toutes leurs formes. Cette faculté joue un rôle essentiel lors de l’interaction avec des systèmes d’information basés sur des métaphores graphiques.
Voici quelques propriétés de la cognition spatiale et leurs conséquences pour le design de sites web.
Présentation réalisée lors de la Kiwiparty, le 19 juin 2015.
http://kiwiparty.fr/

Transcript

1. Le chasseur-cueilleur, Hannibal Lecter et autres considérations ergonomiques Une présentation #kiwiparty by @lamitransalpin Antonio Capobianco IUT de Haguenau Département MMI
2. De l’origine de cette présentation ‣ Design fluide ‣ One page ‣ Double scroll ‣ Parallaxe Recommandations ‣ Minimal content ‣ Clearly set apart each section ‣ Consider screen size ‣ … Noupe http://goo.gl/Yx4ZH6
3. La cognition spatiale Une brève définition
4. Rôle de la cognition spatiale Alain Berthoz, La manipulation mentale des points de vue. http://goo.gl/68IC8Y
5. La mémoire spatiale
6. La mémoire spatiale De la gestion du territoire à la gestion de l’information …
7. Mémoire spatiale et interfaces Les interfaces graphiques reposent sur une métaphore spatiale.
8. Mémoire spatiale et interfaces Recherche visuelle Recherche spatiale La mémoire spatiale est à la base des comportements experts
9. Axiome : usage de cartes mentales
10. Axiome : usage de cartes mentales Tutos Forum Emploi HTML CSS JS
11. Quelques propriétés de la mémoire spatiale Et leurs conséquences ergonomiques
12. 1. La mémoire spatiale conserve les caractéristiques spatiales Kosslyn, S. M., Ball, T., & Reiser, B. J. (1978). Visual images preserve metric spatial information : evidence from studies of image scanning. Journal of Experimental Psychology : human perception and performance, 4, 47-60. Privilégier des structures larges et peu profondes
13. Caractéristiques spatiales des sites one page Limiter au maximum le nombre d’informations
14. 2. Une information spatiale repose sur un référentiel Exploiter les repères existants Aider l’utilisateur à construire ses propres repères Mou, W, McNamara, T. P, et al. Intrinsic frames of reference in spatial memory. Journal of Experimental Psychology: Learning, Memory, and Cognition, 28(1):162–170, 2002.
15. 3. Une information spatiale c’est « Où » + « Quoi » Frances Yates, L’art de la mémoire. http://goo.gl/Vg57D0 Chaque élément doit avoir une sémantique clairement indiquée
16. « Quoi » Chaque élément doit avoir une sémantique claire -> ne demandez pas à l’utilisateur de la deviner http://www.maltedemuth.com
17. « Où » Chaque partie doit être clairement délimitée http://www.uzik.com
18. « Où » Chaque partie doit être clairement délimitée http://rizonapp.co/
19. « Où » Chaque partie doit être clairement délimitée http://www.wearehinge.com/
20. « Où » Chaque partie doit être clairement délimitée http://www.kinoz.com/
21. Exploiter les référentiels Favoriser un mode de navigation par écran http://camfindapp.com/
22. Andrade, J and Meudell, Is spatial information encoded automatically in memory The Quarterly Journal of Experimental Psychology Section A, 46(2):365–375, 1993. 4. La mémorisation de l’information spatiale est automatique mais pas immédiate Offrir un comportement spatialement stable.
23. Stabilité spatiale Attention avec les design fluides lacantina.co.nz/
24. Stabilité spatiale Attention avec les design fluides simplebits.com/
25. 5. Les animations influencent la mémorisation Bederson, B. B., & Boltman, A. (1999). Does animation help users build mental maps of spatial information?. Information Visualization, 1999.(Info Vis' 99),pp. 28-35. Les animations doivent renforcer la cohérence spatiale du contenu
26. Animations Limiter au maximum les effets de parallaxe http://www.sony.com/be-moved/ Parallaxe scrolling : engaging or annoying ? http://goo.gl/9VvlFA
27. Animations et cohérence spatiale mmibordeaux.com/
28. Conclusion Des tendances a contre-courant de principes ergonomiques de base → N’attendez pas de l’utilisateur qu’il retienne l’information présentée
29. Merci à tous ! Questions ? Merci @justinbasile et @CloTemesvari pour le coup de main Merci @alsacreations pour l’accueil Merci aux étudiants MMI1 de Haguenau pour les remarques constructives Mention spéciale