ireA form is a conversation. And like any conversation, it should be represented by a logical communication between two parties — user and app.

The Components Of Forms

The typical form has the following five components:

• Structure. It includes ordering for fields, appearance on the page and logical connections between multiple fields.
• Input fields. They include text fields, password fields, checkboxes, radio buttons, sliders and any other field designed for user input.
• Field labels. They tell users what the corresponding input fields mean.
• Action buttons. When the user presses the button, the action is performed (such as submitting the data).
• Feedback. User understands the result of the input by feedback. Most apps or sites use messages as a form of feedback. Messages notify the user about the result, they can be positive (indicating that the form was submitted successfully) or negative (“The number you’ve provided is incorrect”).

Forms could also have the following components:

• Assistance. Any help that explains how to fill out the form.
• Validation. Automatic check that ensures that user’s data is valid.

Form Guidelines