57
serverdensity.com/knockknock/ xkcd.com/149/

Designing user on-boarding

Embed Size (px)

Citation preview

Page 1: Designing user on-boarding

serverdensity.com/knockknock/

xkcd.com/149/

Page 2: Designing user on-boarding

“The first meaningful experience people have with your app, it sets them up for a great experience later, provides enough value to get them to come back.”

developers.facebooklive.com/videos/564

Page 3: Designing user on-boarding

1.5m Apps

600k Downloaded

90K Used twice

Page 4: Designing user on-boarding

under performs

blog.preact.com/saas-churn-causes-and-prevention

20% 23%on-boarding

14%support

Page 5: Designing user on-boarding
Page 6: Designing user on-boarding
Page 7: Designing user on-boarding

1On-boarding conceptsyou must understand

Page 8: Designing user on-boarding

flickr.com/photos/77568040@N08/8484163552/

Page 9: Designing user on-boarding

imgkid.com/popeye-eating-spinach.shtml

Page 10: Designing user on-boarding

Value proposition

Concept 1

Page 11: Designing user on-boarding

Minimum viableon-boarding is you

Concept 2

Page 12: Designing user on-boarding

Test value proposition Test product market fit Test usability Test customer value

Page 13: Designing user on-boarding

Always be measuring(the journey)

Concept 3

Page 14: Designing user on-boarding

Homepage

Trial

Blog

Activation

11%

2.1%

12%

Page 15: Designing user on-boarding
Page 16: Designing user on-boarding

Add a device

Configure an alert

Use dashboard graphs

-70%

-44%

-62%

Page 17: Designing user on-boarding

1. Value proposition 2. You are the MV on-boarding 3. Always be measuring journeys

Page 18: Designing user on-boarding

2Seven on-boarding tips

Page 19: Designing user on-boarding
Page 20: Designing user on-boarding
Page 21: Designing user on-boarding
Page 22: Designing user on-boarding

Avoid blank slates

Tip 1

Page 23: Designing user on-boarding
Page 24: Designing user on-boarding
Page 25: Designing user on-boarding

Give a previewand build trust

Tip 2

Page 26: Designing user on-boarding

Cinema machine

Page 27: Designing user on-boarding

Be human

Tip 3

Page 28: Designing user on-boarding

“Tell me and I forget. Teach me and I remember. Involve me and I learn.”

Benjamin Franklin

Page 29: Designing user on-boarding
Page 30: Designing user on-boarding

Teach through actionsOne action at a time

Tip 4

Page 31: Designing user on-boarding
Page 32: Designing user on-boarding
Page 33: Designing user on-boarding

It looks like you’re trying to give a presentation. Would you like help?

• Yes please • No thanks

Page 34: Designing user on-boarding

Get out of the way

Tip 5

Page 35: Designing user on-boarding

“When people feel they have made some progress towards a goal then they will become more committed towards continued effort towards achieving the goal.”

changingminds.org/explanations/theories/endowed_progress.htm

Page 36: Designing user on-boarding

“Loss aversion refers to people's tendency to strongly prefer avoiding losses to acquiring gains. Most studies suggest that losses are twice as powerful, psychologically, as gains.”

en.wikipedia.org/wiki/Loss_aversion

Page 37: Designing user on-boarding
Page 38: Designing user on-boarding

Incentivise

Tip 6

Page 39: Designing user on-boarding
Page 40: Designing user on-boarding
Page 41: Designing user on-boarding

Think beyond the UI

Tip 7

Page 42: Designing user on-boarding

1. Avoid blank slates 2. Give a preview & build trust 3. Be Human 4. Teach one action at a time 5. Get out of the way 6. Incentivise 7. On-boarding Experience

Page 43: Designing user on-boarding

3Four accidental on-boarding mistakes

Page 44: Designing user on-boarding

www.wootric.com/

Page 45: Designing user on-boarding

Not fixing bugs

Mistake 1

Page 46: Designing user on-boarding

“ A one second delay can result in a 7% reduction in conversions.”

blog.kissmetrics.com/loading-time/

Page 47: Designing user on-boarding

Not fixing performance

Mistake 2

Page 48: Designing user on-boarding

blog.serverdensity.com/making-usable-server-monitoring-alerts/

Page 49: Designing user on-boarding

blog.serverdensity.com/making-usable-server-monitoring-alerts/

Page 50: Designing user on-boarding

Not fixing usability problems

Mistake 3

Page 51: Designing user on-boarding

leave website when forgetting password

94% 75%admit to giving fake data during sign up

Page 52: Designing user on-boarding
Page 53: Designing user on-boarding
Page 54: Designing user on-boarding

Not considering edge cases

Mistake 4

Page 55: Designing user on-boarding

1. Fix bugs 2. Fix performance 3. Fix usability 4. Consider the edge-cases

Page 56: Designing user on-boarding

good designproduct market fit

on-boarding

Page 57: Designing user on-boarding

@byrichardpowell

Notebook

www.serverdensity.com/knockknock/

Slides