$30 off During Our Annual Pro Sale. View Details »

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/

Antonio Capobianco

June 19, 2015
Tweet

More Decks by Antonio Capobianco

Other Decks in Technology

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