Logo of UI Challenges
Sign in
Wireframe example for Podcast Player Screen
An example interpretation of the prompt
Icon of target

Podcast Player Screen

Icon of book open

Design the main podcast player on mobile for a single episode. The screen centers on episode artwork, with the current show and episode info anchored around it.

Playback progress needs to be easy to scan while the episode is playing. Show elapsed time, remaining time, and a scrubber that feels usable on a small touch screen.

The play/pause control is the main action, but the rest of the transport controls still need to sit close enough to reach without crowding the layout. Think one-thumb use.

This screen should feel like a listening state, not a library page. Keep the focus on the current episode and make it obvious where the user is in the audio.

Icon of book open

Make the scrubber thumb large enough to grab without obscuring the progress line or timestamps.

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.