search

calaldees / KaraKara

Karaoke Event System - Attendees can view and queue tracks from their mobile phones
https://karakara.uk
GNU General Public License v3.0
29 stars 9 forks source link

Touchscreen drag & drop isn't super-intuitive #74

Closed shish closed 3 years ago

shish commented 3 years ago

Right now dragging the text of a queue item scrolls the screen, dragging the thumbnail of a queue item will drag & drop it to re-order the list. People are pretty accustomed to "dragging anywhere will scroll the screen". How can we indicate "dragging this specific part will re-order the list instead of scrolling"?

(This is no problem with a mouse -- mousewheel is always scroll, and dragging is always drag & drop)

Adding "handles" to draggable items seems a pretty common metaphor -- but we're very tight on space already. Maybe if there's some way to display handles in a small way, but with a large easy-to-press-with-fingers area, and hide the handles for non-touch screens?

shish commented 3 years ago

Added a "grip" icon over the thumbnail, encouraging people to drag the handle, but actually anywhere on the thumbnail works