Designing user on-boarding

Richard Powell
Richard PowellUI Engineer at Server Density
serverdensity.com/knockknock/
xkcd.com/149/
“
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
1.5m
Apps
600k
Downloaded
90K
Used twice
under performs
blog.preact.com/saas-churn-causes-and-prevention
20% 23%
on-boarding
14%
support
Designing user on-boarding
Designing user on-boarding
1On-boarding concepts

you must understand
flickr.com/photos/77568040@N08/8484163552/
imgkid.com/popeye-eating-spinach.shtml
Value proposition
Concept 1
Minimum viable

on-boarding is you
Concept 2
Test value proposition
Test product market fit
Test usability
Test customer value
Always be measuring

(the journey)
Concept 3
Homepage
Trial
Blog
Activation
11%
2.1%
12%
Designing user on-boarding
Add a device
Configure an alert
Use dashboard graphs
-70%
-44%
-62%
1. Value proposition
2. You are the MV on-boarding
3. Always be measuring journeys
2Seven on-boarding tips
Designing user on-boarding
Designing user on-boarding
Designing user on-boarding
Avoid blank slates
Tip 1
Designing user on-boarding
Designing user on-boarding
Give a preview

and build trust
Tip 2
Cinema machine
Be human
Tip 3
“
Tell me and I forget. Teach me
and I remember. Involve me
and I learn.”
Benjamin Franklin
Designing user on-boarding
Teach through actions

One action at a time
Tip 4
Designing user on-boarding
Designing user on-boarding
It looks like you’re trying to give
a presentation. Would you like help?
• Yes please
• No thanks
Get out of the way
Tip 5
“
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
“
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
Designing user on-boarding
Incentivise

Tip 6
Designing user on-boarding
Designing user on-boarding
Think beyond the UI
Tip 7
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
3Four accidental on-boarding
mistakes
www.wootric.com/
Not fixing bugs
Mistake 1
“
A one second delay can result
in a 7% reduction in
conversions.”
blog.kissmetrics.com/loading-time/
Not fixing performance
Mistake 2
blog.serverdensity.com/making-usable-server-monitoring-alerts/
blog.serverdensity.com/making-usable-server-monitoring-alerts/
Not fixing usability problems
Mistake 3
leave website when
forgetting password
94% 75%
admit to giving fake
data during sign up
Designing user on-boarding
Designing user on-boarding
Not considering edge cases
Mistake 4
1. Fix bugs
2. Fix performance
3. Fix usability
4. Consider the edge-cases
good designproduct market fit
on-boarding
@byrichardpowell
Notebook
www.serverdensity.com/knockknock/
Slides
1 of 57

Recommended

Hello, Android Wear! by
Hello, Android Wear!Hello, Android Wear!
Hello, Android Wear!Frederik Schweiger
528 views46 slides
K Sauls JWU Web App SkinFlashLight 2014- 2015 by
K Sauls JWU Web App SkinFlashLight 2014- 2015K Sauls JWU Web App SkinFlashLight 2014- 2015
K Sauls JWU Web App SkinFlashLight 2014- 2015Shuzagki
238 views15 slides
TestElf Informational Presentation by
TestElf Informational PresentationTestElf Informational Presentation
TestElf Informational PresentationTestElf
1.2K views15 slides
Cooperative computing by
Cooperative computingCooperative computing
Cooperative computingJohn Rockson
168 views9 slides
Mobile analytics stack by
Mobile analytics stackMobile analytics stack
Mobile analytics stackManu Fotedar
510 views23 slides
Agile Project Management Exercise by
Agile Project Management ExerciseAgile Project Management Exercise
Agile Project Management ExerciseAgile ME
1.1K views7 slides

More Related Content

Viewers also liked

Backbone to React. What it says about awesome UI Code. by
Backbone to React. What it says about awesome UI Code.Backbone to React. What it says about awesome UI Code.
Backbone to React. What it says about awesome UI Code.Richard Powell
633 views52 slides
Data Visualisation with D3 & Rickshaw - Berlin Expert Days by
Data Visualisation with D3 & Rickshaw - Berlin Expert DaysData Visualisation with D3 & Rickshaw - Berlin Expert Days
Data Visualisation with D3 & Rickshaw - Berlin Expert DaysRichard Powell
3.5K views69 slides
D3 Rickshaw and Backbone in 50 minutes by
D3 Rickshaw and Backbone in 50 minutesD3 Rickshaw and Backbone in 50 minutes
D3 Rickshaw and Backbone in 50 minutesRichard Powell
2.5K views97 slides
Real-time collaborative drawing by
Real-time collaborative drawingReal-time collaborative drawing
Real-time collaborative drawingRichard Powell
3.7K views39 slides
Draw stuff at @jsnortheast by
Draw stuff at @jsnortheastDraw stuff at @jsnortheast
Draw stuff at @jsnortheastRichard Powell
2.8K views28 slides
Time-Series Monitoring Graphs with D3 & Rickshaw by
Time-Series Monitoring Graphs with D3 & RickshawTime-Series Monitoring Graphs with D3 & Rickshaw
Time-Series Monitoring Graphs with D3 & RickshawRichard Powell
7.9K views49 slides

Viewers also liked(10)

Backbone to React. What it says about awesome UI Code. by Richard Powell
Backbone to React. What it says about awesome UI Code.Backbone to React. What it says about awesome UI Code.
Backbone to React. What it says about awesome UI Code.
Richard Powell633 views
Data Visualisation with D3 & Rickshaw - Berlin Expert Days by Richard Powell
Data Visualisation with D3 & Rickshaw - Berlin Expert DaysData Visualisation with D3 & Rickshaw - Berlin Expert Days
Data Visualisation with D3 & Rickshaw - Berlin Expert Days
Richard Powell3.5K views
D3 Rickshaw and Backbone in 50 minutes by Richard Powell
D3 Rickshaw and Backbone in 50 minutesD3 Rickshaw and Backbone in 50 minutes
D3 Rickshaw and Backbone in 50 minutes
Richard Powell2.5K views
Real-time collaborative drawing by Richard Powell
Real-time collaborative drawingReal-time collaborative drawing
Real-time collaborative drawing
Richard Powell3.7K views
Draw stuff at @jsnortheast by Richard Powell
Draw stuff at @jsnortheastDraw stuff at @jsnortheast
Draw stuff at @jsnortheast
Richard Powell2.8K views
Time-Series Monitoring Graphs with D3 & Rickshaw by Richard Powell
Time-Series Monitoring Graphs with D3 & RickshawTime-Series Monitoring Graphs with D3 & Rickshaw
Time-Series Monitoring Graphs with D3 & Rickshaw
Richard Powell7.9K views
Ubuntu - UX copywriting by Steph Wilson
Ubuntu - UX copywritingUbuntu - UX copywriting
Ubuntu - UX copywriting
Steph Wilson184 views
Real time metrics with rickshaw and nodejs by Hakka Labs
Real time metrics with rickshaw and nodejsReal time metrics with rickshaw and nodejs
Real time metrics with rickshaw and nodejs
Hakka Labs2.2K views

Similar to Designing user on-boarding

Mobile App Testing on Cloud by
Mobile App Testing on CloudMobile App Testing on Cloud
Mobile App Testing on CloudpCloudy
192 views17 slides
new anu resume by
new anu resumenew anu resume
new anu resumeAnupriya Subramaniyan
459 views5 slides
Quality Jam 2017: Kevin Dunne "Macro Trends and Useful Tools that 'Get It'" by
Quality Jam 2017: Kevin Dunne "Macro Trends and Useful Tools that 'Get It'"Quality Jam 2017: Kevin Dunne "Macro Trends and Useful Tools that 'Get It'"
Quality Jam 2017: Kevin Dunne "Macro Trends and Useful Tools that 'Get It'"QASymphony
364 views34 slides
WordCamp Bucharest 2017 by
WordCamp Bucharest 2017WordCamp Bucharest 2017
WordCamp Bucharest 2017Alexandra Anghel
389 views32 slides
Web Accessibility Testing Trends and Shift Left Testing of accessibility usin... by
Web Accessibility Testing Trends and Shift Left Testing of accessibility usin...Web Accessibility Testing Trends and Shift Left Testing of accessibility usin...
Web Accessibility Testing Trends and Shift Left Testing of accessibility usin...Narayanan Palani
510 views25 slides
User Acceptance Testing in the Testing Center of Excellence by
User Acceptance Testing in the Testing Center of ExcellenceUser Acceptance Testing in the Testing Center of Excellence
User Acceptance Testing in the Testing Center of ExcellenceTechWell
2.6K views10 slides

Similar to Designing user on-boarding(20)

Mobile App Testing on Cloud by pCloudy
Mobile App Testing on CloudMobile App Testing on Cloud
Mobile App Testing on Cloud
pCloudy192 views
Quality Jam 2017: Kevin Dunne "Macro Trends and Useful Tools that 'Get It'" by QASymphony
Quality Jam 2017: Kevin Dunne "Macro Trends and Useful Tools that 'Get It'"Quality Jam 2017: Kevin Dunne "Macro Trends and Useful Tools that 'Get It'"
Quality Jam 2017: Kevin Dunne "Macro Trends and Useful Tools that 'Get It'"
QASymphony 364 views
Web Accessibility Testing Trends and Shift Left Testing of accessibility usin... by Narayanan Palani
Web Accessibility Testing Trends and Shift Left Testing of accessibility usin...Web Accessibility Testing Trends and Shift Left Testing of accessibility usin...
Web Accessibility Testing Trends and Shift Left Testing of accessibility usin...
Narayanan Palani510 views
User Acceptance Testing in the Testing Center of Excellence by TechWell
User Acceptance Testing in the Testing Center of ExcellenceUser Acceptance Testing in the Testing Center of Excellence
User Acceptance Testing in the Testing Center of Excellence
TechWell2.6K views
99tests Corporate Brochure 2017 by 99tests
99tests Corporate Brochure 201799tests Corporate Brochure 2017
99tests Corporate Brochure 2017
99tests237 views
Failure is an Option: Scaling Resilient Feature Delivery by Optimizely
Failure is an Option: Scaling Resilient Feature DeliveryFailure is an Option: Scaling Resilient Feature Delivery
Failure is an Option: Scaling Resilient Feature Delivery
Optimizely297 views
Testing Essentials for the Age of Agile by Applause
Testing Essentials for the Age of AgileTesting Essentials for the Age of Agile
Testing Essentials for the Age of Agile
Applause205 views
Operation Maintenance Training Simulator (OMTS) by vls_omts
Operation Maintenance Training Simulator (OMTS)Operation Maintenance Training Simulator (OMTS)
Operation Maintenance Training Simulator (OMTS)
vls_omts573 views
Stop guessing, start testing – mobile testing done right - Timo Euteneuer by JAXLondon_Conference
Stop guessing, start testing – mobile testing done right - Timo EuteneuerStop guessing, start testing – mobile testing done right - Timo Euteneuer
Stop guessing, start testing – mobile testing done right - Timo Euteneuer
Integrating AI in software quality in absence of a well-defined requirements by Nagarro
Integrating AI in software quality in absence of a well-defined requirementsIntegrating AI in software quality in absence of a well-defined requirements
Integrating AI in software quality in absence of a well-defined requirements
Nagarro 177 views
Baking In Quality: The Evolving Role of the Agile Tester by TechWell
Baking In Quality: The Evolving Role of the Agile TesterBaking In Quality: The Evolving Role of the Agile Tester
Baking In Quality: The Evolving Role of the Agile Tester
TechWell717 views
MVP Design Hacks by Naresh Jain
MVP Design HacksMVP Design Hacks
MVP Design Hacks
Naresh Jain1.8K views
The Tester’s Role: Balancing Technical Acumen and User Advocacy by TechWell
The Tester’s Role: Balancing Technical Acumen and User AdvocacyThe Tester’s Role: Balancing Technical Acumen and User Advocacy
The Tester’s Role: Balancing Technical Acumen and User Advocacy
TechWell235 views
Automation Essentials for the Age of Agile by Applause
Automation Essentials for the Age of AgileAutomation Essentials for the Age of Agile
Automation Essentials for the Age of Agile
Applause199 views
Bug Bounty #Defconlucknow2016 by Shubham Gupta
Bug Bounty #Defconlucknow2016Bug Bounty #Defconlucknow2016
Bug Bounty #Defconlucknow2016
Shubham Gupta2.4K views

Recently uploaded

Subzero Report (1).pdf by
Subzero Report (1).pdfSubzero Report (1).pdf
Subzero Report (1).pdfsidhantkhanna8
9 views21 slides
Sugar Air Kiss Lipstick by
Sugar Air Kiss LipstickSugar Air Kiss Lipstick
Sugar Air Kiss Lipstickaryasheel1
7 views5 slides
Oral presntation.pptx by
Oral presntation.pptxOral presntation.pptx
Oral presntation.pptxsaraalzarouni121
8 views11 slides
Legal PPT Presentation.pptx by
Legal PPT Presentation.pptxLegal PPT Presentation.pptx
Legal PPT Presentation.pptx125071063
5 views7 slides
New Icon Presentation.pdf by
New Icon Presentation.pdfNew Icon Presentation.pdf
New Icon Presentation.pdfsydneyjrichardson
27 views5 slides
DR Portfolio.pptx by
DR Portfolio.pptxDR Portfolio.pptx
DR Portfolio.pptxrobertsd2
21 views11 slides

Recently uploaded(20)

Sugar Air Kiss Lipstick by aryasheel1
Sugar Air Kiss LipstickSugar Air Kiss Lipstick
Sugar Air Kiss Lipstick
aryasheel17 views
Legal PPT Presentation.pptx by 125071063
Legal PPT Presentation.pptxLegal PPT Presentation.pptx
Legal PPT Presentation.pptx
1250710635 views
DR Portfolio.pptx by robertsd2
DR Portfolio.pptxDR Portfolio.pptx
DR Portfolio.pptx
robertsd221 views
Free International civil aviation day template from best presentation design ... by slideceotemplates
Free International civil aviation day template from best presentation design ...Free International civil aviation day template from best presentation design ...
Free International civil aviation day template from best presentation design ...
Using Experiential Design to Understand the Future of AI & Immersive Storytel... by Kent Bye
Using Experiential Design to Understand the Future of AI & Immersive Storytel...Using Experiential Design to Understand the Future of AI & Immersive Storytel...
Using Experiential Design to Understand the Future of AI & Immersive Storytel...
Kent Bye20 views
Business X Design - People, Planet & Product by Cyber-Duck
Business X Design - People, Planet & ProductBusiness X Design - People, Planet & Product
Business X Design - People, Planet & Product
Cyber-Duck28 views
BeatsFest Brand Guidelines Final.pdf by EddiePena9
BeatsFest Brand Guidelines Final.pdfBeatsFest Brand Guidelines Final.pdf
BeatsFest Brand Guidelines Final.pdf
EddiePena97 views
ATPMOUSE_융합2조.pptx by kts120898
ATPMOUSE_융합2조.pptxATPMOUSE_융합2조.pptx
ATPMOUSE_융합2조.pptx
kts12089824 views
Sudden Deafness Design Document by wyfangherman
Sudden Deafness Design DocumentSudden Deafness Design Document
Sudden Deafness Design Document
wyfangherman53 views
500% Sales Growth with Amazon A+ Content by Fahima
500% Sales Growth with Amazon A+ Content500% Sales Growth with Amazon A+ Content
500% Sales Growth with Amazon A+ Content
Fahima9 views
boggiano_project 2.pptx by samboggiano
boggiano_project 2.pptxboggiano_project 2.pptx
boggiano_project 2.pptx
samboggiano23 views

Designing user on-boarding