1 / 47

Frank West

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. Forms - Getting the most out of your website visitors. by Frank West, 6 August 2013. Forms - Getting the most out of your website visitors.

ike
Download Presentation

Frank West

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  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. Forms - Getting the most out of your website visitors by Frank West, 6 August 2013

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

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

  5. Forms Getting the most out of your website visitors Forms - Getting the most out of your website visitors by 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 visitors by 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 visitors by 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 visitors by Frank West, 6 August 2013

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  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. Right aligned • Less cognitive loading • Harder to scan Forms - Getting the most out of your website visitors by 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 visitors by 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 visitors by 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 visitors by 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 visitors by Frank West, 6 August 2013

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

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

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

  41. Forms - Getting the most out of your website visitors by 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 visitors by Frank West, 6 August 2013

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

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

  45. Forms - Getting the most out of your website visitors by 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 visitors by 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 visitors by Frank West, 6 August 2013

More Related