1. Forms : part one:
Increase your conversions with good use of forms
Video at
http://www.mediasurgery.co.uk/video-episodes/forms-part-1-increasing-conversions-with-good-use-of-forms
4 1/10

2. The things you need you know
● People don't like using forms – don't make them
hate using your forms
● Time consuming
● Tedious
● Sometimes very frustrating
4 1/10

3. The things you need you know
However : Forms are hugely important,
● Millions of pounds are spent daily on E-commerce systems
● Thousands of products are listed on Ebay each hour
● Billions of people use social networking sites
Forms are the glue that that make these interactions possible
4 2/10

4. The things you need you know
Sometimes form design is:
● an afterthought
● designed at the very end of the design process
It shouldn't be this way!
Forms can be designed in HTML – See show notes for more info
4 3/10

5. 1.) Crucial?
Ask yourself and the client are these fields really crucial to us ?
4 4/10

6. 1.) Crucial?
Less time + easy decisions = good forms + more submissions
4 5/10

7. 2.) Client side validation
Bad use of forms
4 6/10

8. 2.) Client side validation
Used correctly - Hugely helpful to users
4 7/10

9. 2.) Client side validation
Excellent example :
Twitter sign up form – username using AJAX
4 8/10

10. 3.) The tab key + focus
● Its reported that 50% of users, use the tab key when
completing forms
● Using the tab key works by default and in the order of the
code in your HTML document. If not use the 'tabindex '
property.
●
4 9/10

11. 4.) Size form elements appropriately
4 10/10

12. Video at:
http://www.mediasurgery.co.uk/video-episodes/forms-part-1-increasing-conversions-with-good-use-of-forms
4 10/10