Logo of UI Challenges
Sign in
Wireframe example for System Search Overlay
An example interpretation of the prompt
Icon of target

System Search Overlay

Icon of book open

Design the pull-down system search overlay that appears over the home screen on mobile. It should feel like a fast, always-available launcher, not a full app page.

The top of the sheet is a search field that accepts typed queries and immediately starts filtering across apps, contacts, and content. The rest of the overlay is a grouped results list that updates as the query changes.

Treat the grouping as part of the experience: apps, people, and content need distinct section treatment so the user can scan by source before reading individual results.

This is a system surface, so it has to sit cleanly over whatever was underneath, read instantly, and support the same interaction pattern whether the user is searching for an app name, a person, or a document title.

Icon of book open

Make the empty state useful: show a few recent or suggested results in the same grouped structure so the overlay already teaches where apps, contacts, and content will appear.

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.