Frank West
Front end web developer
Lover of cats

@frankjwest
Forms - Getting the most out of your website visitors

by Fr...
Forms - Getting the most out of your website visitors

by Frank West, 6 August 2013
Forms - Getting the most out of your website visitors

by Frank West, 6 August 2013
Forms - Getting the most out of your website visitors

by Frank West, 6 August 2013
Forms - Getting the most out of your website visitors

by Frank West, 6 August 2013
Types of forms
Trying to find something
• Search
• Filters

Conversations
• Comments
• Reviews
• Chat
Forms - Getting the ...
More forms
Giving you something
• Add to basket
• Checkout process
• Sign up
• Newsletters

Forms - Getting the most out o...
In fact, there are loads!
Other
• Contact
• Login
Negative experience
• Forgotten password
• Complaints
Forms - Getting th...
Forms - Getting the most out of your website visitors

by Frank West, 6 August 2013
Forms - Getting the most out of your website visitors

by Frank West, 6 August 2013
Forms - Getting the most out of your website visitors

by Frank West, 6 August 2013
Forms - Getting the most out of your website visitors

by Frank West, 6 August 2013
Forms - Getting the most out of your website visitors

by Frank West, 6 August 2013
Forms - Getting the most out of your website visitors

by Frank West, 6 August 2013
Forms - Getting the most out of your website visitors

by Frank West, 6 August 2013
Forms - Getting the most out of your website visitors

by Frank West, 6 August 2013
Forms - Getting the most out of your website visitors

by Frank West, 6 August 2013
Forms - Getting the most out of your website visitors

by Frank West, 6 August 2013
Forms - Getting the most out of your website visitors

by Frank West, 6 August 2013
Understand your audience

Forms - Getting the most out of your website visitors

by Frank West, 6 August 2013
Forms - Getting the most out of your website visitors

by Frank West, 6 August 2013
Forms - Getting the most out of your website visitors

by Frank West, 6 August 2013
Forms - Getting the most out of your website visitors

by Frank West, 6 August 2013
Forms - Getting the most out of your website visitors

by Frank West, 6 August 2013
Forms - Getting the most out of your website visitors

by Frank West, 6 August 2013
Forms - Getting the most out of your website visitors

by Frank West, 6 August 2013
Forms - Getting the most out of your website visitors

by Frank West, 6 August 2013
Forms - Getting the most out of your website visitors

by Frank West, 6 August 2013
Forms - Getting the most out of your website visitors

by Frank West, 6 August 2013
Forms - Getting the most out of your website visitors

by Frank West, 6 August 2013
Forms - Getting the most out of your website visitors

by Frank West, 6 August 2013
Left aligned
• More cognitive loading
• Easier to scan

Forms - Getting the most out of your website visitors

by Frank We...
Right aligned
• Less cognitive loading
• Harder to scan

Forms - Getting the most out of your website visitors

by Frank W...
Above the field
• Can view label and field at the same time
• Much faster to complete
• Long forms look even longer

Forms...
Things to think about
• Short vs long forms
• The visual impact of the website design
• Form complexity
– Radio Buttons
– ...
More things to think about…
• Audience
– Device being used
• Field zoom

– Browsers
– Experience
– Helping you / Helping t...
Quick and easy
• Show progress
• Need certain data? Explain why.
• Clear terminology
– "Shop more" and "check out now" are...
Forms - Getting the most out of your website visitors

by Frank West, 6 August 2013
Forms - Getting the most out of your website visitors

by Frank West, 6 August 2013
Concept by Moby
Forms - Getting the most out of your website visitors

by Frank West, 6 August 2013
Forms - Getting the most out of your website visitors

by Frank West, 6 August 2013
No one likes to be called stupid
•
•
•
•
•
•

Keep error text succinct
Highlight error fields
Keep errors within the viewp...
Forms - Getting the most out of your website visitors

by Frank West, 6 August 2013
Forms - Getting the most out of your website visitors

by Frank West, 6 August 2013
Forms - Getting the most out of your website visitors

by Frank West, 6 August 2013
It never ends
• Keep formats the same when requesting real data
– Expiry dates are not in string format

•
•
•
•

What is ...
It is easy
Understand their needs and give them the right,
personal experience.

Forms - Getting the most out of your webs...
Upcoming SlideShare
Loading in …5
×

Forms: Getting the most out of your website visitors

546 views

Published on

Online forms are becoming a part of our daily routines but all too often they are overly complicated and cause frustration. Join me on a journey around the web as we experience both the best and the worst of forms. Together we shall understand what it takes to make a better form and get the most from our visitors.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
546
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Forms: Getting the most out of your website visitors

  1. 1. Frank West Front end web developer Lover of cats @frankjwest Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  2. 2. Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  3. 3. Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  4. 4. Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  5. 5. Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  6. 6. Types of forms Trying to find something • Search • Filters Conversations • Comments • Reviews • Chat Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  7. 7. More forms Giving you something • Add to basket • Checkout process • Sign up • Newsletters Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  8. 8. In fact, there are loads! Other • Contact • Login Negative experience • Forgotten password • Complaints Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  9. 9. Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  10. 10. Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  11. 11. Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  12. 12. Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  13. 13. Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  14. 14. Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  15. 15. Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  16. 16. Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  17. 17. Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  18. 18. Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  19. 19. Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  20. 20. Understand your audience Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  21. 21. Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  22. 22. Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  23. 23. Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  24. 24. Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  25. 25. Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  26. 26. Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  27. 27. Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  28. 28. Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  29. 29. Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  30. 30. Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  31. 31. Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  32. 32. Left aligned • More cognitive loading • Easier to scan Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  33. 33. Right aligned • Less cognitive loading • Harder to scan Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  34. 34. Above the field • Can view label and field at the same time • Much faster to complete • Long forms look even longer Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  35. 35. Things to think about • Short vs long forms • The visual impact of the website design • Form complexity – Radio Buttons – Check boxes – Drop downs Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  36. 36. More things to think about… • Audience – Device being used • Field zoom – Browsers – Experience – Helping you / Helping them? – Region • Consistency – Which forms are most important? Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  37. 37. Quick and easy • Show progress • Need certain data? Explain why. • Clear terminology – "Shop more" and "check out now" are better than "continue" • Be friendly, not forceful • Make it easy – If just need the year, don't ask for the date • Every field can cost a sale – What business reason is there for that data? Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  38. 38. Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  39. 39. Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  40. 40. Concept by Moby Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  41. 41. Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  42. 42. No one likes to be called stupid • • • • • • Keep error text succinct Highlight error fields Keep errors within the viewport Tell users how to fix the error Show progress Track errors with analytics Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  43. 43. Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  44. 44. Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  45. 45. Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  46. 46. It never ends • Keep formats the same when requesting real data – Expiry dates are not in string format • • • • What is the value for the user? Common terminology Optional registration Tricking users to do things is easy – But what do you gain? • The perceived experience – Security badges • New form elements Forms - Getting the most out of your website visitors by Frank West, 6 August 2013
  47. 47. It is easy Understand their needs and give them the right, personal experience. Forms - Getting the most out of your website visitors by Frank West, 6 August 2013

×