Join Maps UI/UX Community on Slack

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. When to Use This Pattern Notify users that someone or something is close to them. Analyze the users’ current location and show people or objects that are near him/her. What’s the Solution? Nearby is technically speaking the result of ...

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

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

Heatmap

Heatmap
TweetWhat Problem Does This Solve? Heatmap is a technique to analyze data based on their magnitude. When to Use This Pattern Use heatmap to show clusters of activity, i.e. the average influence of the data in relation to their location or density patterns of intersecting features. What’s the Solution? Render a continuous data variable into ...

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