How to Personalise Your Geolocator to Improve User Experience

by Niharika Sisodia
on Dec 18, 2018

Geolocator design tips

A geolocator is a tool that allows an object, such as a mobile phone, to identify its location. Web-based applications can use a geolocator to request their users’ location with the aim of improving the service they provide.

A geolocator can help users filter out relevant results quickly by showing them products and services that relate to their geolocation. Personalising your geolocator can help streamline user journey and improve the user experience.

Automated request

You can design your geolocator to ask for a user’s geolocation as soon as they land on the relevant page. An automated request is useful if you:

  • Have the same product or service that is available in many locations
  • Want to display different content to different users depending on their location
  • Have a page that includes a map and the user needs to view information about their local area
  • Provide a service that tags information based on location, such as photographs.

H&M is available in multiple countries across the world. On arriving at the store locator page, H&M requests the visitor’s geolocation.

Screenshot from 2020-08-04 13-19-59

If the user accepts, the geolocator refines the search to the country the user is in. The example below shows a user in the United States.


When the user searches for a location, H&M can autofill the search based on the country the user is in. For example, the search, ‘San’, brings up San Francisco in the USA.


The same search brings up Sandback in the UK.


The geolocate control allows the user's location to be obtained when the user clicks on the associated UI button. However, there is currently no way to have the geolocate functionality trigger when the map first loads.

Geolocator button

You can design your geolocator to have a specific button that the user needs to press to access their location. A geolocation button is useful if you have a product or service that focuses on location. The user may want to use their current location, but they might also be searching for locations and routes that are not relevant to where they are at the time of the search.

For example, Google Earth provides multiple services for location analysis and visualisation. Users can view locations in 3D, layer the maps and measure distances.


Given this functionality, the user experience might be stunted if there was an immediate request for location. Therefore, Google Earth provides a button to give users the option.



Do you use or need to create a geolocator tool? We have a free geocoder tool powered by the TravelTime, get an API key.



Calculate Travel Time Using Mapping Tools

Calculate travel time to points of interest. Discover the shortest travel time to a location. Search by time instead of distance.

Evelina Bezubec Aug 9, 2019

Use this Travel Time Calculator to Discover Journey Times

Explore travel time calculator tools. Calculate travel times globally. Optimise your journey using time instead of distance.

Evelina Bezubec Aug 1, 2019

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

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

5 Ways to Increase Website 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

How to Convert Website 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 17, 2018