Throughline Motion
Chaque transition est un moment sur le throughline emotionnel. L'animation n'est pas decoration, c'est experience.
De quoi s'agit-il ?
Throughline Motion traite chaque transition comme une traversee emotionnelle. Le corps percoit le mouvement avant que la cognition ne le traite. Une coupe brusque declenche l'alerte. Un fondu lent signale la continuite. La recherche en cognition incarnee (Lakoff et Johnson, 1999) etablit que les concepts abstraits sont ancres dans l'experience physique.
Quand l'utiliser
Apres avoir cree votre carte spatiale (Recette 02). Quand vous definissez les transitions entre ecrans ou etats. Pendant la specification de motion et le handoff d'animation.
Comment procéder
Pour chaque transition, nommez les deux etats emotionnels : quel etat l'utilisateur quitte, quel etat il entre.
Choisissez un easing qui correspond a la traversee emotionnelle : ease-out pour arrivee/soulagement, ease-in pour depart/tension, spring pour surprise/plaisir, lineaire pour flux mecaniques.
Definissez la duree par charge cognitive : transitions a haute charge plus lentes (200-400ms), confirmations legeres rapides (80-150ms).
Choisissez une direction : expansion pour ouverture/decouverte, contraction pour fermeture/confirmation, horizontal pour navigation, vertical pour hierarchie.
Conseils de pro
La plupart des specs motion disent 'fade 200ms'. C'est une description. Ceci est une intention : 'l'utilisateur traverse du doute vers la clarte, l'interface s'ouvre, elle ne bascule pas.'
La duree est inversement proportionnelle a la familiarite de l'utilisateur et directement proportionnelle a la significativite de l'etat.
Wrong easing in a medical interface can feel flippant. Wrong easing in a consumer app can feel bureaucratic. The grammar matters.