Validation

Validation ensures that data is properly entered into an Input Field or Form. It alerts users to data errors, required input and prompts them to make corrections.

Input FieldsCheckboxes and Drop Down Menus can be configured to require user input and to enforce specific data formats. Once configured, these elements can provide validation as users move through a group of controls, such as a form, within a Dialog Box or Pane. Validation is then employed a second time when “Apply” or “OK” is selected.

Individual elements outside of a Dialog Box or Pane can also be configured for validation.

Rules of Thumb

  • Validate user input immediately after the element loses focus. Don’t wait to validate elements upon “Apply.”
  • Don’t reset the form. Requiring users to re-input valid data is poor user experience.
  • In the same voice, write short, simple and precise error messages that assist users in easily correcting input errors.
  • Clearly mark required fields with an asterisk.
  • Display examples of correctly formatted data.
  • Use appropriate input type on form fields for the expected data input (e.g., <input type="number"> when entering numeric data)

Writing in the Astro Voice

The voice of Astro applications is direct, confident and reflects the critical nature of Astro events and processes. It’s never chatty or informal nor does it personify technology.

Tips for writing validation error messages in the voice of Astro:

  • Choose language that’s simple, brief and commanding. Astro users are often in high-pressure, time-sensitive situations with only seconds to correctly respond. Therefore, only include information absolutely necessary to swiftly resolve the error.
  • Omit pronouns. In error messages pronouns add no value and take up already limited space. Pronouns also assume an intimacy with the user making the message seem less formal and less important.
  • Never personify the application. Assigning human qualities to a virtual environment is the parlance of Science Fiction. It’s inappropriate for the vital nature of Astro applications.
  • Don’t use salutations. Leave out: “hello, goodbye, welcome,” etc.

Appearance and Behavior

Configuration options for validation of Input Fields:

field required val

field required val

Required Input - user must enter some text. If no text is entered, a warning icon and optional instructional text is shown.

numeric range val

numeric range val

Numeric Range - input must be a number within a specific range. Non-numeric characters and out-of-range values are indicated with a warning icon and optional instructional text.

time field required val

time field required val

Time - input must be a valid time. Text that cannot be recognized as a valid time is indicated with a warning icon and optional instructional text.

date required val

date required val

Date - input must be a valid date. Text that cannot be recognized as a valid date is indicated with a warning icon and optional instructional text.

group selection val

group selection val

Checkboxes can be configured to require input, where at least one item in a group must be selected.

dropdown menu val

dropdown menu val

Drop Down Menus can be configured to require input, where at least one item in the menu must be selected.

×