All posts with the tag of forms

2nd December 2010 by Matt Lawson | Web Design

This post looks at how we can begin to deliver a better experience for our users when it comes to displaying form errors. As jQuery is my preferred library of choice and the Validation plug-in provides an excellent starting point, we will use them both to form the basis of this article.

23rd August 2010 by Dan Stringer | Web Design

As part of my role at Nomensa I have spent a significant amount of time evaluating the accessibility conformance on a range of websites. When auditing these websites I have been consistently surprised at the way in which web forms have been implemented. Forms can be a source of confusion for everyone, not least for people with cognitive disabilities and visual impairments.

1st July 2010 by nomensa | User Experience

In order to display error messages on forms, you need to consider the following four basic rules:

1. The error message needs to be short and meaningful

2. The placement of the message needs to be associated with the field

3. The message style needs to be separated from the style of the field labels and instructions

4. The style of the error field needs to be different than the normal field

By combining these four rules, it is possible to provide the necessary information to users where they have made mistakes on filling in forms and how to rectify them quickly and easily. This will encourage and help users to continue with their journey on the site, reducing the number of basket abandonment, not registering on a site, making enquiries about an application form and so forth.