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.

Normally when using treeview I would expect that when the user double-clicking on a node that has children the tree will expand/collapse. However, Say we have a tree in a selection dialog. We present a dialog that shows a treeview with a hierarchy of items. The user is supposed to select one and press OK.

If the selection dialog contained a flat list I would expect that double-clicking on an item would select the item and close the dialog.

Should the same behaviour be available with a tree? Or should the default expand/collapse behaviour supersede this?

Just as an extra note, auto-expanding the whole tree is probably not advisable in this case because the tree can have a lot of items.

share|improve this question
add comment

2 Answers

up vote 1 down vote accepted

It is quite common for a single click on an item in the tree to both select that item and expand it to show its children. This is used in a context where the item being selected already accomplishes the primary action, eg. in Windows Explorer selecting the folder in the tree will show its contents in the right hand pane.

It is however also usually very unclear wether you should be single or double clicking. While it's usually understood that a hyperlink or a button require only a single click, there really nothing that says "double-click me". In fact many people will double click everything just to be sure. And who could blame them? In OSX applications launch on double click, except in the Launchpad view: there is no consistency anywhere.

I would therefore advice against double click for selecting an item and immediately closing the dialog. A tree, unlike a list, is a complex UI that requires quite some interaction. A user should not have to fear accidentally selecting the wrong item and closing the dialog just because he clicked too fast.

If it's preferable to have a single select+close action available, for instance because a user needs to interact with this UI a lot in his workflow, I would suggest offering a separate control to accomplish that. To not clutter up the interface you could surface this on hover of the item. I don't think this should replace your select->ok flow, but it could be added to it.

mockup

download bmml source – Wireframes created with Balsamiq Mockups

share|improve this answer
add comment

You can always bind single-click to the expand/collapse function; then the functionality for the double-click can remain the "select the item and close the dialog". In this case, affordance requires that you provide a visual feedback to the user (such as mouse-over highlight effects) that the elements can be singly-clicked.

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.