1. Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013 Frank West Front end web developer Lover of cats @frankjwest

2. Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

3. Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

4. Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

5. Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

6. Types of forms Trying to find something Search Filters Conversations Comments Reviews Chat Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

7. More forms Giving you something Add to basket Checkout process Sign up Newsletters Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

8. In fact, there are loads! Other Contact Login Negative experience Forgotten password Complaints Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

9. Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

10. Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

11. Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

12. Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

13. Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

14. Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

15. Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

16. Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

17. Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

18. Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

19. Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

20. Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013 Understand your audience

21. Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

22. Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

23. Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

24. Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

25. Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

26. Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

27. Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

28. Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

29. Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

30. Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

31. Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

32. Left aligned More cognitive loading Easier to scan Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

33. Right aligned Less cognitive loading Harder to scan Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

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 visitorsby Frank West, 6 August 2013

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 visitorsby Frank West, 6 August 2013

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 visitorsby Frank West, 6 August 2013

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 visitorsby Frank West, 6 August 2013

38. Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

39. Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

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

41. Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

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 visitorsby Frank West, 6 August 2013

43. Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

44. Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

45. Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

46. It never ends Keep formats the same when requesting real data What is the value for the user? 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 visitorsby Frank West, 6 August 2013

47. It is easy Understand their needs and give them the right, personal experience. Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013