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

Music Library Screen

Icon of book open

Design a mobile music library screen that lists songs or albums in alphabetical order. The screen should feel like a fast browse surface, not a playlist or player.

Group the list by letter sections so people can jump through a large collection quickly. Each row needs enough information to identify the item and enough hierarchy to keep the list scannable.

Use play icons as part of the row treatment, so every item reads as playable without making the screen feel like a giant control panel. The list should still feel calm and dense.

Think about how the alphabet structure and playback affordance work together on a small screen. The challenge is balancing quick navigation, item recognition, and tap targets in a long scrolling list.

Icon of book open

Make the section headers sticky or highly distinct so users always know where they are in the alphabet while scrolling.

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.