Designing For Sign Up

Designing for Sign-up Forms are the least of our problems.

Usage Lifecycle from

Sign-up is hard % of first-time visitors who sign- up for free account 8.0 App 1 6.76 App 2 4.7 App 3 16.0 App 4 http://particletree.com/features/web-app-autopsy/ 0.003 App 5 If you have 8% of rst-time visitors signing up for a *free* account you’re doing well.

The Hurdle of Sign-up FRICTION Interested Signed Up

Making forms more easy to use Password strength Check username availability Inline help

Making forms more easy to use Re lling elds upon error Sending username in con rmation email Show/hide password

MINI CASE-STUDY Improving ease of use of forms 1 2 3 4 Original Flow con rm personal info add your friends invite others getting started

MINI CASE-STUDY Improving ease of use of forms 1 2 3 4 Original Flow con rm personal info add your friends invite others getting started 1 100% Original Conversion Funnel of the 100% of people who started the sign-up process, only 14% made 2 63% it to the getting started screen. 3 26% 4 14%

MINI CASE-STUDY Improving ease of use of forms 4 2 New Flow getting started add your friends

MINI CASE-STUDY Improving ease of use of forms 4 2 New Flow getting started add your friends 2 New Conversion Funnel 100% of the 100% of people who started the sign-up process, 86% made it to 4 86% the getting started screen.

This is not the problem of sign up.

“If ease of use were the only requirement, we would all be riding tricycles” Douglas Engelbart, inventor of the mouse http://flickr.com/photos/sfj/611720154/

Sign up is here The problem is not to get people lling out a sign-up form. The problem is to change people’s minds about your software.

Can people ll out our Instead of asking: sign-up form? Are people motivated Ask: enough to care?

What exactly are we asking? 1. A change in behavior - old habits die hard 2. Give up accepted shared practices 3. Jump into the unknown 4. Shift from potential to kinetic energy

The Psychology of Sign-Up - 9x Effect People tend to overvalue Software makers tend to the software they overvalue the software 3x 3x currently use by about a they oﬀer by about a factor of 3. factor of 3. 9x Harvard Business Review, June 2006 Eager Sellers, Stony Buyers further reading by John T. Gourville

The hurdle of sign-up MOTIVATION FRICTION Interested Signed Up

Preconditions of Sign-Up product research moment of sign up considering an alternative (where the form goes, if there is one) learning about the product comparison with other options reconnaissance etc... Interested Signed Up

Design for 3 visitor types 1. I know I want to sign up. (get out of their way) 2. I want to make sure this is for me. (reiterate your basic value proposition) 3. I’m skeptical. (provide levels of description)

4 Design Strategies to improve Sign-Up

1. Immediate Engagement Get people using the service immediately

2. Write to Reduce Commitment Copywriting is the easiest, fastest way to improve your sign-up process.

Highrise A/B testing Original http://www.37signals.com/svn/posts/1525-writing-decisions-headline-tests-on-the-highrise-signup-page

Can you guess which one worked best?

2nd place 27% improvement 3rd place 15% improvement 4th place 7% improvement 1st place 30% improvement

3.Levels of Description Describe the bene ts and features in increasing depth

LEVEL 1

LEVEL 2

LEVEL 3

Sign up/Learn more is the new OK/Cancel

4.Leverage Social In uence Let undecideds observe the actions of current users

Yelp.com

Obligatory Apple slide in a design presentation

Putting it all together: Freshbooks.com

Summary Sign-up is not about lling in forms. It’s about motivation. 1. Practice Immediate Engagement - get people using your software as quickly as possible 2. Write to Reduce Commitment - write copy that suggesting sign-up is a walk through the park, not signing your life away 3. Provide Levels of Description - diﬀerent people need diﬀerent levels of description depending on how much motivation they already have 4. Leverage Social In uence - use the in uence of others to help convince people that this is right for them

Thank You! twitter: bokardo email: porter@bokardo.com web: http://bokardo.com

http://www.webmasterlibre.com	1193
http://konigi.com	1165
http://econsultancy.com	561
http://www.torresburriel.com	534
http://www.nickfinck.com	298
http://www.iamondemand.com	276
http://www.blogoff.es	200
http://blog.bikkelhart.com	178
http://www.slideshare.net	117
http://incsub.org	85
http://www.iamalandingpagedesigner.com	84
http://rubyglasses.blogspot.com	73
http://www.sobrefranquicias.com	70
http://www.redcardinal.ie	69
http://johnnyholland.tv	60
http://jaron.nl	50
http://bohanna.typepad.com	42
http://www.adverto.nl	41
http://feeds.feedburner.com	33
http://toscho.de	33
http://limeshot.com	28
http://www.christcoolen.nl	28
http://www.stevencox.com	26
http://www.bikkelhart.com	24
http://xss.yandex.net	20
http://blog.xm-asia.com	20
http://localhost	15
http://www.gamesbrief.com	14
http://nickfinck.com	12
https://si0.twimg.com	12
http://www.netvibes.com	10
http://apprentieweb.blogspot.com	9
http://kartones.net	9
http://emorevs.com	8
http://abhihupare.posterous.com	7
http://feeds2.feedburner.com	6
http://tecnicalia.com	6
http://www.viniciusvidal.com	6
http://viniciusvidal.com	5
http://a0.twimg.com	4
https://nnyman.basecamphq.com	4
https://123.writeboard.com	4
http://www.konigi.com	3
http://lj-toys.com	3
http://www.typepad.com	3
http://www.soup.io	3
http://paper.li	3
http://blog.graustufen.de	3
http://kehidupannirvana.blogspot.com	2
url_unknown	2
http://translate.googleusercontent.com	2
http://samaparicio.tumblr.com	2
http://www.techgig.com	2
http://travisbsmith.squarespace.com	2
http://kristiejoyce.wordpress.com	2
http://lenguajes-x.com.ar	1
http://atomic.teamworkpm.net	1
https://twitter.com	1
http://thought-parade.com	1
http://www.bloqueinformativo.com	1
http://uxnotebook.tumblr.com	1
http://safearena.net	1
http://pilvee.com	1
http://localhost:8888	1
applewebdata://68002C93-724A-4181-B426-9AEE9B28E282	1
http://johnnyholland.org	1
http://www	1
http://workingnicely.com	1
https://p.yammer.com	1
http://email.secureserver.net	1
http://www.enriquedans.com	1
http://graustufen.tumblr.com	1
http://bokardo.com	1
http://aj.soup.io	1
http://kak.posterous.com	1
http://twitter.com	1
http://thriftypixel.tumblr.com	1
http://zootool.com	1

Designing For Sign Up

by Joshua Porter on Mar 05, 2009

Accessibility

Categories

Tags

Upload Details

Usage Rights

78 Embeds 5,494

Statistics

Designing For Sign Up — Presentation Transcript