I'm currently working on reordering items in a list. The tricky part though is that I need to be able to reorder up to 100 items. I have some solutions in mind but the design will break once it tackles probably more than 20 items. This would lead to a very bad experience for users. Would love to get your thoughts and ideas on how to allow reordering of a long list of items.
Some solutions I thought of:
Option 1: Drag and Drop to reorder items
As you can see, it would be hard to drag the items up to 100th. Scrolling would be a pain as well. It would be great if you could share your thoughts for better ways to use drag and drop.
Option 2: Arrow Button Up and Down to reorder items
Reordering works here when you click the arrow up and down. The issue here though is when you reorder items that are too far apart, like if you want to move Item 98 to Item 2.
Quick solution to solve this is through pagination where we only show 10 items per page at a time. Reordering just happens within that though. So the problem there is when you reorder items from other pages.
Option 3: Using drop-down to select position of the item
Would be very happy to hear your solutions. Thanks!
Update: I'd like to add some context on the use case for reordering this long list of items as some might wonder what this is for. This is use for a questionnaire that has a long list of questions. Drag and drop might not best suited for the persona of the users thus, I'm exploring some options and alternatives. Thanks to everyone who have shared their solutions and suggestions.