Refine By

Maps

  • Contents:
  • Maps are used to tell the user where something is (you know, like a hotel or a floorplan).
  • They are used to present geographical data.
  • Relevant entities on a map are usually marked with pins or markers that can be touched or clicked to reveal more information.

Guidelines

 

  • Use maps meaningfully.
  • Maps work best when the user needs to see proximity between two or more locations.
  • Avoid showing maps that cover too wide of a geographical area, as the map’s contents will be too zoomed out to be legible to the user.
  • Ensure maps support native gestures on mobile such as pinch, zoom, or pan.
  • Avoid introducing unfamiliar gestures or interaction patterns.
  • Disable zoom by default so that the map doesn’t move as the user scrolls within a view.
  • Enable zoom after the user clicks or touches a map.
  • Consider providing zoom controls on maps.
  • Avoid unusual or hard to identify styles for pins and markers.
  • Keep it familiar for users.

Style

 

Accessibility

 

Related Elements

Related Components

Version History

Date/Time of ChangeWho Made the ChangeChange Details
May. 09 2017 6:39pm Initial content entry