Logo of UI Challenges
Sign in
Wireframe example for Screen Time / Usage Summary
An example interpretation of the prompt
Icon of target

Screen Time / Usage Summary

Icon of book open

Design the mobile Screen Time summary view that shows how the day was spent across apps and categories. This is a system-level screen, so it should feel calm, factual, and easy to scan without looking like an app dashboard.

The main structure is a daily bar chart at the top, with a clear breakdown below it: total usage, app list, category totals, and any limit indicators. The screen should make it obvious what took the most time and where the limits are being hit.

Treat the chart as the anchor and the lists as the explanation. Users should be able to compare today against the rest of the week, then drill into which apps are driving each category. Keep the hierarchy tight so the summary reads fast on a phone.

The interesting part is balancing detail with restraint: enough information to understand habits at a glance, but not so much that the screen feels busy or judgmental. Limits need to be visible as part of the usage story, not bolted on afterward.

Icon of book open

Use one visual language for both usage and limits, so blocked time, remaining time, and over-limit states feel like variations of the same system rather than separate widgets.

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.