One search to rule them all: it replaces almost everything

Muzli Search is a place where designers find visual inspiration and it is a great example of working with ambiguous content, which is borderline uncategorizable. Instead of trying to categorize the content, they created an extensive system of tagging it. Now, users can find something useful even using narrow and unusual keywords.

Another subtle but nice touch is to mark different types of keywords differently. So, when you type in a colour name you see the colour itself in suggestions.

Your search functionality needs to be obvious, immediately recognizable and well-designed.

The flipside to young adults’ digital proficiency is that they are not prepared to let it be put to test by trivial things and ineffective design. 

As product creators, we have to give them all the answers they need, otherwise, they’re likely to give up. When something doesn’t work, they blame the interface of the product and its creators and designers rather than blame themselves like older adults might. Generation Z is aware that there are people behind the product they can call out on Twitter. The principle of intuitiveness and predictability is important for search and website navigation in general.

This means having cleverly thought-out suggestions and relevant results.

And also a clear and effective design that stands out but doesn’t get in the way of functionality. Make it simple to filter the results, but don’t have too many options to choose from. It is good practice to repeat the query in the reach box on the search results page, to make it easy to modify the search.

Below is an example of Uber search. Simplicity, informativeness, and anticipation are the key here. It is immediately clear what type of keywords you should use to search (hello, thoughtful placeholder text)
Even before you start typing anything, you see suggestions, which is helpful.
And in search results, I can see not only the info that is available for this particular city, but also sees that Travel Times and New Mobility could be in place, but not for Berlin yet.

And here’s how Booooom.com goes about their search functionality. The search bar becomes a prominent and original part of the design. They put the search icon in the bar right next to traditional menu navigation, emphasizing that search is still the primary function here.

Unsplash, a go-to website when you need royalty-free photos, uses the search bar placeholder text to explain what type of content to expect In a way, they emphasise their service in that text.

Search tends to replace the more traditional way of navigating through content — breaking it down to categories and subcategories and then filtering truly feels tiresome.

So whether your website is a media website or a blog, an e-commerce store or an international organization’s careers page, include a search bar, make it visible and responsive. Don’t expect that your shop categories will make sense to that particular mind. If they don’t find what they’re looking for they might leave directly to your competitor.