Logo of UI Challenges
Sign in
Wireframe example for Taking Photos
An example interpretation of the prompt
Icon of target

Taking Photos

Icon of book open

Design the photo-taking flow as a tight sequence: enter camera, capture, review, and either retake or keep. The main screen should be the live viewfinder, not a settings panel. Put the shutter button in the primary thumb zone, with camera flip, flash, and timer nearby but secondary.

Before capture, show only the controls needed to take the shot. If you include grids, aspect ratio, or exposure controls, keep them optional and easy to dismiss. The user should be able to understand framing, camera state, and available actions at a glance without hunting through menus.

After capture, freeze the image and surface a small preview with the next decision clearly visible: retake, accept, or continue to edit/share. Keep the original photo intact until the user confirms. If permissions are missing, storage is full, or the camera fails, show the issue in place and offer the fastest recovery action.

Icon of book open

For inspiration, study the camera interfaces of popular social media apps. They often prioritize speed and ease, with gestures for switching cameras and recognizable icons for user familiarity.

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.