TRY DEMO APP

Site search box design inspiration

by Niharika Sisodia
on Mar 20, 2019

Improve your site search box design by following these tips

Mastering site search box design can improve the user experience and help you to turn site visitors into customers. Let’s take a look at some best practices for site search box designs.

Booking.com

Booking.com, the hotel booking service, make sure that the search bar is the first thing that users see on the page. The yellow lining around the search box helps to highlight its location, as well as being on the brand.

booking.com-site-search-box-design

As well as the location of the hotel, Booking.com includes vital filters, such as the number of people and dates of arrival and departure. This means that users do not waste time looking at hotels, which are not relevant due to availability and capacity. There are many more filters available but these are hidden at the start of the search.

Monster

Monster, the job site, knows that most site visitors will be searching for jobs. It has made its search bar very prominent by placing it across the middle of the page.

Monster-site-search-box-design

Monster has also offered an advanced search option, which allows users to define exactly what they are looking for and receive more accurate results. This is initially hidden so that it can return results as fast as possible if required.

monster-site-search-box-design

TripAdvisor

TripAdvisor, the travel site, keeps its search bar in an expected location at the top right of the page.

tripadvisor-site-search-box-design

However, when in use, the search bar expands out to fill allow the user to search easily. It also includes a location filter.

tripadvisor-site-search-box-design

Netflix

netflix-site-search-box-design

Netflix, the online streaming service, knows that people want to browse and search for content. The search box is placed in the top right-hand corner, so is not immediately prominent. However, when a user starts to type, Netflix predicts what the user is searching for.

To learn more about site search box design and to discover other design tips that will improve user experience, get in touch

 

Related

How to make the perfect store locator website

Follow these tips to create a store locator page that will convert site visitors into customers at your physical store. Optimise your store locator website page to improve the user experience.

Niharika Sisodia Mar 20, 2019
READ

5 retail web design tips for a store locator page

Reimagine your retail web design. Improve the user experience of your store locator page and convert site visitors into customers using these top 5 tips.

Niharika Sisodia Jan 30, 2019
READ

Why geocode?

Why geocode? Discover uses for geocoding in business. Find out the key benefits of geocoding and how geocoding can be implemented to improve your business.

Niharika Sisodia Jan 21, 2019
READ

10 must read articles about map user experience

Read 10 articles that analyse map user experience. Take UX tips from expert analysis to help you build the perfect user experience for the map page on your website or app.

Niharika Sisodia Jan 14, 2019
READ

Top 10 interactive map design & UX examples

Discover the best interactive map designs. Use map design to improve user experience for mobile and desktop users.

Niharika Sisodia Dec 18, 2018
READ

5 ways to increase conversion rates using a map

Discover how using a map can increase conversion rates for your product or service. Increase the relevance of results for your users. Encourage users to take the desired action by filtering out irrelevant results.

Niharika Sisodia Dec 27, 2018
READ