3

The software I am designing has properties panel and some selectable objects. When selecting a single object, its a straight forward design since the knobs and buttons will show the value of the selected item. But what about when a multi select has been made?

The current version of the software shows the values of the first selected item, no matter how many items selection have been selected.

The image below shows 3 scenarios in the software, with the first, the second and last, both objects selected:

enter image description here

There is a standard on how to show check box states in this scenario - Adobe uses this (watch the "Align to pixel grid" property in the bottom right corner):

Yellow selected Red selected both selected

The yellow don't align, the red align, both selected shows a line as "multi state".

How can this design language be translated to a on/off button or a knob?

4
  • If checkboxes and inputs are easier to handle in this situation, why are you using buttons and 'knobs'?
    – Matt Obee
    Sep 29, 2014 at 15:08
  • Well, I can replace the buttons with checkboxes (although I prefer buttons for my properties panel) but it doesn't solve the knob and value inputs issues. The Adobe "standard" with checkboxes is the only one I know of, it might not be the best option out there so I am happy to receive alternative solutions to that as well... I may also have to put in more controls, so a general design thought about this is appreciated. Sep 29, 2014 at 15:21
  • I don't have an answer but I can tell you I don' understand a single example.
    – paparazzo
    Sep 29, 2014 at 15:48
  • I suggest checkboxes instead of buttons because they are specifically designed for toggling between two values and have native support for an indeterminate state (as shown in your example from Adobe).
    – Matt Obee
    Sep 29, 2014 at 15:49

2 Answers 2

1

here's what I think

you are suggesting that there is a use case where the user wants to select multiple objects and for your mini dashboard to display a true value that represents the values of the selected objects.

some solutions

1)the user is looking for an average value of the objects and the dashboard should display that average. With the top knob that's easy, but will be meaningless for the button state.

2)the user is looking for all values of those objects and the dashboard should display all values

3)the user is not after an average value or all values but is performing a use case which is 'select objects'; observing the values of those objects is secondary. The dashboard should display an inactive state.

option 2 is probably out for display reasons. option 1 is of some use but will never inform about the on off state. Option 3 is best as is easiest to implement. You might need to figure out if the use case is valid though.

edits: "When selecting multiple objects, the goal with changing one controller is to set all the selected objects to the same value."

two scenarios: the dashboard defaults to one of the selected values eg the first, or averaged, and is editable. On edit, the new value is passed to all the objects. option 2: the dashboard defaults to a zero but editable state. In either case you need to reflect the change in state across all objects somehow.

1
  • Thanks for the input! When selecting multiple objects, the goal with changing one controller is to set all the selected objects to the same value. Sep 29, 2014 at 16:00
0

Remove the indicator from the knob and print "Multiple Values" or similar text.

If the objects all have the same value for that property you can show the control the same way you normally would with the indicator and printing the value.

If they don't have the same value, most controls change to show the indeterminate state. For a knob, it seems like removing the indicator would be the way to go as long as it doesn't make the knob look disabled since you still want users to click on it.

In most tools that I have used, when selecting multiple objects, the controls allow you to assign a property value to all the objects at once. I would expect that setting a value using the knob would restore the indicator and apply that value to all selected objects.

3
  • My concern is that it might feel strange, or worse, the user might miss that the knob can be rotated if there's no indicator of where it's positioned at the moment... Sep 29, 2014 at 16:10
  • A valid concern, since it might look disabled. Can you draw the indicator at each relevant position? So your example would have two tick marks at both 20 and -60? Sep 29, 2014 at 19:46
  • Yes, I have tried that. That may be the way the design will end up, but I wanted to check here first to see if there were any great ideas out there... Sep 30, 2014 at 7:07

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.