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

Drag and Drop on Mobile

⚙️ Engineering & Technology By CampusDown Wiki Editorial Team Last updated
Drag and drop is an interaction where users press, drag and release an item to change its order or location.
Contents
  1. 1. Why it's hard on mobile
  2. 2. Feedback while dragging
  3. 3. Non-drag alternatives
  4. 4. FAQ
  5. 5. References

Why it's hard on mobile

Dragging collides with scrolling, so iOS (Apple, n.d.) and Android (Android Developers, n.d.) lift items on long press first. Long press also opens context menus, so define rules. A grip icon signals draggability (Norman, 1999); size it for thumbs (Parhi et al., 2006).

Feedback while dragging

Lift with scale, shadow and haptic feedback; let others make room. Long drags are hard (Fitts, 1954), so auto-scroll at edges, allow cancel, and highlight the result. Web touch support in the HTML DnD API is limited (MDN, n.d.), so pointer events are common.

Non-drag alternatives

WCAG 2.2 (W3C, 2023) 2.5.7 requires single-pointer alternatives: move up/down buttons or menus, with announcements like 'Moved from 3rd to 1st.' Avoid direction clashes with swipe actions.

FAQ

Best way to start a drag?
Long press or a handle, with clear rules versus scroll and menus.
What about users who can't drag?
Provide move up/down buttons or a move menu.

Sources reviewed: 2026-10-27

References

  1. Apple. (n.d.). Drag and drop. Human Interface Guidelines. Lift, drop targets, cancel.
  2. MDN Web Docs. (n.d.). HTML Drag and Drop API. Web drag events and touch limits.
  3. Android Developers. (n.d.). Drag and drop. Drag shadows and targets.
  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. Distance and target size.
  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. Drag handle size.
  6. Norman, D. A. (1999). Affordance, conventions, and design. Interactions, 6(3), 38–43. Visible drag cues.
  7. World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. Criterion 2.5.7 dragging.

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.