Too often, a web form tries to replicate a printed form's design. Paper forms are constrained by space in a way that is not the case with most web forms.
Field sizes can (and should) be varied to reflect what's needed, whether it's an address field or an extended comment box (paper forms don't have drop-down menus, either).
#2 — Retreat from auto-advance
Auto-advance functionality hops the cursor to the next box when the previous one is filled. The feature is a time-saver when users are savvy and can quickly learn that the function is being used.
However, those not web-savvy can get frustrated.
Keeping it simple and letting users tab or click to the next field is often the safer way to go, especially if your prospects are likely to have varying web comfort levels.
#3 — Add the embedded labels
While it takes some extra work to embed labels in each of your fields, you should always add embedded form labels.
It's a lot better than having blank fields and assuming the user will figure it out — users can get confused and the wrong data will then be added to your database.
Make sure your web forms have sensible formatting and helpful hints.
#4 — Give the user checks and balances
Your form will save you time cleaning up sloppy data entry if it includes various alerts and warnings.
Good in-form validation can correct improper data entry, such as improperly formatted phone numbers, missing @ symbols or typos in email addresses, and blank required fields.
Similarly, you can help keep your data and your users' identities safer by including a password strength check.
But be careful, as constraining the format can make things more difficult for the user. It's a good idea to not be too strict in your form format requirements.
Take U.S. phone numbers, for example. They can be written with or without the area code as well as without hyphens (and with or without parentheses).
#5 — Keep it simple on mobile
Smartphone users are likely using their thumbs to complete your form, so the mobile version of your form should be as simple as possible.
Location detection, easy calendar interfaces, and short, drop-down menus reduce data-entry errors and let mobile users do what you need them to.
Web forms can be a great way to gain new prospects and useful data that can convert those prospects into customers. At Inbound 281, we work with companies of all sizes to create effective web forms, websites, and inbound marketing plans. As a full-service inbound marketing agency, Inbound 281 creates compelling content that drives traffic and views, improves conversions, and gives your products or services the exposure required to grow your business.