Home > Creating input forms for websites – the shortest guide for web developers

Creating input forms for websites – the shortest guide for web developers

Designers working for EleganceIT believe that usability is an important aspect of website development. It is important to make pages more simple and user-friendly. Numerous studies on various aspects of website design and user interface help us to create products in compliance with usability standards. Let’s begin from the very first thing you see entering most of sites. We mean input forms.

It’s better to put left-aligned labels above input fields

The UX Matters web magazine has conducted a comprehensive study to find out look-and-feel of an ideal login / registration form. According to the results, the best way is to put labels above form fields. You definitely have noticed that many forms in the Internet have labels placed on the left side, creating a layout with two columns. It looks not bad, but it is not the easiest layout to use. Why? Because users enter information using top-down approach. It will be easier for them to read labels placed just before fields, rather than look for them on the left side.

input form
For example, Tumblr has a simple and elegant registration form, which is consistent with the recommendations of UX Matter.

Labels on the left side create the following dilemma for website application developers: how to align these labels? A left-align label creates good looking layout, but at the same time it separates the label from your form, so it will be difficult to see what label relates to every field. And a right-align label makes the opposite thing: a user-friendly form with wry layout. :( While labels above input fields will be convenient in most cases. The study also has showed that labels should not use < b > (bold) tags, but this recommendation is not so obligatory.

Tags: , , , , ,

7 Responses to “Creating input forms for websites – the shortest guide for web developers”

  1. pligg.com says:

    Recommendations from UX Matter to improve the usability of a website…

    When users visit websites, they are often annoyed by the lack of usability. The main aim of web developers should be to make the site user-friendly and simple-to-use. One way of achieving this is to put labels above form fields not on the right or on t…

  2. buzzup.com says:

    How to place input forms on the site correctly – advice from web developers…

    According to some researches conducted by web developers, users prefer a login / registration form with labels above them. The research also has showed that labels should not use bold tags. For instance, Tumblr has a simple and elegant form for registr…

  3. Anonymous says:

    How to place input forms on the site correctly advice from web developers…

    According to some researches conducted by web developers, users prefer a login / registration form with labels above them. The research also has showed that labels should not use bold tags. For instance, Tumblr has a simple and elegant form for registr…

  4. pligg.com says:

    How to create input forms for sites…

    Usability is one of the key factors of a successful web design. Your pages should be simple and user-friendly. There are several usability standards. For example, according to the UX Matters web magazine the best way is to put labels above form fields….

  5. pligg.com says:

    How to place input forms on the site correctly – advice from web developers…

    According to some researches conducted by web developers, users prefer a login / registration form with labels above them. The research also has showed that labels should not use bold tags. For instance, Tumblr has a simple and elegant form for registr…

  6. How to create input forms for sites…

    Usability is one of the key factors of a successful web design. Your pages should be simple and user-friendly. There are several usability standards. For example, according to the UX Matters web magazine the best way is to put labels above form fields….

  7. Thanks for sharing this information. I’m inspired to look through your other posts. Will come back to read more. Hope you can continue writing more great posts.

Leave a Reply