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 developing a GUI-based desktop application. In one dialog, the user can enter a couple of numeric values. The set of values must always pass certain validity checks.

As an example, suppose there's two value fields, one for the inner diameter of a tube, and one for the outer diameter. An obvious validity check would require the inner diameter to be less than the outer diameter.

The actual dialog requires about ten such values, and the checks are complex. Then again, my users will have the necessary experience, and will be able to correct an error.

I'm dithering about the right reaction to the case where one of the checks fails. The reaction should be familiar to the user and hence not need extra explanation, but it should also not be annoying and let the user continue as far as possible in their workflow.

Currently, the following alternatives stand to discussion:

  • Allow any values to be entered, but color the background of all values which fail some checks in an ugly orange (other GUIs show a red asterisk or the like next to the field). Also, disable the [OK]-Button as long as checks fail.
    Pros: This allows the user to type around as they please and to get back to the funny values eventually, it doesn't let them enter invalid data.
    Con: While I favour this solution, I've never seen this solution before, so most likely it is not familiar.
  • When the focus tries to leave a field in which a value has been entered which violates some consistency check, show an error message which explains the problem. Also, don't allow focus to leave the field.
    Pro: This is likely familiar, as I've seen it a couple of times before.
    Cons: Clicking away error messages is annoying. Also, the user might prefer to continue typing in other values. The value which is actually invalid, after all, might be in another field, or the user might prefer to be able to get back to this field later on.
  • When any consistency check fails, wait for the user to click [OK], and then display an error message. Also, try to put the focus onto the field which contains the funny value (which isn't well defined even in my simple example above).
    Pro: Familiar. Also, lets the user type ahead freely.
    Con: The user is kinda lured into clicking [OK] and then surprised with an error message.

What is the most user-friendly way to point out that the values are inconsistent?

share|improve this question

2 Answers 2

up vote 2 down vote accepted

I prefer your first solution. It allows the user to continue to manipulate their data in the form until they are satisfied. The OK or Continue button is disabled, preventing the data form being saved, and the questionable fields are highlighted to direct the user's attention to them. I might suggest adding some hover over text to explain the problem with the data, just in case it isn't obvious.

The application that I test uses the third option, which on a long form can be frustrating. Since there may be multiple fields with bad data, the error message is vague. I have to scroll up looking for the fields that are now highlighted, correct them and then hit OK again. I'd rather know up front that something needs my attention.

share|improve this answer
  1. Allow them to fill in any value they please.
  2. The user clicks the "OK" button
  3. If a field is missing or the values don't match, highlight the fields involved and note each error next to the field, or in a unified error summary before the form or fields.

I believe this is the 3rd option you listed. I think it flows well and can be consistently applied across forms/inputs. As you've stated, there are times where you can't even fully validated until certain fields are filled in.

The unified summary up top is optional, depending on the UI and the form length (on longer forms it can be nice to see quickly that you have multiple errors).


http://f.cl.ly/items/3X123Y1w3W0N3k1B123f/Image%202013.07.31%203%3A37%3A50%20PM.png

share|improve this answer

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.