There are some very basic rules for designing good forms, that will help your customers order products or services easily, without pain and frustration. These are my top ten tips:
- Chunk the content into logical groups. There is nothing more off-putting than a massive long list of questions with no order or categorisation.
- Save information. Allow customers to confidently navigate between pages, saving information that they have spent time entering. For longer more complex forms allow customers to save and retrieve their forms at a later time.
- Strip your form down to the bare basics. Only ask questions that are relevant to your customer. Avoid legacy questions that keep databases happy but frighten off customers.
- Facilitate form filling with good visual design. Carefully consider all the visual elements of alignment, grouping, icons, visual clutter, button placement etc
- Consider the interaction style for both expert and novice users. There are those who will be highly keyboard driven, using tab and enter to complete a form and there will be those who will not let go of their mouse. Design for both.
- Keep supplementary text to an absolute minimum. Ask yourself if your customer can complete the form without those three paragraphs of text at the start of the page and then be ruthless and cut it out.
- Develop a meaningful help system. Consider the three level of help: 1) inline contextual help (related to and in close proximity to a specific field); 2) section/page instructions (giving general instructions at the top of a page or section); 3) customer initiated form help (a more comprehensive guide to filling out the entire form which the customer can access if and when they need more information.)
- Write meaningful error and success messages that allow users to recover gracefully and know what they need to do next
- Provide clear sign-posts for the next action. This includes providing a progress bar, progress instructions and clearly distinguishing between the primary action button e.g. Submit or Next and the secondary actions such as Back or Cancel
- Test and reiterate your designs with customers - you never get it right first time no matter how many times you've designed a form