5 Search ux design examples that'll help you 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

Comparing the Google Distance Matrix API and the TravelTime Search API

Google Distance Matrix and TravelTime Search both calculate travel times and distances from one to many points of interest. Compare the API features and pricing.

Niharika Sisodia Jan 28, 2019 4:04:45 PM
READ

Top 10 brick and mortar store locator pages in the world for design inspiration

Get inspired by brick and mortar store locator pages. View store locator pages from top global retail brands. Attract customers to your brick and mortar store by creating an effective store locator page design.

Niharika Sisodia Dec 20, 2018 10:21:18 AM
READ

How to convert visitors into customers using map view

Improve your map UI. Perfect your website map view to streamline the user journey. Convert visitors to your site into customers for your product or service.

Niharika Sisodia Dec 18, 2018 3:30:14 PM
READ

How far can I travel in 15 minutes or 1 hour? This map shows you.

How far can I travel within a time limit? Make a map to show you where you can reach within a certain travel time. Change the mode of transport and time of day. Add up to three starting locations and filter the intersection between them.

Niharika Sisodia Nov 26, 2018 9:17:41 AM
READ

What is geocoding? Use geocoding to display postcodes on a map

What is geocoding and how does it work. Use a geocoder to convert place names and postcodes into coordinates. Display coordinates on a map. Use geocoding to improve routing and map display.

Niharika Sisodia Nov 22, 2018 9:26:41 AM
READ

Create your own driving commute distance map in the USA & beyond

Create a commute distance map and drive time map. View potential areas to work on a commute distance map. Search by travel time instead of distance.

Niharika Sisodia Nov 14, 2018 1:45:13 PM
READ