The Wufoo Blog

The Dos and Don’ts of Form Fields

By Jen Bjers · July 8th, 2014

Hey there, form fans! We’re back again to share more form-building best practices with you—the Dos and Don’ts of form design if you will. Today, I’ll go over the Dos and Don’ts of the fantastic Form Field. Being the forward thinker that you are, intuitive form design is clutch for a positive user experience, but the types of fields you use to collect that data is crucial when it comes to reporting and compiling that information down the road.

Recently, Johan shared 3 Things You Definitely Should NOT Do On Your Forms. I’ll expand on that by highlighting some best practices when choosing field types to collect your data. This guide will cover a handful of Standard and Fancy Pants field types along with tidbits of insight on Field and Form Settings.

Ready? Let’s do this.

I’ve created a form to collect registration information for this summer’s Dino Camp for kids (aka Jr. Archaeologists). This form uses various field types in a way that negatively impacts the user experience as well as potentially skews your data on the backend.

Click on the images below and check out the pointers called out in the field examples:

A few additional resources to help build excellent online forms:

Using Section Breaks to Make Your Forms Easier to Fill Out!

Dynamic Fields for Allowing More than One Camper to Signup per Form

The Science Behind Field Label Placement and Why Top Aligned is Suggested

How to Accept a Terms of Service Agreement

Additional questions for Jen? You know where to go, dear readers.

This entry was posted 3 months ago and was filed under Tips & Tricks.

Comments

  1. I was expecting some helpful hints for beginners, not morons.

    Posted 3 months ago by Jay.
  2. I guess since I did not know about the CSS to scroll text, that makes me a moron. Thanks Jay.

    Posted 3 months ago by maggy.
  3. Boring… and a lot of break links to. >-(

    Posted 3 months ago by Ricardo Saldanha.
  4. I’m an Archaeologist by training and I have no idea why a tyrannosaurus has small arms AHHHHHH!!!!!!!! I think you mean palaeontologist ( sorry but that really annoys me)

    Posted 3 months ago by Adrian Matthews.
  5. I would like to read this blog post but the link is broken: “3 Things You Definitely Should NOT Do On Your Forms.”

    Posted 3 months ago by Susan R.
  6. I have been professional webmaster for pushing 20 years and using wufoo forms for a number of years as well, so I am no beginner. However this was a nice refresher and such articles are good for keeping everyone in the correct frame of mind. It may also help some from making the oh so common I just wasn’t thinking mistake.

    Posted 3 months ago by Doug.
  7. Wufoo truly is form building made easy. Love this tool so much!!

    Posted 3 months ago by navdeep singh.
  8. Thank you for this! I finally got around to reading it and learned several new things. I’ve been designing forms for many years but just started using Wufoo last year. If I’d known then what I know now …

    Posted 3 months ago by Fred.
  9. Ah yes, it seems I got my -ologists mixed up. All corrected now.

    Posted 3 months ago by Jen Bjers.
  10. I love Wufoo. The negative comments here are moronic. Does my comment here qualify me for a discount?

    Posted 3 weeks ago by John Yeoman.

Add a Reply

You may use HTML for style.

Comments will be closed on October 29, 2014.

  • Search

  • About

    The Wufoo Blog is the official online publication written by the developers of Wufoo about their online form builder, form-related technologies, and whatever else may fit their fancy—like robots.

  • Archives