Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

We have a table with a large number of items (50-500+). Items are grouped -- basically, think of a list of folders each with at least one item in them. Actions need to be taken on each item, or possibly on sets of items.

We're using a tree list with disclosure triangles to show the folders and the items. The folders show summary info, and the items show details. Sometimes you need to open a folder, and take actions on individual items. Sometimes you can just take the same action on every item in a folder, so you click on the folder and do the action.

enter image description here

However, in one not uncommon case, almost every single folder has exactly one item in it. In the naive presentation, this doubles the number of rows, and makes the screen look very busy. It also shows double the number of controls, since you can affect either the folder or the item--with essentially identical results.

How would you recommend handling this case? We don't want to get rid of the groups--they add a lot of value. But the summaries don't contain all the information about the items, for screen real estate reasons. We could go with some third view for single-item-folders, but I'm worried it might break up the visual flow.

Ideas?

share|improve this question
    
"We don't want to get rid of the groups--they add a lot of value." do they add any value when they have only 1 item as well? –  Kashyap Sep 7 '11 at 17:23
    
@Kashyap, no, but sometimes it's something like 50 folders--45 of which have 1 item, the other 5 have lots of items. –  Alex Feinman Sep 7 '11 at 18:02
add comment

3 Answers

up vote 3 down vote accepted

A few quick ideas:

Singleton at the Group Level When there is only one item in a group, replace the item count and group summary information with the item detail. This is most effective when the group controls and information are redundant with the singleton’s controls and information, which I think is the implicit problem with doubling the rows and controls. If there are a lot of details that don’t fit where the group stuff used to be, then put secondary item information and controls under the expander/disclosure triangle. The idea is that usually users will not have to open a disclosure region for tasks on a singleton.

Item Table with Merged Cells Have a single conventional table rather than the tree with disclosure triangles. Each item has both controls for itself and each group has its controls in a single vertically “merged” cell for all items in the group. Information for the group as a whole (e.g., Group ID) may be in merged cells too, but my impression is that most of this information reduendant with the item information display. This is best when group commands are different than item commands, and/or the number of command are few (which I don’t think is what you have). It’s also best when users work on a large number of items from different groups –a 500 item table means a lot of scrolling, but users make up for it by not having to open and close disclosure regions.

Item Table with Selection Same single conventional table as above, but rather than separate command controls for each item and group, provide controls to select (and multi-select) both individual items and all items in a group with a single click. A single set of command controls at the top or on the sidebar menu executes the actions on all selected items. Group ID is a field for every item. You may also want to support “expert” multi-selection through dragging and shift-clicking. This is especially useful when (a) users often execute the same command on multiple groups and items between groups, (b) there are a large number of commands (three or more) –a single control per command would free up a lot of real estate, (c) users sometimes need to see the data sorted by other criteria than group membership. You could have this conventional table be an alternative view from the tree, allowing users to toggle between the two.

Item Table with Filtering This is a conventional table of items again, but with filtering controls at the top, including controls for specifying one or more groups (e.g., a range of groups). There are command controls for each item, and a single set of controls for commands that operate on all displayed items at once. This is best when users often work on a single group or other set of items with specific criteria, rather than multiple arbitrary groups. Filtering tools, of course, could be combined with either of the above table designs to allow the user to narrow the search down from 500 items when advantageous.

Master-Detail Have separate group and item tables linked in a master-detail relation. When the user clicks on a group in the Group table, the Item table immediate populates with items of that group, replacing whatever items were there before. When the data are dominated by singletons, make the Item table short by default (showing only a couple items without scrolling) and expand the group table to show more groups. This is best when users tend to work primarily on groups as a whole (even with singletons) and secondarily on items within a group, but rarely back and forth on items between groups –with a master-detail, users don’t have to explicitly close the disclosure regions when they’re done with a group to keep the display from getting too cluttered.

share|improve this answer
add comment

I'd remove the disclosure triangle from the groups that have nothing to show. It seems like the control links at the group name level can be applied to the single item. If that doesn't work, force the groups with only one item open as they'll only take up one extra line and saves the work of expanding a group just to find it has one item.

The best thing you've done in the sketch, however, is to show the number of items beside the group name. I'd remove the word 'item(s)' from that indicator and just use the number in parentheses. It will soon become obvious what it means.

share|improve this answer
add comment

I would have 3 separate icons for:

  • singleton group/item
  • closed group (with 2+ items)
  • open group (with 2+ items)

Are there any extra actions or attributes of the singleton group itself, which do not apply to the single item within (e.g. adding or removing items from a group, or even just groups being named)? If so, then it's better to show all groups as equal, since space-savings are probably not worth the increased complexity.

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

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