CampusDownWiki
Total citations 16,203한국어KO 2,699EnglishEN 11,187日本語JA 774中文ZH 1,543
CampusDown ↗
English

Map Pin UX

⚙️ Engineering & Technology By CampusDown Wiki Editorial Team Last updated
A map pin is a marker indicating a point on a map that reveals place information when tapped.
Contents
  1. 1. Shapes and selection
  2. 2. Clustering
  3. 3. My location and accessibility
  4. 4. FAQ
  5. 5. References

Shapes and selection

The teardrop pin is a settled convention (Norman, 1999); lodging apps use price labels. Enlarge and recolor the selected pin and show details in a bottom sheet (Apple, n.d.) so the map stays visible.

Clustering

Dense small targets are hard to hit (Fitts, 1954). Merge nearby pins into counts that zoom in when tapped (Google, n.d.); users also pinch to zoom. Keep touch areas at touch target sizes (Parhi et al., 2006).

My location and accessibility

Android separates approximate and precise location (Android Developers, n.d.); approximate often suffices. Use shapes and contrast, not color alone, per WCAG 2.2 (W3C, 2023) 1.4.1 and 1.4.11, and offer a list view.

FAQ

Too many pins?
Cluster nearby pins and expand on zoom.
Is a map alone enough?
Add a list view for comparison and accessibility.

Sources reviewed: 2026-10-27

References

  1. Apple. (n.d.). Maps. Human Interface Guidelines. Annotations and clustering.
  2. Google. (n.d.). Marker clustering. Maps JavaScript API. Clustering overlapping markers.
  3. Android Developers. (n.d.). Request location permissions. Approximate vs precise location.
  4. Fitts, P. M. (1954). The information capacity of the human motor system in controlling the amplitude of movement. Journal of Experimental Psychology, 47(6), 381–391. Small dense targets are hard.
  5. Parhi, P., Karlson, A. K., & Bederson, B. B. (2006). Target size study for one-handed thumb use on small touchscreen devices. In Proceedings of MobileHCI 2006 (pp. 203–210). ACM. Pin touch areas.
  6. Norman, D. A. (1999). Affordance, conventions, and design. Interactions, 6(3), 38–43. Familiar conventions.
  7. World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. Criteria 1.4.1 and 1.4.11.

Reports and materials that use this theory (Korean)

There are no materials dedicated to this theory yet, but you can search related reports in the CampusDown library (Korean).

Find more reports · Search '지도 핀' on CampusDown →

You may also like

Latest ArticlesView all ›

New guides for college study and assignments (Korean)

This article was last updated on October 27, 2026. It is based on widely recognized original works and textbooks; when citing it in a paper, please check the original sources listed in the references.