Pathwise

Manuals / Motion for Product / Checkpoint 9

C · Judgment · advanced · Capstone · Checkpoint 9 of 9

Checkpoint: motion guidelines

A short motion guideline for your product: purposes, durations, easing, a11y, don’ts, examples.

Path progress
100%

Step 1 of 1

Guidelines doc

  • Purpose principles
  • Duration/easing tokens
  • Micro-interaction patterns
  • Reduced motion
  • Don’t-animate list
Guidelines docDrag stickies · tap for tips
Study mapDrag stickies · tap for tipsKeep it shortdrag · tap →Name the waitdrag · tap →Scope locatorsdrag · tap →Trace when stuckdrag · tap →One browser firstdrag · tap →Isolate statedrag · tap →Assert the UIdrag · tap →Retry wiselydrag · tap →Seed datadrag · tap →Close the loopdrag · tap →Keep it shortdrag · tap →Name the waitdrag · tap →Scope locatorsdrag · tap →Trace when stuckdrag · tap →One browser firstdrag · tap →Isolate statedrag · tap →Pathwise hackdrag · tap →Guidelines docdrag · tap →Try thisdrag · tap →Follow the dashed drag · tap →

Do this now

Include 2 good examples and 2 anti-examples with rationale.

Was this step clear?
Chapter learning outcomes
  • Systematizing

Clear these before you leave

Next, learn…

Same neighborhood as Motion for Product — keep the momentum.

DesignGraphic Design
DesignFigma
DesignUI/UX Foundations
DesignDesign Thinking