Focal Point

Focal Point
TweetWhat Problem Does This Solve? Assist the user to find the needle in the haystack of data and communicate the center of interest or activity of a task. When to Use This Pattern Use to answer a particular question or focus the user on an area on the map that is relevant to the task. ...

Basemap Toggle 1

Basemap Toggle
TweetWhat Problem Does This Solve? Users might need to temporarily view data through a different ‘lens’ in order to gain insights into a problem and make a better decision. When to Use This Pattern Under certain circumstances the given basemap might not be sufficient or relevant and the user needs to toggle to a different ...

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

Desert Fog Problem 1

Desert Fog Problem
TweetWhat Problem Does This Solve? In multi-scale systems it is increasingly easy to get lost because of the lack of clues to orient oneself. When to Use This Pattern This pattern can occur quite frequently when navigating map applications horizontally (at the same zoom level) or vertically (across multiple zoom levels). Possible reasons for not ...

No Map 3

No Map
TweetWhat Problem Does This Solve? Location based intelligence is common and valuable and can be represented without a map (at first). When to Use This Pattern Use when displaying a map doesn’t add value or is distracting to the task or when the spatial analysis can be performed more easily without interacting with a map ...

Video: User Experience and Interface Design for Web Apps

TweetVideo recorded at Esri DevSummit 2015. Description Every map application has two characteristics in common: it tries to solve a problem, and it needs a user interface (UI) to do so. This session presents best practices for solving well-known design problems and how to create easy-to-use and compelling interfaces. – See more at: http://video.esri.com/watch/4316/user-experience-and-interface-design-for-web-apps Slides ...

Task Oriented

Task Oriented
TweetWhat Problem Does This Solve? Users need to accomplish their task and get frustrated or even leave your application if they are not able to find and complete it. When to Use This Pattern Good indicators that your map application would benefit from a task oriented design is when it looks and behaves like a ...

Empty State

Empty State
TweetWhat Problem Does This Solve? Empty state is the screen that people see when they start working on a task but there is no data to show yet. In the context of a map application one can easily get the impression that a map is not empty because it shows colorful content of the whole ...

Home Button 1

Home Button
TweetWhat 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 ...

Placemarks 1

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