際際滷

際際滷Share a Scribd company logo
User Onboarding Deep Dive
LessAccounting.com

@SamuelHulick
Some of these details are tiny.
Best viewed in full-screen mode!
Overview
Home Page

Signup Page

Billing Info

Add Bank Account

Contact Info

Invite Members

Personal Message

Getting Started
1. Home Page
User Onboarding Deep Dive: LessAccounting
Nice personality!

Friendly faces
draw you in
Nice personality!

Punchy, highcontrast colors!
Nice personality!

Kenneth from
30 Rock?!
Could be clearer

Explainer headlines a
bit de-emphasized
Could be clearer

Screenshot doesnt
make it easy to
visualize using the
product
Could be clearer

Primary CTA somewhat
lost in the shuffle
User Onboarding Deep Dive: LessAccounting
Lots of social proof!

Those are some
hella reputable
institutions
Lots of social proof!

Nice testimonial more of them
would be even
better!
CTAs could be
stronger

Not exactly an
aspirational figure
CTAs could be
stronger

Low-contrast &
not benefits-oriented
User Onboarding Deep Dive: LessAccounting
CTAs could be
stronger

Not a super assertive
way to close things out
2. Signup Page
User Onboarding Deep Dive: LessAccounting
Timely & Helpful Info!

Nice to know what Im
getting myself into
Timely & Helpful Info!

Great way to predict
& overcome objections
Timely & Helpful Info!

Very helpful - should probably
be home page material!
Minor Ambiguity

Whered the header & logo
go?
Minor Ambiguity

Its a FREE trial, right?
Minor Ambiguity

What constitutes super happy?
What happens if Im not?
3. Billing Info
User Onboarding Deep Dive: LessAccounting
Good Indicators

Nice to know which cards
I can use.
Good Indicators

Secure checkout
is a nice reassurance
Distracting Element

Coupon codes invite me to leave the signup flow to
look for a deal. Will I come back?
Also, why would I need a coupon for a free trial?
4. Add Bank Account
User Onboarding Deep Dive: LessAccounting
More Good Indicators

Always nice to see those
trusty names
Lack of Context

Adding a bank account is a VERY BIG
request, but helper/reassurance copy
nearly nonexistent.
Lack of Context

Also
Why is this part of a wizard instead of being
accomplished within the context of the app itself?

!

How will I know to add more down the line?
5. Contact Info
User Onboarding Deep Dive: LessAccounting
Keepin It Fresh

Friendly picture helps break up the monotony
of this extended signup process.
Am I really customizing the
app? It seems like Im just
providing contact info.

Correct Wording

& Timing?
Is providing this info critical
for me getting value out of
the app, or is it for their
benefit?

Correct Wording

& Timing?
6. Invite Members
User Onboarding Deep Dive: LessAccounting
Keepin It Fresh, pt. II

Envelope imagery a fun &
recognizable metaphor.
That said
Lack of Context

 it can also be perceived as
oh, this is where you ask me
to spam my friends
Lack of Context

Again
Why is this part of a wizard instead of being
accomplished within the context of the app itself?

!

How will I know to add more down the line?
7. Personal Message
User Onboarding Deep Dive: LessAccounting
Keepin It Fresh, pt. III

Awesome way to switch
up content types for
retaining attention
Attention to Detail

This is distracting & doesnt seem to
be related. A frontend dev mistake?
8. Getting Started
User Onboarding Deep Dive: LessAccounting
Hitting the

Ground Running

Dummy data provides a
preview of what charts
will look like once banking
info is loaded.
Hitting the

Ground Running

Tasks & Notifications
preloaded with next step
items.
Actually Getting
Somewhere

Demo charts are cool, but
do they really help me
towards getting actual
value out of the app?
Actually Getting
Somewhere

These could be WAY more
prominent during first use.
The End!
( Everything from here on is just free exploration. )
I hope you enjoyed the deep dive!
Theres lots more where that came from check out samuelhulick.com/user-onboarding for updates!

More Related Content

User Onboarding Deep Dive: LessAccounting

Editor's Notes