L’animation en tant que technique de visualisation de l’information Université de Fribourg DIUF, DIVA Jeannette Frey.

Présentation au sujet: "L’animation en tant que technique de visualisation de l’information Université de Fribourg DIUF, DIVA Jeannette Frey."— Transcription de la présentation:

1 L’animation en tant que technique de visualisation de l’information Université de Fribourg DIUF, DIVA Jeannette Frey

2 If a picture saves thousand words, an animation saves thousand pictures. (?)

3 L’animation Apparition relativement récente Rapidement très répandues Etres humains sont très sensibles à l’animation

4

5 Animation et processus cognitif Alerte Perception immédiate Processus pré-attentif Observation consciente Processus post-attentif

6 Pré-attentif: Systèmes de notification Tâche principale / information secondaire à suivre ---> affichage secondaire Messagerie instantanées, horloges, news, bourse Objectifs de design similaires aux affichages principaux … mais doivent être petits

7 Pré-attentif: Systèmes de notification Equilibre entre attention à la tâche principale et tâche secondaire Trois facteurs: L’interruption La réaction La compréhension

8 Moticons Expériences de Bartram/Ware/Calvert: http://www.cs.sfu.ca/~lyn/personal/motion/distraction.html

9 Résultats Icônes animées sont mieux détectées Autant au centre du champ visuel qu’en périphérie Animation implique une distraction par rapport à la tâche principale

10 Optimisation des affichages secondaires Quels types animations attirent l’attention sur un écran secondaire? Quelle taille doit-il avoir? Quel type d’animation permet tout de même la mémorisation de l’information secondaire?

11

12 Résultats Aucune des animations testées (fade, blast, défilement) n’est supérieure pour tous les aspects (détection, distraction, compréhension) --> pour le design, il faut prioriser! La vitesse du travail principal ne diminue pas, mais la concentration (erreurs) Défilement est le meilleur choix pour être conscient des informations secondaires Les petits affichages secondaires sont plus efficaces que les moyens ou les grands Meilleure animation tout critères: fade lent

13 Animation comme technique de filtering, linking et brushing Filtering: enlever (ignorer) des objets et attributs Linking: associer les objets par une recherche Brushing: souligner les sous-ensembles sans supprimer les autres objets

14

15 Résultats Petites animations brèves (2 s.) et simples sont suffisantes pour dégager des objets dissimilaires Le mouvement circulaire est le plus efficace La phase joue un grand rôle: incohérence dans la phase complique beaucoup la recherche

16 Les animations pour l’apprentissage Technologie plus complexes: graphes animés, 3D, simulations… Comme le graphique utilise l’espace pour représenter l’espace… … l’animation est naturelle pour convoyer les concepts de changement dans le temps.

17 Animation pour l’apprentissage L’interactivité est toujours bénéfique à l’apprentissage La prédiction est toujours bénéfique à l’apprentissage

18 Animations pour l’apprentissage: difficultés Difficulté de comparer les contenus des animations à ceux des graphiques statiques Difficulté de séparer le bénéfice de l’animation du bénéfice de l’interactivité et de la prédiction

19 Animations pour l’apprentissage: bénéfices Les gens avec peu d’habilités spatiales apprennent plus vite Permet d’apprendre plus vite à exécuter une tâche (« tutoriaux vidéo ») Animations avec interactivité ou prédiction sont un très bon outil

20 Animations pour l’apprentissage: inconvénients Complexité. Limitations de la perception humaine Apprentissage rapide, mais moins profond qu’avec le texte

21 Animations pour l’apprentissage: lignes directrices Principe de congruence: Il doit y avoir une correspondance naturelle entre changement dans le temps et information conceptuelle transmise Simplicité: l’animation doit pouvoir être perçue et comprise facilement Lenteur: Pour bien saisir le mouvement L’interactivité est une clé pour dépasser les inconvénients.

22 Animations pour l’apprentissage http://www.ibr.cs.tu-bs.de/courses/ss98/audii/applets/BST/RedBlackTree-Example.html

23 Conclusions Dans le processus pré-attentif, beaucoup d’études précises Pour l’apprentissage, encore beaucoup d’éléments à élucider Théorie est importante, car l’animation est chère

24 C’est tout! Merci de votre attention! Questions?