Another example can be seen on this blog post, where I made a map of city-wide public school lunch service during Covid closures.
In addition to custom map markers, there are also custom UI buttons, providing the user with straightforward zoom, fullscreen, and geolocation controls. It’s no more or less than is needed for the map’s specific purpose. The same map styling is also used on the Events Map View page.
WHY IT MATTERS:
It’s the only acceptable way to present location-based information.
Imagine a web page with a table that just lists a set of locations— columns for venue name, address, and other relevant information. The user clicks on one of the addresses, opening a new tab to view it in Google Maps. And just like that, you’ve lost that user. Perhaps they notice on the map a restaurant they’ve been meaning to try, and they get distracted by clicking on its website, abandoning anything they might have been doing on your website.
With these custom-designed maps, we provide the user with only the information we’re intending to convey— no more, no less. The businesses/ points of interest, search functionality, and unnecessary UI elements that you might see on a default Google map have all been removed, achieving a cleaner, more elegant map experience.
We design these maps with the UX principles of Usability, Utility, and Desirability in mind.