The Six Components Of Web Forms

April 2, 2014

Web forms are a necessity and often a pain point for both designers and users. Over time, users have formed expectations of how a form should look and behave. They typically expect Web forms to have the following six components:

  1. Labels – These tell users what the corresponding input fields mean.
  2. Input Fields – Input fields enable users to provide feedback. They include text fields, password fields, check boxes, radio buttons, sliders and more.
  3. Actions – These are links or buttons that, when pressed by the user, perform an action, such as submitting the form.
  4. Help – This provides assistance on how to fill out the form.
  5. Messages – Messages give feedback to the user based on their input. They can be positive (such as indicating that the form was submitted successfully) or negative (“The user name you have selected is already taken”).
  6. Validation – These measures ensure that the data submitted by the user conforms to acceptable parameters.

Justin Mifsud: An extensive guide to Web form usability

Advertisements

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