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
   

   View Slide

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
   

   View Slide

3. La cognition spatiale
   Une brève définition
   

   View Slide

4. Rôle de la cognition spatiale
   Alain Berthoz, La manipulation mentale des points de vue. http://goo.gl/68IC8Y
   

   View Slide

5. La mémoire spatiale
   

   View Slide

6. La mémoire spatiale
   De la gestion du territoire à la gestion de l’information
   …
   

   View Slide

7. Mémoire spatiale et interfaces
   Les interfaces graphiques reposent sur une métaphore spatiale.
   

   View Slide

8. Mémoire spatiale et interfaces
   Recherche visuelle
   Recherche spatiale
   La mémoire spatiale est à la base des comportements experts
   

   View Slide

9. Axiome : usage de cartes mentales
   

   View Slide

10. Axiome : usage de cartes mentales
    Tutos Forum Emploi
    HTML
    CSS
    JS
    

    View Slide

11. Quelques propriétés de la mémoire spatiale
    Et leurs conséquences ergonomiques
    

    View Slide

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
    

    View Slide

13. Caractéristiques
    spatiales des sites
    one page
    Limiter au maximum le nombre
    d’informations
    

    View Slide

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.
    

    View Slide

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
    

    View Slide

16. « Quoi »
    Chaque élément doit avoir une sémantique claire
    -> ne demandez pas à l’utilisateur de la deviner
    http://www.maltedemuth.com
    

    View Slide

17. « Où »
    Chaque partie doit être
    clairement délimitée
    http://www.uzik.com
    

    View Slide

18. « Où »
    Chaque partie doit être
    clairement délimitée
    http://rizonapp.co/
    

    View Slide

19. « Où »
    Chaque partie doit être
    clairement délimitée
    http://www.wearehinge.com/
    

    View Slide

20. « Où »
    Chaque partie doit être
    clairement délimitée
    http://www.kinoz.com/
    

    View Slide

21. Exploiter les
    référentiels
    Favoriser un mode de
    navigation par écran
    http://camfindapp.com/
    

    View Slide

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.
    

    View Slide

23. Stabilité spatiale
    Attention avec les design fluides
    lacantina.co.nz/
    

    View Slide

24. Stabilité spatiale
    Attention avec les design fluides
    simplebits.com/
    

    View Slide

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
    

    View Slide

26. Animations Limiter au maximum les effets
    de parallaxe
    http://www.sony.com/be-moved/
    Parallaxe scrolling : engaging or annoying ? http://goo.gl/9VvlFA
    

    View Slide

27. Animations et cohérence spatiale
    mmibordeaux.com/
    

    View Slide

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
    

    View Slide

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
    

    View Slide