Logo of UI Challenges
Sign in
Wireframe example for Voice Memo Recorder
An example interpretation of the prompt
Icon of target

Voice Memo Recorder

Icon of book open

Design the main voice memo recording screen for mobile. The center of the screen is a large record control that can switch to pause while recording.

A waveform visualization should animate or update to show incoming audio, so the user can tell the mic is live even before they speak.

This is a quick-capture media flow, so the layout should stay minimal and thumb-friendly. The record control needs to be the obvious focal point, with the waveform supporting it rather than competing for attention.

Treat the screen as a live capture state, not a setup page. Show enough context to make the recording feel active, but keep the interface quiet and focused.

Icon of book open

Make the waveform react immediately when recording starts, even if it begins with low amplitude, so the live state is unmistakable.

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.