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

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

Location Finder 1

Location Finder
Tweet What 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 ...

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

Extent-driven Content

Extent-driven Content
Tweet What Problem Does This Solve? A user wants to see points of interest within a given area as visually represented through the current map extent. Typically the available options (results) update when the user changes the map extent through panning or zooming. When to Use This Pattern Sometimes called a ‘short list’ this pattern ...

Marker 2

Marker
Tweet What Problem Does This Solve? A symbol to show the location of an object, place or point of interest. When to Use This Pattern After a user searches for an address or location a marker is used to highlight the location. Markers can also be used to establish the relation between a location on ...

Meet in the Middle

Meet in the Middle
Tweet What Problem Does This Solve? Find the route halfway point between two or more locations. When to Use This Pattern If there is a need to meet-up with somebody (friend, business contact, barter acquaintance) it is helpful to calculate the perfect middle point based on two or more starting locations. What’s the Solution? Enter ...