![]() ![]() The following examples illustrate this concept in action on Orbitz, Yahoo, and Expedia. This minimizes the risk for potential errors and directs users to completion. When a form has both primary and secondary actions such as “Continue” (primary) and “Go Back” (secondary) it may be wise to reduce the visual weight of the secondary action. ![]() ![]() related content) and should not exceed 5-6 items (otherwise the adjacency problem will reemerge). However, these groupings cannot be arbitrary (there must be a reason the fields are considered a group i.e. Visually separating related groups of content with a horizontal rule or background color makes it easier to associate left-aligned labels to fields. Though excessive visual elements (even when they are quite subtle) in a form will increase visual noise substantially, a few carefully selected elements can help users connect input fields and their respective labels. Uniting Input Fields and LabelsĪ number of readers were interested in how the limitations of a “left-justified horizontal label” layout (primarily the separation of input fields and their respective labels) could be solved. There was a large amount of interest in last month’s Web Application Form Design article, so I decided to provide some additional details and a few examples for the following concepts. ![]()
0 Comments
Leave a Reply. |