What are some good UX pattern to implement drag-n-move, and multiple selection
Currently, I am porting an Android app to iOS app.
I have been pondering for quite some time, on what is the proper UX, to implement
- Drag and move to perform reordering
- Multiple selection
So that user can have a joyful experience while using the app.
In Android, the following are my implementation.
Drag and move to perform reordering (Android)
- Long press (Do not perform finger lifting up)
- Move to reorder
Multiple selection (Android)
- Long press to enter selection mode (Do not perform finger movement)
- Finger lift up
- Multiple selection
- Perform action on multiple selected cards
However, such patterns are rarely seen in iOS app. I was wondering, what are some good UX pattern to implement such functionality?
I wish user can accomplish their task with fewest steps as possible, yet retain their joyful experience.
I check some popular apps in iOS...
Drag and move to perform reordering (iOS. I do not think is a good one)
- Long press
- Perform horizontal movement (Do not perform vertical movement. If not, it will perform pop-up menu selection)
The shortcoming of such UX is that, you need to perform a "Strong" move gesture, only you can move the card.
If not, it is too easy for you to accidentally perform pop-up menu selection.
Hence, I do not like this type Drag and move UX
Multiple selection (iOS)
- Long press
- Select "Select Task" menu item
- Perform multiple selection
Suggestions
My thoughts is, in iOS, maybe my implementation strategy can be
Drag and move to perform reordering (iOS)
(The implementation will be exactly same as Android's)
Multiple selection (iOS)
Have a non-scrollable section to host an EDIT button. When user presses on the EDIT button, user will be able to perform multiple selection.
May I know, do you have any better suggestion on how I can implement a good iOS UX for
- Drag-n-move
- Multiple selection