Building single-purpose apps

Search & Edit

Search and edit

WHAT The search and edit pattern helps users find features that need to be updated or modified quickly. The typical use of search is to find an item and display its location and attribute values but users can also perform a search for an item so they can edit or even delete it. WHY Discoverability […]

Read More
List & Details

List and details

WHAT The list and details pattern is related to the location list pattern. Both patterns share the same layout and use similar interaction patterns such as data brushing. The main difference is that with list and details, a user can select an item in the list to view and edit its attributes, or details. WHY […]

Read More
Meet in the Middle

Meet in the middle

WHAT Find the route halfway point between two or more locations. WHY Find the perfect meeting place along a route. This task is difficult to perform by a human without exact knowledge of the local geography and amenities. A route halfway point is calculated differently to a midpoint between two locations. A midpoint is the […]

Read More
Route Directions

Route directions

WHAT Provide instructions and guidance on how to get somewhere. WHEN Directions are common to travel applications and store locators, in short any application that needs to route somebody (from and) to a specific place. HOW The following types of directions exist: Map (visual route) List (turn by turn) Navigate segments Your application may use one […]

Read More
Route Positioning

Route positioning

WHAT Provide methods for a user to define the start and end point of the route and sometimes even additional locations. WHY It is important to be aware and understand the differences of the different positioning methods in order to specify the start and end point of the route. WHEN Use when stops necessary to […]

Read More
Store Locator

Store locator

WHAT The store locator pattern finds physical store locations closest to a place, address, or the user’s current location. It is important for companies to provide a store locator that helps their customers easily find the most suitable real-world store location. WHY Most businesses operate on the internet, but their customers still live in the […]

Read More
Extent-driven Content

Extent-driven content

WHAT The extent-driven content pattern synchronizes content in the UI with the map extent. It describes how the map can be used as a dynamic spatial filter that updates other content on the page as the map extent changes. WHY Data can be visualized in many ways. The most common visualization components are charts, tables, […]

Read More
Marker List

Location list

WHAT The location list pattern consists of a list of locations, often referred to as sites, and is visualized by markers on a map. A key, like a legend, establishes a relationship between locations on the list and in the map. WHY Both elements, the list and the map, have their strengths and limitations, respectively. […]

Read More

Scroll to pan

WHAT The scroll to pan pattern is a technique to walk users through a series of maps one step at a time. It uses the browser’s scroll bar to move through a series of predefined map content. WHY The existence of a scroll bar indicates that more content is available below the fold, as in […]

Read More