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.

I have a small and a wide version of an hierarchy which contain different types.

In the wide version the type of items is chosen based on the parent type. The types are not fixed to the hierarchy and can be changed.

The problem lies with the small version, here when the type is automatically determined it is not easily changed by the user.

How to make it easy for the user to select the correct type of item in a small tree?

mockup

download bmml source – Wireframes created with Balsamiq Mockups

share|improve this question
    
In the small version initial types are invisible, so how user could decide to change a type? –  Alexey Kolchenko Nov 13 '13 at 14:08
    
The types are visible through the colour of text on the visible column. –  Pesikar Nov 13 '13 at 14:57
    
Is it possible to add a small edit icon next to each item that triggers the select list for changing the type? –  Jonathan Strate Nov 13 '13 at 15:22
add comment

2 Answers

up vote 2 down vote accepted

Standard solution is to use checkboxes:

mockup

download bmml source – Wireframes created with Balsamiq Mockups

It is not very nice looking, but it is easy to understand it's behavior. Also I'd recommend to display type of item with icon, not with text of the label — the tree will have less visual distractions in compact representation. To change the type of one item show the triangle only when the mouse is over it — it will also make visual communication more clean.

share|improve this answer
add comment

I agree with Jonathan Strate. Adding a small edit icon or link will help. It will also use less real-estate. How about something like this? list tree

Reference: http://dropdown-check-list.googlecode.com/svn/trunk/doc/dropdownchecklist.html

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.