Mouvement

Applies to Windows and Windows Phone

Application Great British Chefs

 

L’utilisation de mouvement peut rendre votre application plus dynamique et lui apporter beauté et personnalité. Le mouvement doit aider les utilisateurs à comprendre ce qui se passe en fournissant des transitions fluides entre les états. Suivez le principe « rapide et fluide » en concevant des animations efficaces et qui fonctionnent correctement. Votre application doit répondre sans à-coup aux entrées des utilisateurs.

Mouvement dans Windows

Windows est 100 % numérique et n’essaie pas de copier ou d’imiter les objets ou comportements du monde réel. Windows évite les soi-disant passages obligés tels que le flou cinétique ou les effets de rebond ou d’étirement exagérés. En effet, les mouvements dans Windows sont nets et précis, et les objets bougent facilement sans presque aucun frottement.

Même s’il est possible aux utilisateurs de naviguer dans du contenu uniquement à l’aide du mouvement panoramique et du défilement simple, le zoom sémantique permet d’améliorer considérablement les performances de navigation et d’organisation. Le zoom sémantique réduit considérablement l’impression de navigation longue dans un contenu très riche et permet d’accéder rapidement et facilement aux emplacements au sein de ce contenu.

 

zoom sémantique dans l’application Netflix

 

Comment utiliser le mouvement

Tout comme une disposition statique, une animation doit utiliser une hiérarchie visuelle.. Toutes les parties d’une disposition ne sont pas significatives. Identifiez les parties qui sont les plus importantes et appliquez les animations en conséquence.

L’application Great British Chefs est animée avec des transitions entre les pages. Le zoom sémantique dans cette application simplifie la navigation et complète harmonieusement la barre de navigation.

 

zoom sémantique dans l’application Great British Chefs

 

La section Recettes est particulièrement intéressante. Les vignettes se retournent pour afficher le nom du plat et le nom du chef. Cet élément inattendu est conçu pour ravir l’utilisateur et l’inviter à explorer plus en détail le contenu très riche de cette application.

 

recettes dans l’application Great British Chefs

 

Vous pouvez également utiliser le mouvement pour communiquer la personnalité de votre application et représenter votre marque. L’animation dans l’écran de démarrage de cette application Netflix est discrète et très belle, et prouve que les animations n’ont pas besoin de réclamer toute l’attention pour être réussies. Quand l’application est chargée, le rouge de l’arrière-plan s’assombrit et le logo flotte au centre de l’écran pour laisser apparaître le cercle de progression.

 

écran de démarrage de l’application Netflix

 

Rubriques associées

Animation de votre interface utilisateur (JavaScript)
Animation de votre interface utilisateur (C#/VB/C++)
Galerie

 

 

Afficher:
© 2015 Microsoft