motion

Topics in the source

• Motion
• Decide whether it moves
• Pick the cheapest tool
• Choose the properties
• Easing, duration and springs
• Interruption and exit
• Reduced motion and hover
• Judge the feel

Motion is earned, so decide whether something moves before deciding how it moves. Every value below is a starting recipe, and a product's own tokens and a measured result outrank it. When a person describes an effect and wants its name, pull the motion-vocabulary reference instead. Place the motion in a frequency tier first, because the more often a person sees it, the shorter and subtler it is. | How often a person meets it | Motion | | --- | --- | | A hundred times a day or more, such as a shortcut or a command palette toggle | None, so the action resolves at once | | Tens of times a day, such as hover or list navigation | Fast and near imperceptible, or none | | Occasionally, such as a modal, a drawer or a toast | Standard motion | | Rarely or once, such as onboarding or a finished task | Room for delight | A keyboard action takes the tier of how often it runs, like any other action. Visible focus and an instant state change are feedback rather than motion, and they stay. Then name the purpose in one word from this list, or the motion is not built: Feedback confirms the interface heard the person. Spatial consistency shows where something came from or went. State indication make

This is an excerpt. Refer to the complete source and its current requirements.