
In-App Search Screen
Design a dedicated in-app search screen for a mobile app. It should feel like a normal destination in the app, not a modal overlay or browser-like search page.
The top of the screen holds the search bar. Below it, show recent searches as the default content, then a results area that takes over once the user starts typing.
The challenge is balancing quick re-entry into past searches with a clear path to new queries. The screen needs to support scanning, tapping, and editing without feeling crowded on a small display.
Think through how the layout changes as the query becomes more specific: recent items, suggestions, and live results should stay legible and easy to move through on one thumb.
Make the search bar stay visually anchored while the content below changes; users should always know where to refine the query.
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.