To the front pageThe Interaction Designer's Coffee Break - Weekly postings and quarterly articles about interaction design  
  To the front pageSign inTo the frontpageSearch in GUUUI postingsAbout GUUUI  
   
 

Tips on how to design forms

To find out how to design user-friendly forms, cxpartner have tested four registrations forms at Yahoo! Mail, Googlemail, Hotmail and eBay.

Here are their recommendations based on the study:
- Use a simple vertical layout and vertical aligned labels where possible
- If vertical aligned labels are not possible, use bold left-aligned labels
- When more than one field is placed on a line, ensure that they are designed to look like a single piece of information
- Emphasize the headers if you want users to read them
- If optional fields are needed, make them clear instead of using asterisks for mandatory fields
- Use single field for numbers or postcodes, allow input in various forms
- Let users focus on their task and avoid distractions
- Use real time feedback carefully
- If possible, place tips at the side of the relevant fields
- Provide users with a progress indicator showing them the steps involved to complete the form

Links:

  • Web form design guidelines: an eyetracking study Open link in new window

Henrik Olsen - June 02, 2009

See also: Forms (30)  Research (129)  Tips and guidelines (95) 

 

COMMENTS

 
There are no comments yet.
 

Sponsor

Ad for TechSmith Morae


Browse GUUUI postings

Methods and the design process

Prototyping and wireframing (119)  Usability testing (68)  Cost-justification and ROI (27)  User research (23)  Personas (19)  The design process (24)  Eye-tracking (14)  Card sorting (13)  Web traffic analysis (12)  Expert reviews (11)  Implementing user-centred design (9)  Site and flow diagramming (6)  Envisionments (4)  Use Cases (3) 

Design elements

Navigation (63)  Web page design (40)  Search (27)  Text (24)  Forms (30)  Links (19)  Guidelines and Standards (15)  Site design (14)  Ads (9)  Design patterns (8)  Sections (8)  Shopping Carts (9)  Error handling (7)  Home pages (9)  Help (3)  E-mails (3)  Sitemaps (2)  Personalization (1)  Print-friendly (1)  Landing pages (5) 

General aspects

E-commerce (27)  Persuasive design (21)  Visual design (19)  Information architecture (15)  Accessibility (13)  Search engines (7)  Credibility, Trust and Privacy (6)  Emotional design (10)  Simplicity vs. capability (7)  Web applications (6)  Intranets (3) 

Technology

Flash (6)  Download time (5)  Javascript (3)  URLs (3)  Browsers (3)  Web standards (2) 

Humour

Bad designs (20)  Cartoons (14)  Fun music and videos (13)  Funny tools and games (12)  Misc humor (8)  Fun with Jakob Nielsen (9)  Designs with humor (3)  Fun posters (5)  Funny 404 pages (2) 

Resource types

Research (129)  Tips and guidelines (95)  Tools (106)  Books (47)  Audio and video (48)  Interviews (30)  Cases and Examples (28)  Talks and presentations (18)  GUUUI articles (11)  Primers (14)  Online books (5)  Posters (5)  Glossaries (3)  People and organisations (3) 

Information sources

Blogs (12)  Websites (11)  Discussion lists (4)  News (3)  Newsletters (3)  Online magazines (3)  Wikis (1) 

 
     
  To the front pageSign inTo the frontpageSearch in GUUUI postingsAbout GUUUI