Logo of UI Challenges
Sign in
Wireframe example for Live Photo / Motion Photo
An example interpretation of the prompt
Icon of target

Live Photo / Motion Photo

Icon of book open

Design the mobile photo viewer for a Live Photo or Motion Photo. The screen opens on the still image, with a clear Live badge and a subtle cue that the photo can be pressed and held to play its motion clip.

The viewer should feel native to a camera roll or gallery app: full-screen media, minimal chrome, and controls that stay out of the way until needed. The still frame must carry the experience on its own before playback starts.

When the user presses and holds, the clip plays in place without breaking the viewer layout. The transition should feel immediate and tied to the image, not like opening a separate player.

Include a key-frame picker for choosing the best still frame from the motion clip. This is the main editing affordance, so it needs to be easy to find, scrub, and confirm without losing the current photo context.

Icon of book open

Make the Live badge and the press-and-hold hint visually distinct: one identifies the media type, the other teaches the gesture.

Better at UI design with every challenge

Select complexity and generate challenge.

Pick a platform.

You can always choose to receive scheduled challenges. A unique design prompt will be sent to your email daily for the duration you select.

Get design challenge updates in your inbox

New prompts and challenge updates. It’s free.