This document discusses the importance of web forms and conversion optimization. It outlines goals for form design such as completion rates and smooth user experience. Methods are provided to achieve these goals, including showing progress, inline validation, avoiding captchas, and more. The top problems with forms are identified as appearing at the wrong time, being difficult to understand or complete. Resources are shared to learn more about conversion rate optimization and analyzing form usage.
10. The ones who start filling out
your form, have already decided
to buy your product, sign up or
whatever your call to action
might be.
Yet, some of them fail to go
11. The ones who fail
filling them out will
keep that in mind
the next time they
visit your site.
12.
13.
14.
15.
16. Goals of form design
(in a CRO perspective)
Completion
Smooth process
17. Methods to fulfill those goals
•Show status/progress in long
forms
•Inline validation
•Avoid Captchas
•Avoid secondary actions
•Field sorting and grouping
•Make it flow
•Remove unnecessary fields
•Help, tips
23. Methods to fulfill those goals
•Show status/progress in long
forms
•Inline validation
•Avoid Captchas
•Avoid secondary actions
•Field sorting and grouping
•Make it flow
•Remove unnecessary fields
•Help, tips
26. Methods to fulfill those goals
•Show status/progress in long
forms
•Inline validation
•Avoid Captchas
•Avoid secondary actions
•Field sorting and grouping
•Make it flow
•Remove unnecessary fields
•Help, tips
27. Methods to fulfill those goals
•Show status/progress in long
forms
•Inline validation
•Avoid Captchas
•Avoid secondary actions
•Field sorting and grouping
•Make it flow
•Remove unnecessary fields
•Help, tips
28. Methods to fulfill those goals
•Show status/progress in long
forms
•Inline validation
•Avoid Captchas
•Avoid secondary actions
•Field sorting and grouping
•Make it flow
•Remove unnecessary fields
•Help, tips
29. Methods to fulfill those goals
•Show status/progress in long
forms
•Inline validation
•Avoid Captchas
•Avoid secondary actions
•Field sorting and grouping
•Make it flow
•Remove unnecessary fields
•Help, tips
30. Methods to fulfill those goals
•Show status/progress in long
forms
•Inline validation
•Avoid Captchas
•Avoid secondary actions
•Field sorting and grouping
•Make it flow
•Remove unnecessary fields
•Help, tips
33. The top four
problems
•They come out at a dumb time
•They are unintelligible
•They are difficult to complete
•They cannot be completed
(Eric Reiss)
34. Learn more about
CRO
CRO Weekly http://croweekly.com
Free and weekly newsletter to boost web
conversions.
Form Optimization
Resources
http://rosenfeldmedia.com/books/
webforms/
http://www.formsthatwork.com/
35. Learn the user behavior within
your forms with RevRise Form Analytics
37. However, your
audience is unique -
there are no best
practices that covers
every case
•Form Funnel Analytics
•Do they even see your form?
•Form Field Metrics
Hur många av er har utvecklat en webbplats?\nHur många har utvecklat för e-handel?\nHur många av er (som har gjort det) har lagt fokus på formulär?\nAv er som gjort det, var nånstans i priolistan har ni haft formulär/kundvagnen?\n
Oftast ser det ut så här...\n
Bad form design costs more than just customers.\n
\n
The one place on your site, where true interaction with your customer happens.\n
\n
\n
Användarnamn är e-postadress\n\nSJ\n* Fråga publiken: Du vill logga in på SJ, vad hade du fyllt i här?\n\n* Förväxlar användarnamn med e-postadress\n* Kan tyckas som ett mindre problem, men momentet "Logga in" sker ofta och för många av deras mest trogna kunder.\n* (går ifrån användarnamn, men behåller det som begrepp)\n\n
Vilka fält är obligatoriska\nBehövs e-post och användarnamn?\nTelefon och mobil?\n\nGinza\n* Vilka fält är obligatoriska?\n* Behövs alla fälten? (telefon/mobil?, e-post, användarnamn)\n\n
Ginza\n* Vilka fält är obligatoriska?\n* Behövs alla fälten? (telefon/mobil?, e-post, användarnamn)\n\n
\n
Avoid secondary actions (only one submit)\n
\n
Inline validation\n * Placement, next to invalid field\n * Suggest valid inputs on complicated input\n * Client side first, fall back to server side validation.\n
\n
"Overall, we found that captchas are often harder than they ought to be, with image captchas having an average solving time of 9.8 seconds and three-person agreement of 71.0% (when , and audio captchas being much harder, with an average solving time of 28.4 seconds, and three-person agreement of 31.2%"\n
Avoid secondary actions (only one submit)\n
\n
\n
Avoid secondary actions (only one submit)\n
Sortera och gruppera formulär (särskilt långa)\nGruppera fält som krävs om de är många\nSortera i logisk ordning... ex kommentarsfält, ha meddelande överst\n
Få in besökaren tidigt i processen, låga trösklar...\nClas Ohlsson har t.ex. generella produkter till lågt pris redan vid ingången till butiken för när du lagt i vara i din kundkorg har du mentalt börjat handla.\n\n
Ta bort fält som inte behövs. Ju färre fält desto bättre konvertering (generellt sett) men beror på vad man säljer, dyra produkter kräver oftast mer info om köparen och köparen känner sig tryggare.\nÅterigen, låga trösklar, dela upp det i steg... registering -> fullständig profil\n
Hjälp och tipsa vid komplicerade fält (format för personnummer, org nummer, bankkort, telefonnummer)\n
\n
Diskussion, vad kan man förbättra här, vad är bra? Syfte: få igång diskussion. vet först efter testning vad som fungerar. bredden på fält\n\nBehövs e-post,telefontyp\nJustera labels så de är högerjusterade (men till vänster om fälten)\n\n
De ligger fel i flödet (att man måste registera sig för att lägga i kundkorg exv)\nDe är svåra att förstå\n\n
\n
\n
\n
\n
\n
\n
\n
\n
detaljvyn\n
\n
\n
Invites are sent to you guys, if you don´t want one tell us after this talk.\n\n## We want to help your customers increase revenue and conversion. \n