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

Designing For Sign Up

Aug 17, 2014

Download

Design

Joshua Porter

Talk given at Webstock, 2009, in Wellington, New Zealand.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Designing For Sign Up

Designing for Sign-up

Forms are the least of our problems.

Page 2: Designing For Sign Up

Usage Lifecycle

from

Page 3: Designing For Sign Up
Page 4: Designing For Sign Up

Sign-up is hard

% of first-time visitors who sign-up for free account

App 1 8.0App 2 6.76App 3 4.7App 4 16.0App 5 0.003

http://particletree.com/features/web-app-autopsy/

If you have 8% of !rst-time visitors signing up for a *free* account you’re doing well.

Page 5: Designing For Sign Up

FRICTION

Interested Signed Up

The Hurdle of Sign-up

Page 6: Designing For Sign Up
Page 7: Designing For Sign Up

Password strength

Check username availability

Inline help

Making forms more easy to use

Page 8: Designing For Sign Up

Re!lling !elds upon error

Sending username in con!rmation email

Show/hide password

Making forms more easy to use

Page 9: Designing For Sign Up

Improving ease of use of forms

1con!rm personal info add your friends

MINI CASE-STUDY

invite others getting started

2 3 4

100%

Original Flow

Page 10: Designing For Sign Up

Improving ease of use of forms

1con!rm personal info add your friends

MINI CASE-STUDY

invite others getting started

2 3 4

100%

Original Flow

1

2

3

4

100%

63%

26%

14%

Original Conversion Funnelof the 100% of people who started the sign-up process, only 14% made it to the getting started screen.

Page 11: Designing For Sign Up

add your friends

2getting started

4

Improving ease of use of formsMINI CASE-STUDY

New Flow

Page 12: Designing For Sign Up

add your friends

2getting started

4

Improving ease of use of formsMINI CASE-STUDY

New Flow

New Conversion Funnelof the 100% of people who started the sign-up process, 86% made it to the getting started screen.

2

4

100%

86%

Page 13: Designing For Sign Up
Page 14: Designing For Sign Up

This is not the problem of sign up.

Page 15: Designing For 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/

Page 16: Designing For Sign Up

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.

Page 17: Designing For Sign Up

Instead of asking:

Are people motivated enough to care?

Can people !ll out our sign-up form?

Ask:

Page 18: Designing For Sign Up

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

What exactly are we asking?

Page 19: Designing For Sign Up

The Psychology of Sign-Up - 9x Effect

People tend to overvalue the software they

currently use by about a factor of 3.

Software makers tend to overvalue the software

they offer by about a factor of 3.

3x 3x

9x

Eager Sellers, Stony Buyersby John T. Gourville

further readingHarvard Business Review, June 2006

Page 20: Designing For Sign Up

FRICTION

The hurdle of sign-up

Interested Signed Up

MOTIVATION

Page 21: Designing For Sign Up
Page 22: Designing For Sign Up

Preconditions of Sign-Up

Interested Signed Up

moment of sign upconsidering an alternative

learning about the product(where the form goes, if there is one)

product research

comparison with other options

reconnaissance

etc...

Page 23: Designing For Sign Up

1. I know I want to sign up.

2. I want to make sure this is for me.

3. I’m skeptical.

Design for 3 visitor types

(get out of their way)

(reiterate your basic value proposition)

(provide levels of description)

Page 24: Designing For Sign Up

4 Design Strategies to improve Sign-Up

Page 25: Designing For Sign Up

1. Immediate EngagementGet people using the service immediately

Page 26: Designing For Sign Up
Page 27: Designing For Sign Up
Page 28: Designing For Sign Up
Page 29: Designing For Sign Up
Page 30: Designing For Sign Up
Page 31: Designing For Sign Up
Page 32: Designing For Sign Up

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

Page 33: Designing For Sign Up

Original

Highrise A/B testing

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

Page 34: Designing For Sign Up

Can you guess which one worked best?

Page 35: Designing For Sign Up

1st place

4th place

3rd place15% improvement

7% improvement

30% improvement

2nd place27% improvement

Page 36: Designing For Sign Up
Page 37: Designing For Sign Up
Page 38: Designing For Sign Up

3.Levels of DescriptionDescribe the bene!ts and features in increasing depth

Page 39: Designing For Sign Up
Page 40: Designing For Sign Up
Page 41: Designing For Sign Up

LEVEL 1

Page 42: Designing For Sign Up

LEVEL 2

Page 43: Designing For Sign Up

LEVEL 3

Page 44: Designing For Sign Up
Page 45: Designing For Sign Up
Page 46: Designing For Sign Up
Page 47: Designing For Sign Up
Page 48: Designing For Sign Up
Page 49: Designing For Sign Up
Page 50: Designing For Sign Up

Sign up/Learn more is the new OK/Cancel

Page 51: Designing For Sign Up

4.Leverage Social In#uenceLet undecideds observe the actions of current users

Page 52: Designing For Sign Up
Page 53: Designing For Sign Up

Yelp.com

Page 54: Designing For Sign Up
Page 55: Designing For Sign Up

Obligatory Apple slide in a design presentation

Page 56: Designing For Sign Up

Putting it all together:

Freshbooks.com

Page 57: Designing For Sign Up

Summary

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 - different people need different 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

Sign-up is not about !lling in forms. It’s about motivation.

Page 58: Designing For Sign Up

Thank You!

twitter: bokardo

Twitter: bokardo

email: [email protected]: http://bokardo.com