Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
How to engage users with forms that don't suck
Search
Steve Wells
November 05, 2016
Technology
0
200
How to engage users with forms that don't suck
Learn how to improve your forms to increase conversions and better engage with users.
Steve Wells
November 05, 2016
Tweet
Share
Other Decks in Technology
See All in Technology
下手な強制、ダメ!絶対! 「ガードレール」を「檻」にさせない"ガバナンス"の取り方とは?
tsukaman
2
460
エンジニアリングマネージャーの成長の道筋とキャリア / Developers Summit 2025 KANSAI
daiksy
3
1.1k
組織を巻き込む大規模プラットフォーム移行戦略 〜50+サービスのマルチリージョン・マルチプロダクト化で学んだステークホルダー協働の実践〜 / Platform migration strategy engaging all stakeholders
toshi0607
2
200
Snowflake Intelligenceにはこうやって立ち向かう!クラシルが考えるAI Readyなデータ基盤と活用のためのDataOps
gappy50
0
280
AWSを利用する上で知っておきたい名前解決のはなし(10分版)
nagisa53
10
3.2k
CDK CLIで使ってたあの機能、CDK Toolkit Libraryではどうやるの?
smt7174
4
190
「何となくテストする」を卒業するためにプロダクトが動く仕組みを理解しよう
kawabeaver
0
440
開発者を支える Internal Developer Portal のイマとコレカラ / To-day and To-morrow of Internal Developer Portals: Supporting Developers
aoto
PRO
1
480
Autonomous Database - Dedicated 技術詳細 / adb-d_technical_detail_jp
oracle4engineer
PRO
4
10k
Modern Linux
oracle4engineer
PRO
0
160
プラットフォーム転換期におけるGitHub Copilot活用〜Coding agentがそれを加速するか〜 / Leveraging GitHub Copilot During Platform Transition Periods
aeonpeople
1
240
新アイテムをどう使っていくか?みんなであーだこーだ言ってみよう / 20250911-rpi-jam-tokyo
akkiesoft
0
350
Featured
See All Featured
How to Think Like a Performance Engineer
csswizardry
26
1.9k
Typedesign – Prime Four
hannesfritz
42
2.8k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
Docker and Python
trallard
46
3.6k
Producing Creativity
orderedlist
PRO
347
40k
Faster Mobile Websites
deanohume
309
31k
The Language of Interfaces
destraynor
161
25k
It's Worth the Effort
3n
187
28k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.4k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Transcript
How to engage users with forms that don’t suck
I am Steve Wells Co-founder and designer at Strategy11. You
can find me at FormidablePro.com @SteveWellsJr HELLO!
I am Jessica Wittmier Strategic Marketing Consultant. You can find
me writing blog posts at Formidablepro.com @JessicaWittmier HELLO!
Lake Isabel, San Isabel National Forest off HWY 165 West
of Rye
@FormidableForms #formmatters
FORMS Gone are the days when forms were limited to
a simple contact form or newsletter opt-in.
“ What can visitors or users do on a website?
None
None
None
None
None
Now, virtually all engagement on websites (aside from social sharing
and commenting) happens via forms... and even social sharing and commenting are accomplished using... FORMS!
WAY Historically, users spent their time scrolling and clicking through
the web ONE WWW Flow of information in the past
Not just browsing In 2016, the typical user wants to
be a part of the web rather than a bystander
“ Every second, approximately 6,000 tweets are tweeted; more than
40,000 Google queries are searched; and more than 2 million emails are sent. * Internet Live Stats -- international Real Time Statistics Project.
WAY As website authors, we need to take advantage of
this two-way flow of information. TWO WWW Flow of information today
WHY? Why do we need to engage our users?
#torontotunnel
The point is: We don’t know what goes on inside
our users’ heads
How do we find out? With forms that don’t suck!
✓ Contact ✓ Donation ✓ Order/ Payment ✓ Event registration
Form Categories ✓ Lead generation ✓ Survey ✓ Contest
“ What do you think is the lowest converting form
category? Highest?
✓ Contact 1% ✓ Donation 7% ✓ Order/ Payment 9%
✓ Event registration 11% Form Categories ✓ Lead generation 11% ✓ Survey 14% ✓ Contest 35% 2015 average conversion rates across 650,000 sites studied by Formstack.com
Why? W.I.F.M.
Form engagement from a psychological perspective https://leadformly.com/form-optimisation-pyramid/
Motivation Do I want the outcome of filling out this
form? 1.
Motivate visitors with great marketing copy. When crafting marketing copy,
make sure W.I.F.M. is in play: ✓ in your offer ✓ in your page copy ✓ on your call to action button vs. YOU want them to submit. THEY want instant access.
But great marketing copy can't overcome form field friction. 4x
as many fields PLUS a required phone #. Better be a darn good ebook.
Ability Can I fill out this form? 2.
Information Does this form require specific information I might not
have readily available? Do I have what I need to complete this form? Time Does this form take more time than I have?
Information Outline any special requirements needed to complete the form.
“ Increase conversion rates by allowing users to save their
progress and return later to complete.
Accessibility To maximize your form accessibility, consider these tips ✓
Test your form with a screen reader ✓ Avoid small text ✓ Increase the contrast vs.
If you are taking them on a journey, provide a
roadmap. No sense of direction, how long it's going to take or what is going to be needed.
What's needed. Roadmap provided. Ability to save and come back
later.
Peace of Mind Will anything bad happen if I fill
out this form? 3.
“ What are some "bad things" you might wonder will
happen as you fill out a form?
Address the "bad things" in the copy but frame it
positively. Don't worry. Wait. Should I worry?
Encrypt any sensitive data “I wish my website were less
secure” -no one ever
Ease Is it easy to fill out this form? 4.
“ Simple forms don’t have to have fewer fields
Place your screenshot here Conditional Logic Only show fields your
user needs to see and only when they need to see them.
Multi-Page Forms Breaking up long forms will improve completion rates—If
you have progress indicators.
None
More tips A few more things: » auto-populate fields whenever
possible » save data from one session to another (save drafts) » make forms responsive » use repeatable fields for data sets
None
None
As if looking for new health insurance isn't bad enough.
After what we just went through on the other website...
this is bliss.
Taking ease of use beyond the browser
Which devices are people using to access with the internet?
47% Tablet 80% Smartphone 91% PC/Laptop Source: Global Web Index Text your favorite color to (720) 573-0128
Which devices are people using to access the internet? 9%
Smart Watch 34% Smart TV 37% Game Console Source: Global Web Index Text your favorite color to (720) 573-0128
Which devices are people using to access the internet? ?
What’s Next? Text your favorite color to (720) 573-0128
IoT Internet of Things Text your favorite color to (720)
573-0128
As a result: Text your favorite color to (720) 573-0128
Engaging Do I enjoy filling out this form? 5. Text
your favorite color to (720) 573-0128
THE GOAL OF ENGAGING FORMS » Increase conversions » Collect
actionable data » Build trust Text your favorite color to (720) 573-0128
t To build engaging forms, just pay attention to the
rest of the pyramid. Text your favorite color to (720) 573-0128
t Text your favorite color to (720) 573-0128
Engagement doesn’t end there. What happens after form submission is
just as important. Text your favorite color to (720) 573-0128
You’ve got mail Confirmation Emails • confirm submission • provide
instructions • up-sale or promote Text your favorite color to (720) 573-0128
You will literally "blow them away" with boring copy and
unnecessary captchas. I guess I could fill out this form. But I'd rather tell you about my junker. Text your favorite color to (720) 573-0128
And the winner is?
Any questions? You can find us at: » @SteveWellsJr »
@JessicaWittmier THANKS! Text your favorite color to (720) 573-0128