Motion designer design interview questions

As asked

A mobile app moves users from a list of cards to a detailed view. How would you design motion that helps comprehension rather than just looking polished?

Sample answer outline

Use motion to preserve object continuity: the selected card can expand or hand off into the detail surface so users understand where they went. Keep timing short, easing natural, and hierarchy clear so the transition does not delay the task. Define what moves, what fades, and what remains stable, then specify behavior for interruption and back navigation. Respect reduced-motion settings with an alternate transition that preserves orientation without large movement. Candidates who talk only about delight miss the core product motion goal: reducing cognitive load.

Expect these follow-ups

• How would you specify this for iOS, Android, and web engineers?
• What changes for a low-end device?
• How do you decide whether the motion is too slow?

As asked

A dashboard card can move from loading, to partial data, to complete, to error. How would you design the motion so users understand the state without being distracted?

Sample answer outline

A strong answer starts with information hierarchy, not animation taste. Loading should set expectation without pretending precision, partial data should reveal structure progressively, complete should settle quickly, and error should draw attention only enough to prompt recovery. The candidate should discuss duration, easing, stagger, interruption, and reduced-motion behavior. Interviewers look for restraint: motion should clarify continuity and state, not decorate the interface. A common miss is designing one beautiful transition while ignoring rapid state changes, network retries, or users who prefer reduced motion.

Expect these follow-ups

• How would this change for a finance dashboard that updates every second?
• What is your rule of thumb for when motion should be removed?
• How do you hand this off so engineering does not guess timings?

As asked

Your product uses page transitions, animated charts, skeleton loaders, and celebratory effects. How do you design a reduced-motion strategy that still feels coherent?

Sample answer outline

Reduced motion is not the same as no feedback. Keep semantic state changes but swap spatial movement for opacity, color, instant layout changes, or shorter fades where appropriate. The answer should reference OS-level prefers-reduced-motion, product settings, QA coverage, and documentation in the motion system. The candidate should separate essential motion that supports comprehension from ornamental motion that can be removed. A weak answer treats accessibility as a final toggle rather than a design constraint from the start.

Expect these follow-ups

• Which animations would you keep even in reduced-motion mode?
• How would you test this with users who experience vestibular discomfort?
• How do you prevent teams from bypassing the motion tokens?