Logo of UI Challenges
Sign in
Wireframe example for In-App Search Screen
An example interpretation of the prompt
Icon of target

In-App Search Screen

Icon of book open

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.

Icon of book open

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.

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.