5 Search UX design examples to create a user friendly search

by Louisa Bainbridge
on Mar 21, 2017 4:59:23 PM

We’ve picked some of our favourite sites in the recruitment industry for search UX design. See how these big players create job search, pick your favourite features, and create your perfect site. When comparing the searches we’ve used an engineering role across the board, so that they can be compared easily. Be sure to check out our blog on 10 site search solutions that will drive conversions too.

Linkedin

As a social network, Linkedin has a data advantage because information gathered from user’s profiles can be used to make an educated guess on the type of job they’ll be looking for next. It means employers can advertise and target jobs, whilst searchers shave time off their search due to data shortcuts. They’ve chosen to give users 2 ways of finding their perfect job: search and recommendations.

In their search box, Linkedin users begin by entering any content to guide the search, giving them flexibility to enter their desired job titles, keywords or company name.

linkedin-search-bar-ux-design

Results can be organised by relevance as well as the date the job was listed, allowing users to display the most recent results at the top. Each result displays the title, company, location and date posted. It also allows the user to enter more information using the filters down the side and more using advanced search.

 

linkedin-search-ux-design

Linkedin’s business model means that advanced filters such as salary are only available for job seekers that pay for the service. Other filters give users the opportunity to browse through Linkedin’s categories, including pre-determined functions (e.g. manufacturing) industries (e.g. civil engineering) or skills (e.g. electrical engineering).

Linkedin recommendations use data from user’s profiles to guide any job suggestions given. It also gives users the option to change their recommendation preferences – just in case they fancy a career change. Preferences are filtered by location, company size and industry. The one hurdle here is that for engineering (e.g. a petrochemical engineer) the industry preference isn’t obvious.

linkedin-search-ux-design

Indeed

Indeed’s no-nonsense front page asks only two questions: what and where?

indeed-search-ux-design

After receiving this information, the site delivers all relevant roles falling within a 25-mile radius of the location provided, covering a huge area as shown in our London example below.

search-ux-design 

All sponsored jobs appear at the top of the page, with other jobs below. Each result includes a review star rating, based on employee reviews made on the company. It also includes a short description of the role, which highlights the main points of the description. Each role can be saved to the user’s account, emailed to the user’s personal email or a friend as well as further options to see other jobs available in the area or company listed. 

indeed-search-ux-design-results-page

Monster

Monster gives users the option to select from two views. Their standard search is similar to Indeed and Linkedin by using a keyword search as well as asking for a location preference. The second option, semantic search, breaks down keywords by asking users to select a job title and skills.

monster-search-ux-design-bar

monster-search-ux-design-bar-uk

The Monster team give the indecisive job seeker an opportunity to narrow their job search using browse tools. Once users have selected one of these options within the categories, a summary is provided to give the user more decision-making information. For the engineering category, it explains the type of work, job requirements and salaries. This information is not provided when in the search view.

monster-search-ux-design-browse

The Monster team give the indecisive job seeker an opportunity to narrow their job search using browse tools. Once users have selected one of these options within the categories, a summary is provided to give the user more decision-making information. For the engineering category, it explains the type of work, job requirements and salaries. This information is not provided when in the search view.

monster-search-ux-design-filter

Monster provides a much more condensed results page than the other two, listing the job title and company in a list. They also cut their location-based search zone to 20 miles radius as standard.

monster-search-ux-design-results-page

Jobsite

Jobsite expands on the standard ‘what’ and ‘where’ format used on recruitment sites. Their location search cuts time, allowing the customer to use their device’s (mobile or desktop) location to search around that area. It also gives searchers the option of narrowing or widening the search area from the get-go.

jobsite-search-ux-design-search-page

Jobsite provides even more information on the results page than their competitors, including the job title, a short job description, salary and benefits, location and date.

jobsite-search-ux-design-result-page

Jobsite provide an additional app that allows users to search for jobs by commute time rather than distance, giving users the opportunity to specify their preferred mode of transport. The results page then shows jobs by commute time on each role.

jobsite-search-ux-design-search-travel-time-app

Reed

Reed has a few different features to the other sites. Firstly it allows the searcher to specify if the keyword entered must be present in the job title itself, or just within the description. It also combines the results page and search page within 1 interface. The results give searchers the ability to narrow their location area through a slider, shortlist results and see how many others have applied through the site.

reed-search-ux-design-search-page

To find out more about how we can advise on location-based search UX contact us or download our site search e-book below. 

DOWNLOAD  SITE SEARCH E-BOOK

 

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 25, 2019 10:00:00 AM
READ

Site search box design inspiration

Perfect your site search box design. Use these tips to make your site search box easy to use. Improve user experience by anticipating how users search. Place your site search box in the best location and add filters that will save your users time.

Niharika Sisodia Mar 20, 2019 3:35:25 PM
READ

6 ways to display a map on a website

Discover the best way to display a map on a website. Improve the user experience and encourage viewers to become customers with a clear and simple map display.

Niharika Sisodia Dec 10, 2018 3:06:44 PM
READ

The store locator best practices every designer should know

Store locator best practices that will increase footfall to retail stores. Create an online store finder that gets customers through the door.

Niharika Sisodia Sep 19, 2018 8:53:52 AM
READ

The 10 best store locator pages | Mobile & Desktop examples

The 10 best store locator pages for driving footfall to locations. Get examples and compare search bars, map views and list views. An omnichannel must!

Louisa Bainbridge Aug 23, 2017 1:20:24 PM
READ

27 Site search solutions for search performance and functionality

27 site search solutions that will help boost eCommerce sales and conversions. Search data smartly and efficiently to return the optimal results.

Louisa Bainbridge Jun 7, 2017 4:03:15 PM
READ