maps

Side By Side
Exploring Spatial Content

Side-by-Side

What Problem Does This Solve? Visually inspect and compare two scenarios spatially, temporally or quantitatively. Why Use This Pattern? Comparing spatial-temporal data is a common analytical task to detect changes over time or identify patterns between variables. Providing two synchronized maps helps to see differences at a glance without the need to constantly swipe or […]

Read More
Small Multiples
Exploring Spatial Content

Small Multiples

What Problem Does This Solve? Comparing changes, patterns or differences in data is difficult to impossible with interactive controls on a single map view. Why Use This Pattern? Small Multiples is sometimes also called trellis maps or tile maps. It is a series of similar maps using the same size and scale, allowing them to […]

Read More
Offline Maps
Special Workflows

Offline Maps

What Problem Does This Solve? User needs access to data in areas where internet is slow, mobile data is expensive, or user cannot get online. When to Use This Pattern Offline Maps is a great method for providing a means of navigation and getting driving directions while offline or in a foreign country. Limitations of […]

Read More
Introduction

Why Map UI Patterns?

This site provides a language for planning and building map applications. It discusses principles, components of varying complexity, and features that all together inform design decisions for your next project. The elements of this language are entities called user interface (UI) patterns. Each pattern describes a solution to an observed and recurring problem. It explains […]

Read More
Task Oriented
General UX

Task Oriented

What Problem Does This Solve? Prioritize content and features on primary goals. Why Use This Pattern? Task completion is essential to the success of any application. A single purpose driven app that works well is better than an app that tries to solve many problems at once and is confusing to users. Users get frustrated […]

Read More