My goal is to design UX where users can reorder very long list of data (800+). User has to have an ability to filter the list. Users should have an easy way to quickly move many items to the top and bottom in the list. I am looking for an elegant solution. Currently I broke down the list into Top, Middle, Bottom. Having everything in a single table makes reordering tricky when the table is filtered; once you filter you only see subset of items and therefore cannot really move items into the right spot. enter image description here

  • Are users more likely to move one item at a time, or more than one item at a time?
    – Izhaki
    Aug 18, 2015 at 20:23
  • when users move the items to the top or bottom, are we talking about the top/bottom of the whole list without taking into account the filtering right? Aug 19, 2015 at 5:40

1 Answer 1


This reminds me a problem I work on last year: User wanted to pick a set of records from a paginated list, and apply bulk operation on them.

The pagination (a sort of filter if you wish) meant that once moving to another page, previous selection was no longer seen. There was also a search field which allowed filtering of records.

First choose then do

The design mapped the split in the user story (first choose records, then apply operation). Essentially, whenever the user selected a record, a collapsed container showed above the list with the title "X records selected"; and there was a dropdown button on that container labelled "bulk actions".

You can do something similar:

A table with a container on top, labelled '5 databases selected'

Filters don't have to completely hide

Although I doubt practical in this scenario, I have to mention the following since you don't have pagination and talking about around 800 records.

Filters in such case don't have to hide the records, they can simply leave a very small visual element representing the records and use hover (or drag over) to reveal the content of these minimised records.

This is something similar to how Google's Inbox collapses long conversations:

Google's Inbox

You could represent each item as a line, and you could revel the record as the user hover above or around it.

  • Thanks Izhaki! Excellent ideas. Interestingly we arrived to very similar idea at a little brainstorming session just right now. So hopefully the design will be intuitive. Aug 18, 2015 at 22:06

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.