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'm looking for a good way to indicate the value of a ComboBox is dirty. With TextBoxes I set the Background to yellow but that looks a little funny with the ComboBox because by default it looks 3d-ish and changing the background to straight yellow makes it appear flat. Any ideas about how to show the ComboBox value is dirty while keeping the look clean and pretty?

share|improve this question
4  
What exactly do you mean by the value being dirty? –  JohnGB Sep 8 '11 at 13:30
2  
@JohnGB Dirty means the field has been modified in the UI but the change hasn't been committed (e.g, the user has entered a selection in a combo box, but hasn't yet clicked the save button). –  Patrick McElhaney Sep 8 '11 at 14:09
add comment

4 Answers

up vote 4 down vote accepted

Assuming you mean you want to show that the value has changed and therefore the user needs to hit "Save" you could do one of the following:

  • Change the border of the control. This might be hard to spot or get confused with validation errors and may well remove the 3D appearance (depending on how you do it).
  • Add some sort of mark (asterisk, dagger, exclamation mark, etc.) beside the field. This might get confused with required fields.
  • Change the text format to italic. Bold might be confused with default values.

etc.

There are pros and cons to each (I've outlined a couple) and you need to see what works with your application and users.

share|improve this answer
    
+1 for changing the border. –  mars Sep 8 '11 at 14:45
    
Changing the border will almost certainly remove the native 3D appearance. –  Chris Morgan Sep 8 '11 at 23:26
    
another con: italics are explicitly forbidden in some HF standards –  jk. Sep 9 '11 at 13:56
    
I ended up wrapping the ComboBox in a border and setting the thickness and color when the value is dirty. This way the 3D appearance of the ComboBox is preserved. –  KrisTrip Sep 13 '11 at 16:29
add comment

The alternative is changing the text to a different colour. I have seen this done, but I don't like it, because changing colours is usually used to indicate validation issues.

However, I would consider the alternatives of markers that are not easily confused with required indicators, because these can be total consistent across all input types.

As a rule I prefer the option of enabling the save button when there is anything that can be saved, but I realise that this does not specify which fields have changed.

share|improve this answer
add comment

Is data saved field by field, or is it dependent on the state of a form? If it's the latter, I'd say make an indication that the whole form has changes that are not yet saved.

share|improve this answer
add comment

Can you put a warning symbol next to the input with a tooltip of what needs to be done? The good ol famfamfam warning would do: enter image description here

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.