Flag

We stand with Ukraine and our team members from Ukraine. Here are ways you can help

Get exclusive access to thought-provoking articles, bonus podcast content, and cutting-edge whitepapers. Become a member of the UX Magazine community today!

Home ›› Designing Search for Mobile Apps

Designing Search for Mobile Apps

by Shashank Sahay
3 min read
Share this post on
Tweet
Share
Post
Share
Email
Print

Save

DesigningSearch_Slider

Explore the various ways to implement search and the purpose behind each

Search is a fairly complex feature and this article does not cover everything there is to know about it. In this story, I will be discussing how to pick between the two most popular ways of using search on your application, search bar on the landing screen or search tab on the navigation bar.

So many applications that we use on a daily basis have the Search feature. The way these applications implement search can be very different. But why is there a need for different implementations of the same feature? Is one better than the other? Let’s find out.

 
Search tab on the navigation bar

Search tab on the navigation bar

And here are screenshots of some apps that use search as a tab on the navigation bar. This Search isn’t as discoverable as the Search bar on the landing screen, but it is easily accessible considering that the users can easily reach it with their thumbs.

In this case, Search gets an entire screen for itself. This screen has a search bar on the top and the rest of the screen is populated with data that would either aid the user’s search or would help the user explore the content on the platform. This facilitates an exploratory search for the user who does not have a clear intention yet.

Both the searches aid different intentions of the user. And that’s not all, both the searches also depend on the type of platform and the kind of content the platform offers.

Use a search bar on the landing screen when
  1. The user’s primary intention behind opening the app could be searching for something. For reference, have a look at Google Maps, Uber or Zomato. Most of the times people open these apps precisely to perform a search for a location, a restaurant or a dish.
  2. The user has a clear intention behind performing the search, as in the case of Facebook where users generally look for other users or pages. Most of the times they know what the name of the user or page might be, even if they’re not completely certain of how it’s spelled. For such platforms, it’s a rare possibility that the user only has vague information about the thing they’re looking for. And even if this possibility arises, there’s not much that the platform can do to help the user.
Use search as a tab on the navigation bar when
  1. You want to enhance user engagement by allowing the user to explore and discover new content on the platform. For reference, have a look at Instagram and Twitter. These platforms want the users to stay longer on the app, which is why they offer personalized content which is outside your network to help you discover new users or content that you might be interested in.
  2. The user isn’t sure of what they’re looking for and the app can guide the user in finding what they want. For reference, look at Netflix and Uber Eats. They allow the users to explore the app via the means of genres and cuisines. This caters to the user who knows he wants to watch a comedy show but isn’t really sure of which one he should watch.
 
Airbnb

Airbnb

Airbnb uses a mix of both the variations. They’ve got a search bar on the landing screen and the landing screen is the search/explore tab.

Given the context of Airbnb I believe that it makes a lot of sense. By doing this they cater to two types of users — users with a specific destination in mind who would use the search bar (users with clear intention), and users who might not have a specific destination in mind, and are in the process of figuring out the destination (users who need kind of an exploratory search).

Both the variations have pros and cons. Both of them are suited for specific use cases. Going through all the examples above, we can conclude that there are two factors that determine which search to use — intentions of users coming to the app and the possible offerings of the app.

Special Thanks To

Tanvi Kumthekar and Shailly Kishtawal for the brainstorming.
Dhruvi ShahNisshtha KhattarPreethi Shreeya and Prasanth Marimuthu for their constant feedback.

post authorShashank Sahay

Shashank Sahay

Designing Search & Browse at Flipkart. Ex Microsoft. Decently fat guy. Wears glasses. Has a beard. Bear hug expert. Loves food a lot more than he should.

Tweet
Share
Post
Share
Email
Print

Related Articles

Uncover an inclusive design approach to the most common point of friction.

Article by Shannon Joycelyn
Inclusive Login Starts at the First Step
  • The article examines how traditional password-based login systems fail a significant portion of legitimate users, particularly older adults and those in non-Western usage contexts, and argues for recognition-based authentication as a more inclusive alternative, drawing on the curb-cut effect to show that designing for constrained conditions ultimately improves the experience for everyone.
Share:Inclusive Login Starts at the First Step
5 min read

Find out how UX culture mistakes burnout for brilliance and what it’s really costing designers, researchers, and the products they build.

Article by Tushar Deshmukh
Acquired Savant Syndrome in Design: Skill, Obsession, or Exploitation?
  • The piece explores the metaphorical parallels between acquired savant syndrome and modern UX culture, arguing that the industry dangerously romanticizes obsession and burnout-driven brilliance over sustainable skill and calling on designers, researchers, and leaders to redefine excellence through ethical, well-paced, and mentally healthy creative practice.
Share:Acquired Savant Syndrome in Design: Skill, Obsession, or Exploitation?
6 min read

Discover how the right framework can turn organizational chaos into an opportunity for lasting change.

Article by Marina Nitze
BOOK EXCERPT: The Crisis Worth Using
  • The excerpt introduces crisis engineering: the practice of directing organizational crises toward lasting, positive change, arguing that crises are mismanaged rather than inherently destructive, and offering a five-indicator framework to help leaders recognize a genuine crisis and seize the rare window it creates for rapid transformation.
Share:BOOK EXCERPT: The Crisis Worth Using
7 min read

Join the UX Magazine community!

Stay informed with exclusive content on the intersection of UX, AI agents, and agentic automation—essential reading for future-focused professionals.

Hello!

You're officially a member of the UX Magazine Community.
We're excited to have you with us!

Thank you!

To begin viewing member content, please verify your email.

Get Paid to Test AI Products

Earn an average of $100 per test by reviewing AI-first product experiences and sharing your feedback.

    Tell us about you. Enroll in the course.

      This website uses cookies to ensure you get the best experience on our website. Check our privacy policy and