The ultimate guide to proper use of animation in UX
📌 GUIDE détaillé sur la manière de réaliser de bonnes animations motion. Le tout avec de nombreux exemples et de petites animations explicatives très graphiques.
Invision Studio VS Adobe XD
📌 ADOBE XD vs INVISION STUDIO – Meilleur que SKETCH ??
CSS ONLY FLOAT LABEL
📌 CSS ONLY FLOAT LABEL est un code CSS hébergé sur le génial codepen illustrant merveilleusement bien l’animation d’un libellé passant de l’intérieur du champ de saisie , au dessus du champs de saisie. Personnellement, je considère comme une bonne pratique, à complété d’un control de surface indiquant si le champs est OK ou KO 😉
FLOW : outil d’animation
📌 FLOW sort de beta et passe enfin en version 1.
CHEATSTORMING
📌 Un article très interessant sur le CHEATSTORMING
Micro intéractions
📌 Sujet récurrent pour moi, Les micro-interactions, et animations au service de l’expérience utilisateur.
ANIMISTA
📌 j’avais déjà écris sur ANIMISTA, mais je crois bien qu’ils viennent d’ajouter de nouvelles animations CSS. Il est possible maintenant d’agir sur une animation du background, de texte en opening, en ending. Toujours aussi simple d’utilisation !
Animation sur maquette
📌 J’avoue que c’est assez fort !!! Avec le petit making of à la fin qui va bien !
Micro-intéractions
📌 Encore un article sur les micro-interactions, rédigé par Pablo Stanley
Phase : outil de conception
📌 PHASE est un futur outil de design et prototypage qui semble avoir du potentiel.
SPIRIT JS est un outil d’animation avec timeline et keyframe
📌 SPIRITjs est un outil d’animation avec timeline et keyframe pour Designers et Développeurs.
WEBFLOW : outil de conception complet
📌 WEBFLOW permet maintenant de créer des animations en reprenant un peu le concept de l’inspector de KEYNOTE.
FLOW animator
📌 J’avais déjà évoqué FLOW et ceux qui me connaissent un peu, connaissent ma passion pour les outils avec des Timelines 😉
Motion Design : Le recueil
📌 Très bon article sur le Motion Design. J’aurai tendance à utiliser KITE ou HYPE TUMULT pour effectuer ce genre de projet. Je compte bien essayer rapidement SVGATOR pour les petites animations de feedback et les intégrer à un proto (https://app.svgator.com/) Et enfin pour compléter cet article, je vous met un lien un autre article sur le même sujet :
https://www.webdesignerdepot.com/2017/10/3-smart-ways-to-engage-users-with-animation/