1

enter image description here

In the above image, I have a drop-down where values are grouped. When I select the value from the list then drop down should display values as c1 or c2?

  • What are the cons of not showing the group? You could also use a color scheme to encode that. – Fernando Aug 4 '17 at 21:24
1

It depends on the content. Here are some considerations:

  • group name is only a visual clue to find a value easier, and the group is commonly known by the users --> don't show the group name
  • group name is essential to understand the value (e.g. two identical values that can be used differently cars > golf or sports > golf) you defenitly need to show both
  • group names are not commonly known by the users --> you should consider not to group the values because there is not additional help to the user
  • In my example all the group heading is different. – NB4 Aug 4 '17 at 13:03
  • In terms of usability which option works better? To show group name > Options or only option? – NB4 Aug 4 '17 at 13:32
  • If possible, see my answer, I would prefer to show only the value. There are two reasons: The Value alone is easier to read (shorter) means less cognitive work for the user and secondly depending on groupname and values the entries could be very long so that they need to be cut off which means, the user can not see the chosen value. – BrunoH Aug 4 '17 at 15:47
1

If the top level category still bears importance then I'd go for C1. Similar to a breadcrumb on an ecommerce site. Some users may prefer this option as it provides a little more information.

If the drop down is simply to pick a single item to carry onto the next step of the journey then C2 should be fine.

0

As per the website, I have gone through I found out they do not show the main group heading.

For reference:

https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_optgroup

http://davidstutz.github.io/bootstrap-multiselect/#examples

http://demos.telerik.com/kendo-ui/multiselect/grouping

0

Tomato is a fruit

Could you use something other than a dropdown? If something is in the wrong place it's going to be hard to find it..

  • The difference between knowledge and wisdom - knowledge is knowing a tomato is a fruit, wisdom is knowing not to put it in a fruit salad :) – dosxuk Aug 4 '17 at 16:25
  • 1
    But that's my favorite fruit salad! It's called "salsa" :) – Daniel Beck Sep 4 '17 at 0:21

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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