
System Search Overlay
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.
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.
Get design challenge updates in your inbox
New prompts and challenge updates. It’s free.