Animation la plus utile dans une application Web ou de bureau

Question

De nombreux effets d’animation ne sont que des bonbons à la vue, mais il existe des situations dans lesquelles les animations communiquent efficacement à l’utilisateur. Quelles sont vos utilisations préférées pour les animations et quel type d'animation utilisez-vous?

Exemple: animer des éléments vers le bas lorsqu'un nouvel élément est inséré dans une liste

Answer 1

Il existe un très bel article de Ben Bederson et Angela Boltman dans lequel ils évaluent l’impact de l’animation sur la capacité de l’utilisateur à créer une carte mentale de l’information dans l’espace: Construire des cartes mentales des informations spatiales?

Answer 2

J'aime beaucoup l'utilisation de Google Chrome lors du téléchargement d'un fichier. C’est difficile à décrire, mais c’est un cercle qui se remplit comme un graphique à secteurs au fur et à mesure du téléchargement, le cercle est superposé à l’icône du fichier que vous téléchargez. Très glissant.

Answer 3

Un exemple auquel je peux penser est l’animation utilisée par les systèmes d’exploitation lorsque vous réduisez une fenêtre.

Microsoft Windows et Apple OS X animent tous les deux la fenêtre située dans la barre des tâches (ou le Dock sous OS X) afin d'indiquer à l'utilisateur l'emplacement de la fenêtre. Sinon, les utilisateurs novices qui ont minimisé par accident risquent d’avoir du mal à récupérer la fenêtre.

Je n'utilise pas Linux, mais je suis presque sûr que c'est la même chose. Je ne suis pas discriminant =)

Answer 4

De enjoy3d.com

enjoy3d.com http://worldsware.com/images/mouse.gif

Appuyez sur le bouton de votre souris

et déplacez-vous pour regarder autour de vous.

Answer 5

Je pense que tous les changements visuels ne doivent pas être rapides. Qu'il s'agisse d'une notification d'état, d'une fenêtre agrandie / réduite ou de données supprimées / ajoutées. Je ne trouve pas de référence, mais il est généralement recommandé de ne pas faire environ 1 à 2 secondes d'animation, ce qui correspond au temps de réponse de l'utilisateur.

Mes utilisations préférées de l'animation ne sont pas dans un logiciel commercial (bien qu'Apple y soit doué), mais dans un document de recherche intitulé Phosphor , que je considère comme l'une des meilleures idées d'interface utilisateur qui n'a pas encore été mise en œuvre dans les principaux systèmes d'exploitation.

Answer 6

Les gifs de chargement AJAX - vous devez disposer d'un indicateur indiquant que vous avez certainement enregistré un événement et vous faites quelque chose à ce sujet

Answer 7

Les barres de progression conviennent aux choses qui prennent plus d’un instant ou deux, mais seulement quand elles sont précises. Une barre de progression inexacte est pire que rien, à mon avis.