design for sign up
TRANSCRIPT
![Page 1: Design for sign up](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/1.jpg)
Design for Sign-upHow to motivate people to sign up for your web app
![Page 2: Design for sign up](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/2.jpg)
How much time would people decide to use your
product?
![Page 3: Design for sign up](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/3.jpg)
8sec.
![Page 4: Design for sign up](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/4.jpg)
What Are They Thinking?
![Page 5: Design for sign up](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/5.jpg)
What Are They Thinking?Why should I use this software?Is this software worth my time?
![Page 6: Design for sign up](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/6.jpg)
The Sign-up Hurdle
![Page 7: Design for sign up](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/7.jpg)
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](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/8.jpg)
Sign-up Framework
Who What Where
When Why How
![Page 9: Design for sign up](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/9.jpg)
WHAT
Describe WHAT it is
![Page 10: Design for sign up](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/10.jpg)
WHAT
Describe WHAT it is
Make it OBVIOUS
![Page 11: Design for sign up](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/11.jpg)
500px
![Page 12: Design for sign up](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/12.jpg)
![Page 13: Design for sign up](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/13.jpg)
HOW
Show HOW it works
![Page 14: Design for sign up](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/14.jpg)
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](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/15.jpg)
Dropbox
![Page 16: Design for sign up](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/16.jpg)
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](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/17.jpg)
1Password
![Page 18: Design for sign up](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/18.jpg)
Readibility
![Page 19: Design for sign up](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/19.jpg)
WHY
Explain WHY with Benefits as Well as Features
![Page 20: Design for sign up](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/20.jpg)
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](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/21.jpg)
Tumblr
![Page 22: Design for sign up](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/22.jpg)
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](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/23.jpg)
WHO
Give examples of WHO is using it• Let people find friends
![Page 24: Design for sign up](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/24.jpg)
Facebook, Like!
![Page 25: Design for sign up](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/25.jpg)
WHO
Give examples of WHO is using it• Let people find friends• Provide testimonials
![Page 26: Design for sign up](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/26.jpg)
Basecamp
![Page 27: Design for sign up](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/27.jpg)
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](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/28.jpg)
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](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/29.jpg)
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](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/30.jpg)
Apple
7:40
![Page 31: Design for sign up](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/31.jpg)
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](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/32.jpg)
Basecamp
![Page 33: Design for sign up](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/33.jpg)
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](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/34.jpg)
MailChimp
![Page 35: Design for sign up](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/35.jpg)
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](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/36.jpg)
WHEN
When can people use it?
![Page 37: Design for sign up](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/37.jpg)
WHEN
NOWOffer a way for people to try your software out for free
![Page 38: Design for sign up](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/38.jpg)
WHEN
NOWPeople don’t realize the value of something until they’ve actually used it
![Page 39: Design for sign up](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/39.jpg)
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](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/40.jpg)
Reduce Sign-up Friction
![Page 41: Design for sign up](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/41.jpg)
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](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/42.jpg)
Readibility
![Page 43: Design for sign up](https://reader038.vdocuments.us/reader038/viewer/2022110201/55ce6c47bb61eb927e8b46a4/html5/thumbnails/43.jpg)
Thank You