I'm wondering if anyone has any opinions on what is the best visual cue to indicate to the user that list items can be reordered via drag and drop?
Here are a few options I've been playing around with: 
I know a lot of iOS mobile users would have been exposed to option B, and taking into account the rapidly expanding user base of iPhones and iPads, I'm tempted to use this option. However I think options A and F are a bit more explicit. Option E is interesting because it removes the 'grab' visual cue but puts emphasis on the move up/down movement. Obviously any of these options can go either on the left or right of the items and the icons would have a tooltip saying something like 'drag to reorder'
What do you guys think? I would be very curious to see if anyone has any real usability testing data on drag-and-drop cues!
Answer
Personally I'd go with option B on iOS, and would look what do Androids show.
On desktop, I'd use some kind of "bumping", it's important, you can see why here in this answer: https://ux.stackexchange.com/a/25032/16685
No comments:
Post a Comment