Apps, maps, and pin drops have all had an extreme transformation since the turn of the century. Apps were only offered at restaurants, maps were meticulously folded in glove compartments, and pin drops were only a concern for tailors & seamstresses with open-toed shoes. In today’s world where snake-less mobile devices walk among us, apps, maps, and pins are commonplace words associated with digital experiences. 

For a lot of the applications we leverage on a daily basis, the map is the user experience. These objects have turned into a familiar pattern and easily fulfill a “need” within context. Discerning that ‘need’ for prospective or existing clients is what we find to be most difficult. To compound the situation further: the more functionality, the greater risk you run of diluting your goals for the product. This post seeks to remedy confusion by exploring the potential needs for a map. I’ll be describing four distinct use cases for maps that we’ve seen at LaunchPad, and the related considerations we expose to customers during Product Discovery sessions.

Are we there yet?

Though all of the use cases presented in this blog post are popular, this pattern is the most recognizable and familiar (very mappy): providing your user with real-time directions and an estimated time of arrival. This mostly takes form in any native map-plication as well as the in-ride customer experience for any number of ridesharing applications (think Lyft, Uber, etc.). This use case takes us (quite literally) where we need to go. Though the Map itself isn’t necessarily needed to follow the directions generated or estimated arrival, it does provide a sense of security and gravitas to the experience as the background.

Where we’ve seen it work best

Ridesharing Apps (Lyft), Google Maps

Screenshot of Lyft's map experience

Lyft’s app is focused on one goal with their users: taking them directly where they need. The first element at the top of the screen (signaling its importance) is a form field to capture  your current location and desired destination. In the subsequent “steps” while scanning south, the user is able to navigate different price points, payment, scheduling, and expected time of arrival (will an Lyft XL or Lux Black XL really get me to work one minute faster?!). 

Screenshot of Google Maps direction page map view
Screenshot of Google Maps direction page list view

The user experience for Google Maps, though still employing the backdrop of a map and location/destination fields at the top, is wildly different from the Lyft screenshot above. The application is built around navigation for the end-user, so the options provided to the user are very nuanced and built around extreme preference setting: What mode of transportation do I prefer and how will they influence my time of arrival? What are the coffee shops along the way? Are there any helpful landmarks that will help orient me? Can I preview the experience before I commit?

Where we’ve used it

Breadcrumb’s Get Directions Feature (https://breadcrumbtech.com/)

Breadcrumb is a Native Application we built that employs bluetooth technology to assist outdoor enthusiasts in locating their Breadcrumb devices (such as a Location Marker). After soliciting customer feedback, the UI we built that plotted the device’s location was limiting – and more tactical directions were needed in order to help our users orient themselves. We then created this ‘Get Directions’ feature which leverages your phone’s preferred navigation application to provide directions to the destination.

Screenshot of Breadcrumb's map feature

August Hill Winery’s Wine Finder Feature (https://augusthillwinery.com/wine-finder/)

August Hill Winery has a web application we built that allows users to find their wines at local stores & provides directions to those stores. With the Wine Finder Feature, we plot the point of the store where August Hill Wines are stocked, provide a link for directions (like Breadcrumb’s Get Directions feature above), and also include other information that benefit the end-user’s fermented grape-seeking goals (products stocked, store details, street address). This particular client has a toe in two of the use cases I present: ‘Are we there yet?’, and the use case below ‘Take me there’! 

Screenshot of August Hill Winery's location feature

Considerations

Take me there

The second use case is aspirational in nature: showing the user where they’d like to go or avoid. There are several forms in which this takes place, but it’s most commonly seen in the form of a plotted pin or pins (think Yelp or Redfin). Your search is at the core of this feature, with the end result being a pin or a set of pins and the accompanying display of information relating to those pins. Typically this use case is served as a complementary feature to the use case above – so be mindful of how these features might work in tandem.

Where we’ve seen it work best

Yelp

Screenshot of Yelp's coffee shops in Roger's Park mapped out

As indicated above, Yelp is to plotted aspirational addresses as Kleenex is to facial tissues. The search is paramount, and thus affixed to the top of the screen. To further complement the search (only requiring a term and location), there’s affordances for any type of filter imaginable in the left-handle panel, as well as the ability to interact with the map as a live search experience (i.e. the ‘Search as map moves’ checkbox).

Redfin

Screenshot of Redfin's real-estate listings

Redfin presents plotted addresses and the information regarding those addresses at nearly similar levels of importance (as seen by the width each interface occupies on the screen). Since the map is placed “first” on the screen as you scan the webpage, this can be a nod to the real estate adage: location, location, location. However, given the amount of space the listing cards occupy, Redfin is also looking to push the user to think “is this a place I can see myself making my home?” Other notable features for Redfin include the ability to actually draw on the map for searching, and the clustering of like results (i.e. multi unit buildings).

Where we’ve used it

artlook Map (artlookmap.com)

Artlook Map is a web application that helps cities across the U.S. track access to the arts for students in their schools. The artlook platform has three distinct experiences for end users: two features focus on capturing data, and the third on displaying that data on a map via plotted pin(s). Our LaunchPad Lab team has seen many iterations of this experience and we’ve worked closely with our friends at Ingenuity to further optimize the searching, filtering, and map UX for several years.

Considerations

Been there, done that

Where we’ve been/are is part of the human experience. Dropping pins or checking in at a location in 2020 is the same as Neil Armstrong planting a flag in 1969. This use case, albeit similar in display to the aspirational use case I’ve outlined above, has risen in popularity due to social media platforms. Central to any pirate-story, x marks the spot where the hidden treasure is buried.

Where we’ve seen it work best

Google Maps Lists

Screenshot of Google Map's list feature

The list feature in Google Maps allows users to mark notable places and is very useful for coordinating neighborhood bar crawls. As a nod to the social implications, you’re able to easily read customer ratings & testimonials (location depending), and easily share the list with others so they can either walk a mile in your shoes, or meet you on the crawl!

Instagram

Screenshot of Instagram's map feature

Instagram leverages the use of pins for users to tie posts to locations. Personally, this allows you to maintain a living collection of memories associated with location. Socially, this provides your friends with a great sense of FOMO over consuming the largest thin crust pizza on the Northside of Chicago. That’s the point, right?

Where we’ve used it

Breadcrumb’s Shared Location Marker Feature (https://breadcrumbtech.com/)

Breadcrumb is a Native Application we built that employs bluetooth technology to assist outdoor enthusiasts in locating their Breadcrumb devices left outside (such as a Location Marker). Sometimes these devices can be left outside for several months at a time. Earlier in the article I detailed out the ‘Get Directions’ features in relation to ‘Are we there yet?’ use case, however given the literal nature of leaving and retrieving of the Breadcrumb Location Markers the ‘Been there, done that’ use case also applies! There’s also a nifty experience in the app where you can also share the device location with other Breadcrumb users.

Screenshot of Breadcrumb's map feature
Screenshot of Breadcrumb's share device feature

Considerations

Tell me something

Data visualizations are popular and useful: they look cool and drive decision-making if done correctly. Incorporating trends by geographic location can drive home whatever point you’re trying to make, however this can be a risky undertaking. Given the attention span of users, the visualization needs to be concise yet comprehensive enough to be compelling.

Where we’ve seen it work best

Mostly scientific articles or News publications, reddit.com/r/dataisbeautiful

Screenshot of Taco Bell locations

This visualization was pulled from Reddit’s Data is Beautiful subreddit, and it compares the number of the top ten fast food chains in the United States. Even though this visualization is animated, this paused screenshot communicates to the user the density of locations, the total count of locations, what place Taco Bell falls in the list, and the source of the data. Although novel, this visualization is concise yet comprehensive enough to induce crunchwrap supreme cravings.

Considerations

Conclusion

As a business owner or stakeholder, employing the use of a map can instantly boost your digital gravitas. Described above, the map pattern can help your users orient themselves in any number of situations. When looking to build a new or enhance your existing platform, simply look to the guide above to inform the optimal path forward & let the journey begin!

Stephen Stavrides

Product Manager

Stephen’s fascination with products started at an early age while admiring the amount of gadgets in his parents’ kitchen. From user acceptance testing to user-centric design, Stephen has held various digital product roles and is looking for the next formidable challenge in the Lab. You can catch Stephen outside of work at a local concert, Costco, or Chicago sporting event.

Ready to Build Something Great?

Partner with us to develop technology to grow your business.

Sign up for our newsletter.