Thursday, April 12, 2007

Row Highlights in Web Forms

Highlighting table rows ...

"I was recently pointed to an effort by the PayPal design team to address some of the limitations of left-aligned form labels that I outline in my Best Practices for Form Design compilation. Left-aligned form fields have the disadvantage of separating input labels and input fields with potentially excessive space that requires more effort when associating labels with their respective fields. Left-aligned labels are also more partial to text-wrapping issues when label copy runs long or when they are translated into languages that require more characters.

To address these issues, PayPal launched an approach called “row highlight” that uses a background color to visually group form labels and their associated fields when the field is in focus (accessed by a user). While this approach may further clarify which label corresponds to which input field -especially when labels run longer than one line-, it might not significantly improve completion rates. (I have not seen any data that points one way or the other.)"    (Continued via Functioning Form)    [Usability Resources]

Form Row Highlight - Usability, User Interface Design

Form Row Highlight


Post a Comment

<< Home

<< Home