Question 1

What is the functional purpose of motion design in user experience, and when does it become annoying?

Accepted Answer

Motion clarifies spatial relationships between screens, provides immediate feedback for actions, and directs attention. It becomes annoying when it is slow or excessively showy and interrupts task completion.

Question 2

Compare easing curves (Linear, Ease-In, Ease-Out) with spring physics.

Accepted Answer

Linear motion feels artificial and robotic. Ease-Out starts fast and slows down on arrival (ideal for elements entering a screen); Ease-In accelerates (ideal for elements leaving). Spring physics simulates the real world with natural mass and bounce.

Question 3

What are standard duration guidelines for interactive user-interface animations?

Accepted Answer

Microinteractions and state changes typically last 100–200 ms, medium transitions for dialogs and elements 200–300 ms, and major full-screen transitions should not exceed 400–500 ms.

Question 4

What is a staggered animation, and how do you choreograph cohesive motion for lists and cards?

Accepted Answer

It is a small, sequential delay (often 20–50 ms) between items appearing in a list, creating a natural visual flow that guides the user's eye without simultaneous visual clutter.

Question 5

How do you use haptic feedback to increase confidence in sensitive transactions?

Accepted Answer

Use precise, millisecond-timed mechanical vibrations (such as the Apple Taptic Engine), synchronized with visual and audio feedback, to confirm important actions and physically signal success or failure.

Question 6

What are the challenges of gesture-based interface design, and how do you make gestures discoverable and understandable?

Accepted Answer

The main challenge is that touch gestures are inherently invisible and lack direct visual affordance. Provide animated visual cues and always offer explicit alternative buttons.

Question 7

Why are Skeleton Screens better than spinning loading indicators?

Accepted Answer

They progressively show the visual structure of the page to suggest that content is being completed and is nearly ready, reducing perceived wait time and preventing sudden layout shifts.

Question 8

How do you design motion for users with vestibular disorders and support the Prefers-Reduced-Motion setting?

Accepted Answer

Offer calmer alternatives (such as a fade instead of sudden zooming, jumping, and parallax), and programmatically respect the system's prefers-reduced-motion preference.

Question 9

How can micro-animations help users understand and recover from errors?

Accepted Answer

They intuitively direct attention to the exact problem, such as a slight shake of an incorrect password field, using familiar human motion to signal rejection without dry technical wording.

Question 10

Compare direct and indirect manipulation in screen interactions.

Accepted Answer

Direct manipulation lets users interact with an element itself using their fingers or pointer, such as pinching to zoom and dragging an image. Indirect manipulation uses external controls, such as a slider or numeric field to change size.