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

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/

25955dee7f34390404b925af267ecb4b?s=128

Antonio Capobianco

June 19, 2015
Tweet

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