Flow map WHAT Data visualization with straight or geodesic lines have visual limitations. WHY Studying and analyzing relationships between objects is a common task. Visualizing existing, missing or broken c…

Flow Map #UIpattern: Solves data visualizations with straight or geodesic lines that have visual limitations.
mapuipatterns.com/flowmap/
#UX #UXDesign #UI #UIDesign #maps #apps #GIS #esri #esridev #MapUIPattern #dataviz

Legend WHAT The meaning of symbols and the symbolic presentation of data is not clear until explained and correlated to a key. WHY The essence of maps is to present features (points, lines, polygons) or p…

Legend #UIpattern: Explains the meaning of symbols through their key. mapuipatterns.com/legend/
#UX #UXDesign #UI #UIDesign #maps #apps #GIS #esri #esridev #MapUIPattern

Data dimming WHAT The map contains too many features so that it is difficult to identify them, distinguish them, pick out relationships, see patterns in the distribution. WHY The same location might be occupied…

Data dimming #UIpattern: Highlight related features that are otherwise difficult to distinguish.
mapuipatterns.com/data-dimming/
#UX #UXDesign #UI #UIDesign #maps #apps #GIS #esri #esridev #MapUIPattern

Buffer WHAT Analyze an area surrounding an object or point of interest. WHY It is difficult and sometimes even misleading to rely on visual analysis on the map to identify relevant features. Calculating d…

Buffer #UIpattern: Analyze an area surrounding an object or point of interest. mapuipatterns.com/buffer/
#UX #UXDesign #UI #UIDesign #maps #apps #GIS #esri #esridev #MapUIPattern

Chart marker WHAT The chart marker pattern uses charts to enrich aggregated data or to visualize a second attribute of clustered data. Adding tiny charts to the map is a powerful visualization technique to comm…

Chart Marker #UIpattern: Adding tiny charts to the map is a powerful visualization technique to communicate additional aspects of the data.
mapuipatterns.com/chart-marker/
#UX #UXDesign #UI #UIDesign #maps #apps #GIS #esri #esridev #MapUIPattern

Cluster marker WHAT The cluster marker pattern is a common method to avoid visual clutter by grouping points together, and many apps that display point data benefit from this pattern. Cluster marker differentiate…

Cluster Marker #UIpattern: Avoid visual clutter by grouping points together. mapuipatterns.com/cluster-mark...
#UX #UXDesign #UI #UIDesign #maps #apps #GIS #esri #esridev #MapUIPattern

Feature selection WHAT The feature selection pattern uses selected features on the map to create a subset from all the available features. It helps shift the focus from the whole collection of features to the ones t…

Feature selection #UIpattern: Shift the focus from the whole collection of features to the ones that are relevant.
mapuipatterns.com/feature-sele...
#UX #UXDesign #UI #UIDesign #maps #apps #GIS #esri #esridev #MapUIPattern

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 tha…

Timeline Slider #UIpattern: Control the features that correspond to a certain time span only. mapuipatterns.com/timeline-sli...
#UX #UXDesign #UI #UIDesign #maps #apps #GIS #esri #esridev #MapUIPattern

Basemap WHAT Users need a geographical reference to understand and relate to the information displayed on top of it. WHY Basemaps help users to orient themselves with both location and scale. A well design…

Spatial Filter #UIpattern: Reduce available features by selecting a specific geographic region or area of interest.
mapuipatterns.com/spatial-filt...
#UX #UXDesign #UI #UIDesign #maps #apps #GIS #esri #esridev #MapUIPattern

Attribute filter WHAT The attribute filter pattern reduces large datasets into more meaningful and manageable selections based on attribute criteria. WHY Filters are omnipresent in modern apps and, like search, are…

Attribute Filter #UIpattern: Reduce large datasets into more meaningful and manageable selections based on attribute criteria. mapuipatterns.com/attribute-fi...
#UX #UXDesign #UI #UIDesign #maps #apps #GIS #esri #esridev #MapUIPattern