Navigating the Map

Blue Dot
Navigating the Map

Blue Dot

What Problem Does This Solve? Mobile users need to see their current location on a map to understand their surroundings. Why Use This Pattern? People that navigate indoor and outdoor spaces rely on their location to make decisions on features around them. From their point of view the world gravitates around them, they are the […]

Read More
Floor Selector
Navigating the Map

Floor Selector

What Problem Does This Solve? User needs to select a floor/level in a 2-dimensional indoor map. Why Use This Pattern? Indoor maps are inherently 3-dimensional in that they usually include multiple floors or levels. When displaying a planar (2D) map users do not know which level they are looking at or how to select a […]

Read More
Scroll-to-pan
Navigating the Map

Scroll-to-Pan

What 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 hike or […]

Read More
Placemarks
Navigating the Map

Placemarks

What Problem Does This Solve? Having shortcuts to places reduces the effort to position the map at a certain pre-defined extent. When to Use This Pattern Use placemarks to emphasize the existence of a limited set of important places, when shortcuts help improving the task performance, or repeated navigation between extents is anticipated. What’s the […]

Read More
Home Button
Navigating the Map

Home Button

What Problem Does This Solve? Easy way to navigate to a known or initial extent or boundary. When to Use This Pattern Users are done with a task that included navigating the map and now want to start the next task from the original state (extent, zoom level, etc.) What’s the Solution? Provide a single […]

Read More
Zoom Control
Navigating the Map

Zoom Control

What Problem Does This Solve? The current viewport doesn’t show the appropriate level of detail and the user needs to see a larger or smaller region of the map When to Use This Pattern Any interactive map needs to provide a means to change (increase or decrease) the scale of the map through zooming in […]

Read More