What is Duration?
How long an animation takes from start to finish. Short durations (100 to 200ms) feel snappy. Longer ones (300 to 500ms) feel more deliberate.

120 ms snappy · 350 ms deliberate
A 100 to 200ms duration feels...
Write it in your own words in the app.
In real work
Button press at 120ms. Full-screen transitions at 350ms. Keep all other durations between those two.
In the illustration
Both carriages leave the same start line; the 120 ms one snaps across almost at once, the 350 ms one glides in later, and the stopwatch's two hands mark each arrival.
Audit every duration in the onboarding flow in your animation library and bring anything over 400 ms down unless it is a page transition.
Try it now
The fastest way to learn a word is to use it. Open this line in the agent you already work in and watch what it does. Change the tool to the one you use.
Go further
01Practice
Make it stick
One term a day, a short quiz, and sentence practice that checks your own words.
02Verify
Prove you know it
Pass the quiz and keep it in a Skills Wallet you can share with anyone who needs proof.
03Career
Find the work that uses it
See which roles lean on this vocabulary, and what they pay in year one.





