maps – Map UI Patterns

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 […]

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 […]

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 […]

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 […]

Task oriented

WHAT Task-oriented apps provide task-oriented workflows that align with user goals. A task-oriented app is sometimes referred to as task focused or workflow driven. Regardless of terminology, a successful experience is built on useful tasks and guiding users to complete them efficiently. WHY Task completion and task success are the main metrics for measuring usability […]