Designing Motion for Social Audio Experiences

UX motion for Facebook’s first audio interface, exploring how audio could be represented visually inside the product for the first time. The goal was to create an intuitive and expressive system that communicates audio activity in real time while remaining familiar within Facebook’s ecosystem.

Audio Affordance

Audio affordance that reacts dynamically to live audio frequencies and volume levels. The motion becomes more active and expressive as voices intensify, creating a responsive visual representation of sound and conversation in real time.

Captions

Integrated real-time captions synchronized directly with the audio experience. This allows users to passively consume content while also supporting accessibility and alternative ways of engaging with audio posts.

Motion System

Developed a scalable motion language for social audio experiences. Combined familiar Facebook Watch playback controls with new paradigms for representing live audio visually, reducing friction while maintaining consistency across the platform. The audio affordance, timing, and captions work together as a cohesive system that balances clarity, expression, and usability.

Work Impact

Established the first visual language for audio inside Facebook products, helping define how live audio activity could feel responsive, understandable, and expressive in real time. Combined motion, accessibility, and familiar interaction patterns into a cohesive experience that introduced a new type of media interaction to the platform.

Previous

Google Lens
Next

Google Search