10 must read articles about map user experience

by Niharika Sisodia
on Jan 16, 2019 10:00:00 AM

This blog looks at the best articles for making maps. We’ve selected our top 10 articles aimed at helping designers create the perfect map user experience.

1. Maps in modern web design: showcase and examples

points-of-interest-map user experience

Published: 6th April 2010

This article explores the different uses of maps today and how understanding the use cases can help improve map user experience. Topics include:

  • How to highlight specific data sets when drilling down to focus on a specific area
  • How to show a correlation between a timeline and map content
  • Zooming to examine information more closely
  • Preventing clutter when using points of interest
  • How to use maps for data display

2. Design principles for cartography

Design_Contrast-map user experience

Published: 28th October 2011

This article outlines the principles and best practices so the user can understand the importance of the content in the map and on the page. UX features explored include:

  • Legibility
  • Visual contrast
  • Figure-ground
  • Hierarchical organization
  • Balance

3. 6 mistakes to avoid when designing maps for your apps

google-map-user-experience

Published: 22nd November 2017

This article details decisions that lead to an ineffective user experience. It discusses common mistakes related to:

  • Scrolling and panning
  • Crowded map pins
  • Slow network
  • Gesture controls
  • Geolocation

4. Getting lost and found - maps and the mobile user experience

map-user-experience

Published: February 2018

This article explores the best practices for mobile map design to enhance user experience. These include:

  • Using GPS and map data
  • Scrolling and panning
  • Adapting map pins for mobile screen
  • List view and map view options
  • Toolbar positioning

5. UX Case Study: Google Maps vs. Waze Mobile Apps

map-user-experience

Published: 8th August 2018

A case study that compares the UX design of Google Maps to Waze Mobile Apps. The article compares and selects the winning design for:

  • Homescreen
  • Search
  • Navigation

6. Use of colour in maps

morphocode-land-map-user-experience

Published: Information not available

This article explores map user experience specifically in relation to colour. It goes into:

  • How to use colour for contrast
  • Colour schemes and their meaning
  • Improving user experience for the colour blind

7. 40 excellent mobile UI design examples

map-user-experience

Published: 10th October 2017

This article gives visual examples of aesthetically pleasing mobile apps. Each design has improved map user experience for reasons such as:

  • Hamburger menus
  • Location search bar
  • Aesthetic

8. UX/UI best practices for designing map apps

map-user-experience

Published: Information not available

This article takes it back to basics for those starting to consider user experience by looking at the fundamentals of the user interface. It explores:

  • Design influencers -  the factors to take into account when starting to think about design, such as cost, user needs and access to technology
  • User interface - how to stop users getting lost and frustrated with the map
  • User experience - how to guide the user through each task with ease

9. UI concept and user experience design of Google Maps

Google-map-user-experience

Published: Information not available

This article explores the user experience of a Google Map. Features of the article include:

  • Downloading a map - Google Maps allows a user to download a map
  • Geolocation - Google Finder in-car GPS that can access the car’s current location
  • Route planning - Google Transit calculates the time and cost of a specific route

10. Bye, Google Maps

gif-map-user-experience

Published: Information not available

This article explores the UX benefits of Citymapper for urban travel in comparison to Google Maps. It compares the time (in seconds) it takes a user to perform these actions:

  • Side by side transport times vs. selecting only 1 mode
  • How to view nearby train stations
  • How to revisit previously viewed destinations

New Call-to-action

To find out more about how to improve user experience with mapping, get in touch.

 

Related

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 Feb 4, 2019 11:00:00 AM
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 1:08:59 PM
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 Jan 7, 2019 10:09:19 AM
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 Jan 2, 2019 9:13: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