I am designing an application which has panel with a list of items. The items in the list can be re-ordered by drag and drop:
The number of items in the list has the potential to be very large.
In this situation, one of the requirements is to be able to allow an expert user to tag the most important items and show ONLY those items, to make the list simpler for beginner users to work with.
I have two possible approaches:
Since the user is already using "Drag and drop" to re-order the list, why not use the same interaction pattern and allow them to "Drag and drop" items to an "Important" box and then hide the "Everything" box, like so:
Or, should we simply use a "Pinned" system, like this:
The "Drag and drop" design has the advantage of using the same drag and drop interaction pattern, but could be confusing because there can be "two" of the same item. Also, it could take up more space when both boxes are open.
The "Pinned" system is simpler, but has the disadvantage of having the user in a "Show Pinned Only" Mode (Sorry, Tesler!).
My question is:
Considering the information above, which of these two approaches would be the easiest to use and understand?