4

Im am working on a master/detail 2 pane view. Looking for some feedback on item selection

Level 2 start

When I first land on "Level 2" Im showing the items inside of level 2 on the left pane, and some meta reporting read only data on the right pane for "Level 2" i.e - graph about item performance or something.

Clicking on a left item, loads the detail of that left item in the right pane

Level 2 item selected

If I wanted to go back to the "root view" of level 2. Is it intuitive enough to just be able to UNSELECT the left pane item that I previously selected?

As users, would you expect to be able to unselect that row?

The "level 2" in the crumb could also be clickable to reset the view, but I don't think that is a good way to get back to that root view. I guess the browser back button could work as well?

Thoughts:

  • I have a select box on items for bulk selection 1 to many actions on items (move, copy, delete).

  • Should selecting the row select the checkbox as well? if it did that unselecting that item would be visible, just unselect the checkbox.

1
  • I would click "Level 2" in breadcrumbs. But it is not clickable in most cases. May 17, 2017 at 15:39

2 Answers 2

2

Q: If I wanted to go back to the "root view" of level 2. Is it intuitive enough to just be able to UNSELECT the left pane item that I previously selected? As users, would you expect to be able to unselect that row?

A: Maybe not. I suspect deselecting is something users do when they’re thinking of canceling something, not executing something (e.g., get meta-data), so it may not be the first thing users think of. On the other hand, it helps that the page opens with no selection, so many users may notice that (a) no selection is possible and (b) non-selection shows the meta-data. But that’s asking for a lot from the user. Also, deselecting can be difficult because there’s no explicit target to deselect things –the user needs to find “nothing” to click on. I know I’m been frustrated with Windows Explorer in trying to get the file list pane (second level) in a non-selected state in order to get the folder statistics in the properties pane (third level). Here are two alternatives:

  • Include an explicit selectable summary item in the second level list at the top. Being no bigger than any other item, it shows the most critical meta-data. Clicking it populates the detail pane with all meta-data. Such a summary item may also be used to select all items for a single action like move or copy (which may or may not be a good idea, depending on how often it’s needed). There’s always a selected item in the item list. It’s just that the “item” might be the summary item. You might find that, with less use of gratuitous graphics, you can actually fit all the meta-data in such a summary item and you don’t need to worry about showing meta-data in the detail pane.

  • Put the meta-data in its own pane. Put both the item detail pane and the meta-data pane in respective expanders so the user can show one, both, or none. This gives the users a lot of flexibility (e.g., they can see and compare the meta-data without losing their selection). Always have at least one item selected so the detail pane is always populated. Default arbitrarily to the first item. This helps your users realize that the items are selectable and that they can get item details by changing the selection. Depending on how useful the meta-data is, it might even make sense to make the meta-data pane be the second level (top level on page), and the item-list pane is a third-level detail of it. The item detail becomes a fourth level.

Q: The "level 2" in the crumb could also be clickable to reset the view, but I don't think that is a good way to get back to that root view. I guess the browser back button could work as well?

A: Users may reason that clicking on Level 2 will bring them to Level 2, which they may not do because they realize they’re already on level 2. Like clicking nothing to deselect everything, clicking Level 2 does not explicitly say “give me meta-data for all of Level 2.” Compounding that is that users don’t use breadcrumbs much even when they should. They may look at them for orientation, but it doesn’t occur to them to click them. The Back button is no substitute. Users expect it to move them back in pages, not items selected. And that’s how it should work. You don’t want users having to click back 15 times to cycle back through 15 selected items just to get back to the previous page. For that matter, you don’t want them having to click back 15 times to get back to the meta-data. Think of Back as the Close button, not the Undo button.

Q: I have a select box on items for bulk selection 1 to many actions on items (move, copy, delete). Should selecting the row select the checkbox as well? If it did that unselecting that item would be visible, just unselect the checkbox.

A: Probably not. A checked checkbox implies that clicking another results in two selected items (checkboxes are n-of-many selection control). Users may think they have to uncheck the current item before clicking the next item and never realized that it’s unnecessary. Mixing click-selection-box selection (n-of-many) with click-item-to-select (one-of-many) is an interesting idea, and I’d like hear how it turns out in a usability test. Having selection boxes is probably much more discoverable than expert shortcuts for multi-selection like shift-clicking, ctrl/command-clicking, and dragging. But will the selection boxes be such a strong cue that users assume it’s the only way to select? Will they never discover “normal” selection? What happens when the user clicks one selection box, then clicks another item (not selection box), does the check box uncheck? What will users expect? I don’t know. If executing the same action on multiple items is rare (usually the case), it may be best to have no selection boxes, and rely on the expert shortcuts. It’s okay to have only low-discoverability expert shortcuts because you’re not relying on them to accomplish the task –they’re just a short cut. Non-expert users can carry out the same task without multi-selecting by selecting and acting on each item one at a time.

3
  • thank you for taking the time to respond to my question. I really appreciate it. Q1 > A1 > point 1: I never thought of adding a summary item to the left pane. This is intriguing. That could default as the selected item when you land. Then the whole selecting/de-selecting paradigm would not even exist. How to properly label and word the summary item would possibly be the only hurdle. I will try some design around that modal. Thank you.
    – Destructo
    May 23, 2017 at 15:12
  • Q1 > A1 > point 2: I am not a fan of expandable areas...sorry. The require some discovery which is fine, but it's all about how the item is styled to even make that area discoverable. From my tests, these area's rarely work. I appreciate the idea though. Some of the item details may have report like data per item. So a concept like this, perhaps with tabs, might work. Q2: I agree with your comments here. I may just link it anyway. The items do not look like links at the moment, but there is some feedback on mouseover and tabbing.Im ok with the "level 2" link
    – Destructo
    May 23, 2017 at 15:13
  • Q3: Agreed as well. The UX for the checkboxes is when selected, the right side just captions, as an example, "5 selected" in larger text. Waiting for the user to do some bulk action. Selecting the check is probably not the best UX. I was wondering about the multiple action on one item as well. Thank you for your time, lots of good insight
    – Destructo
    May 23, 2017 at 15:13
1

The concept looks good, I actually did something similar recently, sans the "select to edit/delete/etc" action set. Here are some suggestions:

  1. Make user actions explicit, not implicit. By that I mean, if clicking a row in the left pane shows details in the right pane, don't add the checkbox selection within the same action. You could split that into a separate activity (Edit for instance) where the user would need to click the "Edit" button in order for the checkboxes to appear and then select items to apply actions to.
  2. "If I wanted to go back to the "root view" of level 2. Is it intuitive enough to just be able to UNSELECT the left pane item that I previously selected?" It can be, since the action of showing the pane was trigerred by clicking the row. You can implement this without confusing users if you take the approach suggested in #1 above. An alternative would be to again make the action explicit and have a "Close" button of sorts on the right pane.

That's about all I have, hope it helps!

1
  • Thanks for the thoughts Stefan. I agree with the idea of possibly adding a close to detail view. The action would possibly make it pretty simple to use. Maybe a combination of that, click to unselect and the breadcrumb would help. I think it's ok to have more than one out for a user. Thanks for you time!
    – Destructo
    May 17, 2017 at 19:47

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.