Motion Web Design: l'Animation au Service de l'Expérience Utilisateur - Tony Aubé at WAQ15
Follow me on: Twitter: https://twitter.com/aubetony Medium: https://medium.com/@tonyaub L’animation sur le Web a considérablement gagné en popularité au cours des dernières années. En raison de cette croissance fulgurante, plusieurs designers Web se retrouvent aujourd’hui à devoir faire de l’animation dans le cadre de leurs fonctions.à Toutefois, le manque d’expérience et de connaissance du domaine mène souvent à une utilisation maladroite et incohérente de celle-ci. On s’inspire à gauche et à droite sur des sites tels Dribbble ou Awwward sans comprendre le potentiel réel qu’offre ce nouvel outil. En fait, au-delà de son aspect visuellement intéressant, l’animation peut avoir un impact considérable sur l’expérience utilisateur. Au cours de la présentation, nous verrons donc comment l’animation peut contribuer aux principes d’utilisabilité de Nielsen en plus d’améliorer l’esthétisme général de l’interface et de créer une connexion émotionnelle avec l’utilisateur. Nous repasserons aussi sur les principes universels d’animation développés par les studios Walt Disney dans les années 1950 et verrons comment ceux-ci s’appliquent au développement de l’interface utilisateur. Finalement, nous lèverons le voile sur une nouvelle profession de plus en plus en demande à Silicon Valley ; celle de Motion UI Designer. This talk was given on April 18, 2015, at Web à Quebec, in Quebec city: http://2015.webaquebec.org/activite/motion-web-design-lanimation-au-service-de-lexperience-utilisateur/
Recommandé
Contenu connexe
En vedette
En vedette (16)
Similaire à Motion Web Design: l'Animation au Service de l'Expérience Utilisateur - Tony Aubé at WAQ15
Similaire à Motion Web Design: l'Animation au Service de l'Expérience Utilisateur - Tony Aubé at WAQ15 (20)
Plus de Tony Aubé
Plus de Tony Aubé (10)
Motion Web Design: l'Animation au Service de l'Expérience Utilisateur - Tony Aubé at WAQ15
- 2. Tony Aubé Maitrise Design Multimédia, Université Laval Motion Designer, Université Laval Lead Web/Motion designer, Unik Média
- 5. Le « grain » de l’écran
- 12. Flux
- 13. is the new Flux Flat“ ”
- 19. Tout ce qui affecte l’interaction entre un site web et ses utilisateurs.“ ”
- 21. Pragmatique Hédonique • Utilité • Utilisabilité • Accessibilité • Fiabilité • Esthétisme • Symbolisme • Émotion
- 23. Utilisabilité
- 25. Correspondance du système avec le monde réel
- 26. Continuité
- 34. « Carte Mentale »
- 38. Lien conceptuel
- 39. Common Fate Principes de la gestalt
- 58. Visibilité de l’état du système
- 67. Reconnaissance, diagnostic et récupération des erreurs
- 68. Tony Aubé Osmo
- 69. Feedback
- 70. Affordance
- 78. Esthétisme
- 80. Formes
- 81. Couleurs
- 82. Animation
- 90. Slow in, slow out Compression et étirement Anticipation et continuité Arcs Actions secondaires Exagération Timing
- 91. Plus une animation est réaliste, plus elle est esthétique
- 92. Slow in, Slow out www.the12principles.tumblr.com
- 93. Base
- 94. Slow in, Slow out
- 100. Trajectoire arquée
- 101. Overlapping
- 102. Overlapping
- 103. Timing
- 104. Exagération
- 107. Plus une animation est réaliste, plus elle est esthétique
- 109. types d’esthétisme 2
- 110. Clean
- 111. • Opacité • Transitions légères • Invisible Clean
- 113. Wow
- 114. • Systèmes de particules • 3D • Background video • Transitions extrêmes Wow
- 117. Émotion
- 118. Conveying a certain feeling is the essence communication. The response of the viewer is an emotional one, because art speaks to the heart. This gives animation an almost magical ability to reach inside any audience. Frank Thomas and Ollie Johnston, The Walt Disney Company “ ”
- 120. • Personnalité • Surprise • Anticipation
- 121. Personnalité
- 128. Surprise
- 133. Anticipation
- 137. Autre
- 138. Quatrième dimension
- 139. 3D
- 141. Storytelling
- 142. ?
- 143. Aaron Schurman Senior Motion UI Designer, Google
- 145. Développer et implémenter le « langage cinétique » de la marque
- 151. After Effects Edge Animate Framer JS Pixate Web Designer
- 152. Modèle KANO
- 158. Merci!