Top 10 Design Tips for Usable Forms
On May 24, 2021 by Morthe StandardWell-designed forms stem from an awareness of the organization and the role they play in interacting with people. Organizations are responsible for minimizing the burden placed on this site form when collecting information from people. Here are 10 key tips for designing best practice forms.
Table of Contents
Form Length is not Directly Related to Complexity
Many people think that making the form shorter is easier to fill out. Shorter forms may be cheaper to produce initially, but if content reduction confuses users, the cost of resolving the completion errors generated by the filler can be significantly higher than the initial savings. In general, the form should be as short as possible, but you shouldn’t sacrifice clarity and usefulness.
Provide Examples, Instructions, and notes when Needed
Have you ever been asked halfway through a form and suddenly asked about something you don’t understand or don’t know where to find the answer? It’s even more annoying if the question says something like ‘see instruction note, page 6, and section 2′. When filling out a form, people want the information they need. Stand in the user’s shoes and think about any questions that may be problematic. We provide examples of what kind of answer you are looking for, and, where appropriate, provide guidance notes as close as possible (i.e. in real form) to the relevant question.
Provides Navigation to Clarify the Structure and Reinforce it
Your form can be divided into sections, so think about the broad group of questions being asked. Whatever the group of questions, make sure to follow the correct order and give the group a clear section name. Consider including a list of content on the first page or screen to visually distinguish form sections by making the section names larger and bolder, and to help people navigate the form. Also, make good use of features like running headers and footers on every page to remind people what the form is, where it is, and what page number it is on.
Customize the Response Box to Reflect the Required Response and Reduce Completion Errors
If you are asking for an individual’s date of birth, it is advisable to provide a box with an example or guide note explaining the exact required number of digits and the format in which the date must be entered (day/month/year). People of different cultures have different customs to answer seemingly harmless questions like this.
Users will be disappointed when requesting an email address, for example if you only allow 20 characters in the response box. It’s also annoying when it’s a long free textbox, making your customers ask if they’re getting the correct and sufficient answers. Providing an answer box that reflects the expected answer length and format will give people confidence that they are typing correctly.
Provide Checklist
When users fill out the form, they can provide support information or ask them to attach additional documents if needed. Often, providing a checklist at the beginning or end of the form helps the user to remind them of everything they need to attach and the additional steps they need to take.
Progressive Disclosure
When well implemented, progressive disclosure provides a starting point where interactive forms are ahead of traditional paper forms. It can be when a form asks a specific set of questions depending on the user’s response, or it is routed to the next appropriate section of the form. In a paper form, you can’t hide it from the user if a particular sub-question isn’t relevant, but it’s relatively easy to do in an interactive form. To protect users from questions they don’t need to see, we use progressive disclosure as much as possible in our form design.
Pre-Fill as Possible
Anyone who has already filled out the organization’s form will be disappointed if they have to re-enter the same information. It’s difficult for an organization to get the system to pre-populate known information, but when pre-population is done, customers feel it’s really valuable.
Strategic use of Color
The color of the form should be used with care, but if used well it can really help in completing and navigating the form. Yellow, for example, is generally a color that should be avoided as much as possible. Text set in yellow on a normal light background can be very difficult to read, and people might think yellow is aggressive. A light shade of blue, such as blue, over the entire background of the form relieves the eye from the roughness of a distinct white background. And if the answer space that people need to fill is white, the colored background tells where they are writing and makes it possible to visually detect how much they need to fill.
Use of Appropriate Response Mechanisms
Paper forms have the downside that users can miss or ignore instructions. For example ‘check/check only one’ from a list of 15 or 20 options. In this context, an interactive form can be programmed to allow the user to check/check only one (known as a ‘radio button’ distinct from the ‘checkbox’), or the user can select only one from the drop-down menu. When designing your form, make sure your response mechanism is right for each question.
Let People know what will Happen Next
After solving all the problems filling out the form, it is at least to provide the user with information about what will happen next. Customer communication is key and we’ve made it easy to fill out and return forms, so processing can be very easy too!
You may also like
Archives
- November 2024
- October 2024
- September 2024
- August 2024
- July 2024
- June 2024
- May 2024
- April 2024
- March 2024
- December 2023
- November 2023
- October 2023
- September 2023
- August 2023
- July 2023
- June 2023
- May 2023
- April 2023
- March 2023
- February 2023
- January 2023
- December 2022
- November 2022
- September 2022
- August 2022
- July 2022
- June 2022
- May 2022
- April 2022
- March 2022
- February 2022
- January 2022
- December 2021
- November 2021
- October 2021
- September 2021
- August 2021
- July 2021
- June 2021
- May 2021
- April 2021
- March 2021
- February 2021
- January 2021
- December 2020
- November 2020
- October 2020
- September 2020
- August 2020
- July 2020
- June 2020
- May 2020
- April 2020
- March 2020
- February 2020
- January 2020
- December 2019
- November 2019
- October 2019
- September 2019
- August 2019
- July 2019
- June 2019
- May 2019
- April 2019
- March 2019
- February 2019
- January 2019
Calendar
M | T | W | T | F | S | S |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 |
Categories
- Air Conditioning
- Android
- Apps
- Automobile
- Business
- Computer Forensics
- Computers & Technology
- Computers and Technology
- Data Recovery
- education
- Food Tech
- Gaming
- General
- Hardware
- Health
- Internet
- IOS
- Jewellery
- Mobile App
- More
- News
- Online Marketing
- Personal Tech
- Programming
- Social Media
- Software
- Tech
- Technology
- Web Hosting
- Yahoo