Friendliness & Approachability Animation

Create animations that welcome users and make interfaces feel warm and inviting.

Emotional Goal

Friendliness comes from gentle, welcoming motion that doesn't intimidate. Approachability means animations that invite interaction and make users feel comfortable.

Disney Principles for Friendliness

Squash & Stretch

Moderate, soft deformation (10-20%). Enough to feel alive without being cartoonish. Like a friendly handshake—warm but appropriate.

Anticipation

Gentle preparation (100-150ms). Friendly motion telegraphs intention without startling. A small "hello" before action.

Staging

Open, inviting compositions. Elements arranged to welcome, not confront. Clear pathways into the interface.