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 ...

Legend

Legend
Tweet What Problem Does This Solve? The meaning of symbols and the symbolic presentation of data is not clear until explained and correlated to a key. When to Use This Pattern Maps that show operational data almost always need a legend to explain the meaning of this content. This is especially true when the app ...

3D

3D
Tweet What Problem Does This Solve? Two dimensional (aka planar, 2D, overhead, flat) maps require high level of geographic literacy to be interpreted well and are missing the altitude dimension. When to Use This Pattern Use 3D view to illustrate a more naturalistic picture of complex landscapes or when the third dimension is an important ...

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, ...

Basemap

Basemap
TweetWhat Problem Does This Solve? Users need a geographical reference in order to understand and relate to the information displayed on top of it. When to Use This Pattern Use of a basemap is advisable in almost all of the maps. Basemaps provide pre-defined reference data and often include a geodetic control network as part ...

Flowmap

Flowmap
TweetWhat Problem Does This Solve? Data visualization with straight or geodesic lines have visual limitations. When to Use This Pattern Illustrate connections between points and their associated flow of something. Examples of such can be supply chain apps that show the flow of goods between depots, air travel, migration behavior, the spread of diseases or ...

Scroll-to-pan

Scroll-to-pan
TweetWhat Problem Does This Solve? Missing narrative connecting a story or set of places. When to Use This Pattern Add a narrative to the data you want to showcase, i.e. typically a set of connected or related places (e.g. soccer stadiums of the World Cup) or a sequence of events or locations like a multi-day ...

Nearby

Nearby
TweetWhat Problem Does This Solve? Show objects that are in close proximity to your current location or a place of interest. When to Use This Pattern Notify users that someone or something is close to them. Analyze the users’ current location or place of interest and show people or objects that are near him/her. Nearby ...

Buffer 1

Buffer
TweetWhat Problem Does This Solve? Analyze an area surrounding an object or point of interest. When to Use This Pattern Buffer is very common when doing proximity analysis to determine the relationship between an object and its related entities. Examples include marketers that analyze a suggested location to see potential customers or emergency response units ...