User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It only takes a minute to sign up.
Sign up to join this community
How would you present an interface, that allows a user to re order a list of around 150 products anyway they want. so they can say "I want to show this 5 first, then these 3 next, and so on...".
I was thinking about a drag&drop list, but then I should display the 150 products in the same page, which doesn't feel right.
From you description this is what you got today:
download bmml source – Wireframes created with Balsamiq Mockups
This is perfect to drag and drop, and it has a nice direct feeling of control to the user. A 150 products is hard to organize in one category, and I think you need to categorize the products. Having the categories as filters, the user can within a category order the products in the first iteration.
When this is done in all the categories of product, users could order all the products in a second iteration to get the complete list of products in order. This implies that there is no order between products in categories.
If there is order between categories, then the user could simply order categories first, and then products within categories.
It seems unlikely that a user will actually reorder 150 items. That's why you typically see large lists (think a list of files) with the ability to order by column. This gives some control and order to a large list without making the user deal with each item.
Now I understand why you might want to provide some more fine grained ordering, so perhaps this could be solved by allowing users to select items from the big list (of 150+) that can be column ordered or filtered and place them into a "short list" where items can be dragged and dropped into order.
