形と選択
慣習的な形を使い(Norman, 1999)、詳細はボトムシートに(Apple, n.d.)。
クラスタリング
密集は押しにくく(Fitts, 1954)、数でまとめます(Google, n.d.)。ピンチズームとタッチターゲット(Parhi et al., 2006)も。
現在地とアクセシビリティ
おおよその位置で十分な場合も(Android Developers, n.d.)。色以外も使い(WCAG 2.2 1.4.1, 1.4.11)、リストも用意。
よくある質問
- ピンが多すぎたら?
- クラスタリングを。
- 地図だけで十分?
- リストも用意しましょう。
出典確認日:2026-10-27
参考文献
- Apple. (n.d.). Maps. Human Interface Guidelines. 注釈とクラスタリングです。
- Google. (n.d.). Marker clustering. Maps JavaScript API. 重なるマーカーのまとめ方です。
- Android Developers. (n.d.). Request location permissions. おおよその位置と正確な位置です。
- 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. 小さな標的は押しにくい法則です。
- 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. ピンのタッチ領域です。
- Norman, D. A. (1999). Affordance, conventions, and design. Interactions, 6(3), 38–43. 慣習的な記号です。
- World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. 1.4.1と1.4.11の基準です。
