Skip to content
IndexDesign corpus

Search (Mobile app)

Content & Data Views · 8 checks · 9 resources

The mobile search screen where the keyboard, live results and filters all compete for one small viewport.

Before you ship8 checks
  1. 01Sticky search bar — the input fixed at the top of the screen as results scroll beneath it
  2. 02Keyboard auto-focus — the keyboard opens immediately on navigating to the search screen, with no extra tap
  3. 03Live results — results updating as the user types rather than requiring a submit tap
  4. 04Recent searches — previously searched terms shown before the user starts typing
  5. 05Filter bottom sheet — filtering accessed via a bottom sheet rather than a separate screen, keeping search context visible
  6. 06Skeleton loading — skeleton cards in the expected result shape shown while results load
  7. 07No results state — a helpful empty state suggesting spelling checks, removing filters, or related terms
  8. 08Clear query button — an action inside or near the field to clear the current query with one tap
Resources that help you build this9