Attribute Filter 1

Attribute Filter
TweetWhat Problem Does This Solve? Users need to narrow a concrete set of features by its attributes. When to Use This Pattern Filtering is a common way to reduce the amount of features displayed on the map and/or a grid. Allowing users to progressively remove what they are not interested in will inadvertently leave them ...

Spatial Filter 1

Spatial Filter
TweetWhat Problem Does This Solve? Users are only interested in seeing features or results for a very specific region or area of interest. When to Use This Pattern Spatial filters are a special case of an Attribute Filter since they allow filtering on the geometry attribute of a feature set. A wide variety of applications ...

Join Maps UI/UX Community on Slack 1

TweetJoin the Slack community ‘maps-ui-ux-community’ to discuss, talk and answer user experience and interface needs, challenges, solutions and more. Post ideas for cool features, get inspired, find cool maps and apps and more… We welcome anybody with interest in UI/UX for mapping apps, whether you are a UI developer, UX practitioner, Cartography buff, map lover, ...

Data-Ink Ratio

Data-Ink Ratio
TweetWhat Problem Does This Solve? A large share of “ink” (pixels) on a map should present data-information, i.e. show more data that is relevant to the user performing a task. When to Use This Pattern Always strive to show what is important while simultaneously removing what is not important. What’s the Solution? In order to ...

Route Directions 1

Route Directions
TweetWhat Problem Does This Solve? Provide instructions and guidance on how to get somewhere. When to Use This Pattern Directions are common to travel applications and store locators, in short any application that needs to route somebody (from and) to a specific place. What’s the Solution? The following types of directions exist: Map (visual route) ...

Route Positioning 1

Route Positioning
TweetWhat Problem Does This Solve? Provide methods for a user to define the start and end point of the route and sometimes even additional locations. When to Use This Pattern Use when stops necessary to calculate the route require input from the user, i.e. they are not predefined or detected via technical solutions used for ...

Overview Map 1

Overview Map
TweetWhat Problem Does This Solve? The overview map serve as a “You are here” sign so that the user can tell at a glance where they are in the context of the whole data set by looking for the viewport on the overview. When to Use This Pattern Overview maps are useful when users navigate ...

Unified Search 3

Unified Search
TweetWhat Problem Does This Solve? User expect to receive the correct results regardless of what they type and search for. When to Use This Pattern As data (e.g. weather information, social feeds, deals, coupons, etc.) becomes more distributed across providers and services a user should be able to enter a keyword or phrase without having ...

Location Finder 5

Location Finder
TweetWhat Problem Does This Solve? User wants to find the geographic location from other geographic data, such as street addresses, points of interest or postal codes. When to Use This Pattern Use the location finder to provide a means to zoom to a point or area of interest that matters to the user of the ...

Sparkmaps

Sparkmaps
Tweet Sparkmaps are small graphics that are embedded in a sentence, table, or listing to enrich its content with spatial information. What Problem Does This Solve? It’s not always feasible to show a full-blown map or even only an image of a map as a figure on the side. Needed is to show the spatial ...