Forms: Getting the most out of your website visitors

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

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

20. Understand your audience 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

40. Concept by Moby 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

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. 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

Forms: Getting the most out of your website visitors

Recomendados

Recomendados

Más contenido relacionado

Último

Último (20)

Destacado

Destacado (20)

Forms: Getting the most out of your website visitors