Simple web forms

Thursday, January 27, 2011 by Richard Howe

Website forms are a great way to let your site visitors get in contact without leaving your website, with the added benefit of cutting out spam!

Here are a few rules to follow which will ensure your web forms are sleek, functional and noticeable.

Webform layouts

Any request for unnecessary visitor details should be removed from your form layout. Simplicity is the key. If you are just asking a visitor to sign up for your email newsletters, you don't need to know their mother's maiden name and full postal address! Focus on the essentials, and visitor's won't be put off filling in a few form fields.

All elements should be well spaced, and it's the white space which provides the "clean" look of many great looking forms. Alignment is also important. With a bit of simple styling, it doesn't take much to make sure everything fits together properly, creating a really attractive web form.

Webform fonts

Although the form fonts should fit the style of your site, try and avoid anything which could be difficult to read. You want the visitor to instantly know what information you are asking for, with essential information in bold to stand out against the background.

Webform buttons

The form button acts as part of the call-to-action of a form. What do you want people to do? "Sign up", "Contact us", "Apply now". These are all suitable for button text, for 2 reasons:

  • It's clear what you want the visitor to do.

  • The sentences are only 2 words long and short enough to be used as a button.  

The button should be bigger than the fonts used elsewhere on the form. Keep it large, bold and colourful.

When choosing a button colour, take note of the scheme used on the rest of your site. You want a shade which compliments the style of your website, as well as stands out when someone lands on the page. 

Webform images

Be careful with images on your forms. Although they can be very good at catching the eye and "speak a thousand words"...they can also take away from the clarity and be distracting. If you really want to use an image, choose a graphic which is subject related, and only of very high quality.

Your comments

Post has no comments.

Post a Comment


Captcha Image

Request a callback

Filter by category

Post archive

    Starting a business was a big step for me. Marketing and as such – my website – was front-of-mind for a long time. I’d heard horror stories of people spending 5-digit sums of money on company websites and being presented with digital disasters.

    Richard was a pleasure to work with. He really listened to the brief and had the patience of a saint as we went through the 1,000 subsequent iterations of what I wanted.

    The result was a slick look and feel, highly functional starter website which I’ll be looking to build in various segments over time. Oh and it was well within budget for a 2 person start-up business. Great value. Can’t recommend Richard enough…the work speaks for itself!
    Staffing web design

    Stuart Rowland,
    EMEA Talent Partners

    What's next?

    Get in touch with us today on 01865 522525 and let's kick-start your project.

    Colour Rich custom website design

    11 reasons why email marketing matters

    Wednesday, February 14, 2018

    11 reasons why email marketing mattersIf you think that e-mail marketing has become a dated marketing tool, you’re not alone. But whilst technology and web marketing in general may have evolved enormously, some of the old standards are just as relevant.  Read more

    © Copyright Colour Rich. Privacy