Home > Usability > Forms and Data entry Usability Guidelines

Forms and Data entry Usability Guidelines

February 28, 2010 Leave a comment Go to comments

Forms are the components of a site that allow the customer to interact with the organisation. Well designed forms provide access to rich functionality while asking for the minimum of input from the customer.

  1. Fields in data entry screens contain default values when appropriate and show the structure of the data and the field length.
  2. When a task involves source documents (such as a paper form), the interface is compatible with the characteristics of the source document.
  3. The site automatically enters field formatting data (e.g. currency symbols, commas for 1000s, trailing or leading spaces). Users do not need to enter characters like £ or %. .
  4. Field labels on forms clearly explain what entries are desired.
  5. Text boxes on forms are the right length for the expected answer.
  6. There is a clear distinction between “required” and “optional” fields on forms.
  7. The same form is used for both logging in and registering (i.e. it’s like Amazon).
  8. Forms pre-warn the user if external information is needed for completion (e.g. a passport number).
  9. Questions on forms are grouped logically, and each group has a heading.
  10. Fields on forms contain hints, examples or model answers to demonstrate the expected input.
  11. When field labels on forms take the form of questions, the questions are stated in clear, simple language.
  12. Pull-down menus, radio buttons and check boxes are used in preference to text entry fields on forms (i.e. text entry fields are not overused).
  13. With data entry screens, the cursor is placed where the input is needed.
  14. Data formats are clearly indicated for input (e.g. dates) and output (e.g. units of values)..
  15. Users can complete simple tasks by entering just essential information (with the system supplying the non-essential information by default).
  16. Forms allow users to stay with a single interaction method for as long as possible (i.e. users do not need to make numerous shifts from keyboard to mouse to keyboard)..
  17. The user can change default values in form fields.
  18. Text entry fields indicate the amount and the format of data that needs to be entered.
  19. Forms are validated before the form is submitted .
  20. With data entry screens, the site carries out field-level checking and form-level checking at the appropriate time.
  21. The site makes it easy to correct errors (e.g. when a form is incomplete, positioning the cursor at the location where correction is required).
  22. There is consistency between data entry and data display.
  23. Labels are close to the data entry fields (e.g. labels are right justified).

http://www.userfocus.co.uk/resources/formschecklist.html

Advertisements
  1. No comments yet.
  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: