43
Design for Sign-up How to motivate people to sign up for your web app

Design for sign up

Embed Size (px)

Citation preview

Page 1: Design for sign up

Design for Sign-upHow to motivate people to sign up for your web app

Page 2: Design for sign up

How much time would people decide to use your

product?

Page 3: Design for sign up

8sec.

Page 4: Design for sign up

What Are They Thinking?

Page 5: Design for sign up

What Are They Thinking?Why should I use this software?Is this software worth my time?

Page 6: Design for sign up

The Sign-up Hurdle

Page 7: Design for sign up

The Sign-up HurdleDifferent Strokes for Different Folks

Ready to Go Interested but Unsure

Fact-finders Skeptical

Make it as easy as possible to sign up by eliminating usability problems and unnecessary friction in the interface.

The key to designing for them is to provide multiple levels of details so that they can find appropriate answers to their questions.

Design for them by providing a solid summary and how-it-works information.

Design for them by providing lots of evidence that other people are happy using your software.

Page 8: Design for sign up

Sign-up Framework

Who What Where

When Why How

Page 9: Design for sign up

WHAT

Describe WHAT it is

Page 10: Design for sign up

WHAT

Describe WHAT it is

Make it OBVIOUS

Page 11: Design for sign up

500px

Page 12: Design for sign up

Pinterest

Page 13: Design for sign up

HOW

Show HOW it works

Page 14: Design for sign up

HOW

Show HOW it worksGood how-it-works features provide multiple levels of

detail, at increasing depth of description, allowing people to dig deeper as needed.

Page 15: Design for sign up

Dropbox

Page 16: Design for sign up

HOW

Show the End ResultShowing how your application works is even more

effective when you can show the end result.

Page 17: Design for sign up

1Password

Page 18: Design for sign up

Readibility

Page 19: Design for sign up

WHY

Explain WHY with Benefits as Well as Features

Page 20: Design for sign up

WHY

Features Benefits

Unlimited server space Access from any browser, anytime

Add tags to your bookmarks Organize your bookmarks in any way you want

Add friends and see their bookmarks Collaborate and share bookmarks with friends

Sort by tag or date Easily refind important bookmarks later

See related bookmarks Find relevant related content

Page 21: Design for sign up

Tumblr

Page 22: Design for sign up

WHO

Give examples of WHO is using it

To make a person’s decision easier, show them how others have made the same decision and succeeded. Give evidence that others are using it.

Page 23: Design for sign up

WHO

Give examples of WHO is using it• Let people find friends

Page 24: Design for sign up

Facebook, Like!

Page 25: Design for sign up

WHO

Give examples of WHO is using it• Let people find friends• Provide testimonials

Page 26: Design for sign up

Basecamp

Page 27: Design for sign up

WHO

Give examples of WHO is using it• Let people find friends• Provide testimonials• Get as specific as you can

Page 28: Design for sign up

The more specific you can get about how to use your application, the more your software will resonate with your potential audience.

Page 29: Design for sign up

WHO

Give examples of WHO is using it• Let people find friends• Provide testimonials• Get as specific as you can• Success stories/case studies

Page 30: Design for sign up

Apple

7:40

Page 31: Design for sign up

WHO

Give examples of WHO is using it• Let people find friends• Provide testimonials• Get as specific as you can• Success stories/case studies• Give numbers (when they are big)

Page 32: Design for sign up

Basecamp

Page 33: Design for sign up

WHO

Give examples of WHO is using it• Let people find friends• Provide testimonials• Get as specific as you can• Success stories/case studies• Give numbers (when they are big)• Appeal to Authority

Page 34: Design for sign up

MailChimp

Page 35: Design for sign up

WHO

Give examples of WHO is using it• Let people find friends• Provide testimonials• Get as specific as you can• Success stories/case studies• Give numbers (when they are big)• Appeal to Authority• Hypotheticals is OK

Page 36: Design for sign up

WHEN

When can people use it?

Page 37: Design for sign up

WHEN

NOWOffer a way for people to try your software out for free

Page 38: Design for sign up

WHEN

NOWPeople don’t realize the value of something until they’ve actually used it

Page 39: Design for sign up

WHERE

What sorts of activities are people going to use your software for when they’re

on the move?

Page 40: Design for sign up

Reduce Sign-up Friction

Page 41: Design for sign up

Reduce Sign-up Friction

Don’t Make Creating an Account a RequirementUpon signup, ask only for information that’s absolutely necessary

Progressive engagementProgressive engagement allows people to get started using software

without committing fully of filling out a sign-up form

Page 42: Design for sign up

Readibility

Page 43: Design for sign up

Thank You