Flare Cluster

Flare Cluster

WHAT A Flare Cluster is a spatial visualization pattern used to reveal individual or categorized map points within dense clusters—without losing sight of the overall distribution. Instead of merging overlapping markers into a single dot or a count label, a flare cluster fans out selected data points in a radial layout. This reveals more about […]

Read More
Splash screen

Splash Page

WHAT A splash page is a temporary, pre-map screen designed to inform, orient, or prompt users before they begin interacting with a spatial app. It’s commonly used in public-facing apps, internal dashboards, or data portals where context, legal disclaimers, or user expectations are critical. While it doesn’t carry any interactive spatial logic itself, it plays […]

Read More
Engagement Matters

Podcast: Building Engaging User Experiences

Recently I got invited to participate in The Engagement Matters Podcast to talk about how to Building Engaging User Experiences. It was a ton of fun and I really like how it turned out. From “Button Guy” to “The Beautifier” UX consulting has come a long way since I first started web design in 1993. […]

Read More
Timeline slider pattern

Timeline slider

The timeline slider pattern uses the slider to control the features that correspond to a certain time span. Timeline slider reduces the amount of data to display by showing only the data within that time span.

Read More
Share Live Location

Share live location

WHAT Allow other people to track and follow your location. WHY As people and things move around and change their location, the need to keep track of their exact place in near real-time is important to make appropriate decisions like estimating time of arrival, intercepting or meeting along the route, and making sure everything is […]

Read More
Side By Side

Side by side

WHAT Visually inspect and compare two scenarios spatially, temporally or quantitatively. WHY Comparing spatial-temporal data is a common analytical task to detect changes over time or identify patterns between variables. Providing two synchronized maps helps to see differences at a glance without the need to constantly swipe or toggle. WHEN The main advantage of Side-by-Side […]

Read More
Maptip

MapTip

WHAT A MapTip is an informative message that appears when a user hovers the pointer over a feature, surface, or raster image. The purpose of a MapTip is to provide helpful content such as additional attributes, data, or images and therefore give users direct access to attribute information for that feature. WHY The map provides […]

Read More
Blue Dot

Blue dot

WHAT The blue dot pattern allows mobile users to see their current location in a map to understand their surroundings. Blue dot is specific to mobile apps where movement and change in position of the user’s device is expected. Tracking this movement means that the user can focus on their task without expending energy to […]

Read More

Tutorials & Videos

UI/UX Best Practices for Designing Amazing Web Apps 2020 Esri Developer Summit Tech Session, Palm Springs, CA (USA) This video shows Map UI Patterns applied to practical, real-world examples. Patterns described are: Empty State Task Oriented Layout Patterns Visualizing Data Patterns Dealing with complex Data Patterns

Read More