モバイルで難しい理由
長押しで持ち上げ(Apple, n.d.; Android Developers, n.d.)、コンテキストメニューとの規則を決め、ハンドルで示します(Norman, 1999; Parhi et al., 2006)。
ドラッグ中の表示
影と触覚フィードバック、端で自動スクロール(Fitts, 1954; MDN, n.d.)。
代替手段
上下移動ボタンを(WCAG 2.2 2.5.7)。スワイプアクションと方向を衝突させない。
よくある質問
- 開始方法は?
- 長押しかハンドルで。
- ドラッグできない人は?
- 上下移動ボタンを用意。
出典確認日:2026-10-27
参考文献
- Apple. (n.d.). Drag and drop. Human Interface Guidelines. 持ち上げ・ドロップ先・取消です。
- MDN Web Docs. (n.d.). HTML Drag and Drop API. Webのドラッグイベントです。
- Android Developers. (n.d.). Drag and drop. ドラッグの影と対象です。
- 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. 2.5.7ドラッグ操作の基準です。
