Designing Motion for Real-Time Vision Systems

UX motion for Google Lens when it first launched. The goal was to make an invisible process feel understandable, responsive, and continuous by showing the system’s real-time states: Looking, Identified, and Delivering.

Looking

Used motion to communicate that the system is actively scanning and recognizing elements in the environment. Subtle, continuous movement creates a sense of awareness and readiness without overwhelming the interface.

Identified

Designed transitions that signal recognition and understanding. As the system successfully identifies the input, the affordance framing the selection transitions from white into Google’s four signature colors, turning confirmation into a subtle branded moment.

Delivering

Focused on clear and confident presentation of results. Motion transitions smoothly into content, reinforcing that the system has identified the input and is ready to deliver value.

State Transitions

Connected each state through continuous motion to create a seamless flow. Maintained spatial and temporal consistency so the experience feels like a single evolving interaction.

Work Impact

Reinforced system feedback through lightweight motion cues that improve responsiveness and reduce perceived latency. Introduced subtle moments of expression, including Google’s four signature colors as a branded confirmation state, making the experience feel more intuitive, cohesive, and alive.

Previous

Coinbase Base App
Next

Facebook Audio