designing for sign up

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

Upload: joshua-porter

Post on 17-Aug-2014

59.609 views

Category:

Design


2 download

DESCRIPTION

Talk given at Webstock, 2009, in Wellington, New Zealand.

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