great examples of user onboarding in app design - turning a first-time user into a repeat customer
DESCRIPTION
Research showed that 22% of downloaded apps are only used once. So a good first time use experience is of crucial importance for the viability of an app or website. This is increasingly important since apps and services are becoming more versatile and complex. As a result, we’ve seen an increase in the number of "onboardings" in the last few years. Onboarding is the process of turning a first-time user into a repeat customer during the user’s first interaction with your product. In this slideshare we will show good examples of onboarding in 5 different approaches and conclude with some guidelines for design (describes below). There is no such thing as ‘the best approach’ since every app or website is different, but considering these guidelines will definitely ensure a better experience. And of course the approaches described can be combined in order to achieve the ideal onboarding. Guidelines for onboarding. - Explain the proposition - what is the added value for the user? - Explain hidden and crucial functionalities - how does the app work? - Explain them interactively - this puts learning into context and provides the user with feedback - Keep it informative, don’t explain obvious features - Try to insert a fun and emotionally engaging element - Limit content per panel, this makes the information easy to digest - Provide a way to skip the onboarding process - And let the user know where the onboarding can be found after skipping or finishing it - Communicate the number of steps so the user knows what to expect - Don’t force people to log in or register to experience content or features - Ensure the user moves to a logical page after the onboarding where s/he knows what to do and give next-step instructions if necessary Anything to add or ask? Mail me at [email protected]TRANSCRIPT
![Page 1: Great examples of user onboarding in app design - turning a first-time user into a repeat customer](https://reader033.vdocuments.us/reader033/viewer/2022051815/53ef23248d7f7289708b6205/html5/thumbnails/1.jpg)
23.11.2012
sodostudio.nl
app designGreat examples & guidelines
Onboarding in
sodastudio.nl
![Page 2: Great examples of user onboarding in app design - turning a first-time user into a repeat customer](https://reader033.vdocuments.us/reader033/viewer/2022051815/53ef23248d7f7289708b6205/html5/thumbnails/2.jpg)
Research showed that 22% of downloaded
apps are only used once.This is why a good first time use experience
is of crucial importance for the viability of
an app or website.
http://www.localytics.com/blog/2012/app-user-loyalty-increasing-ios-beats-android/
![Page 3: Great examples of user onboarding in app design - turning a first-time user into a repeat customer](https://reader033.vdocuments.us/reader033/viewer/2022051815/53ef23248d7f7289708b6205/html5/thumbnails/3.jpg)
As a result, we’ve seen an increase in the
number of onboardings in the last few years.
![Page 4: Great examples of user onboarding in app design - turning a first-time user into a repeat customer](https://reader033.vdocuments.us/reader033/viewer/2022051815/53ef23248d7f7289708b6205/html5/thumbnails/4.jpg)
Onboarding is the process of turning a
first-time user into a repeat customer
during the user’s first interaction
with your product.
![Page 5: Great examples of user onboarding in app design - turning a first-time user into a repeat customer](https://reader033.vdocuments.us/reader033/viewer/2022051815/53ef23248d7f7289708b6205/html5/thumbnails/5.jpg)
good examples of onboarding
in five different approaches.
In this slideshow we’ll show some
![Page 6: Great examples of user onboarding in app design - turning a first-time user into a repeat customer](https://reader033.vdocuments.us/reader033/viewer/2022051815/53ef23248d7f7289708b6205/html5/thumbnails/6.jpg)
1.
2. Explain functionalities
3. Explain interactively
4. Onboarding during use
5. Blank slate
Explain the value-proposition
![Page 7: Great examples of user onboarding in app design - turning a first-time user into a repeat customer](https://reader033.vdocuments.us/reader033/viewer/2022051815/53ef23248d7f7289708b6205/html5/thumbnails/7.jpg)
• Improve the interaction between service provider and customers
• Improve the interaction between service provider and customers
step-by-step onboarding sequence.
Show what’s relevant for the user in a
![Page 8: Great examples of user onboarding in app design - turning a first-time user into a repeat customer](https://reader033.vdocuments.us/reader033/viewer/2022051815/53ef23248d7f7289708b6205/html5/thumbnails/8.jpg)
1 Use limited content per panel.This makes information easy to digest.
FeedlyPocket
![Page 9: Great examples of user onboarding in app design - turning a first-time user into a repeat customer](https://reader033.vdocuments.us/reader033/viewer/2022051815/53ef23248d7f7289708b6205/html5/thumbnails/9.jpg)
1 Provide the number of steps.In order to manage expectations.
Gmail Pocket
![Page 10: Great examples of user onboarding in app design - turning a first-time user into a repeat customer](https://reader033.vdocuments.us/reader033/viewer/2022051815/53ef23248d7f7289708b6205/html5/thumbnails/10.jpg)
1 Skip it!Make sure the user is able skip the introduction.
Airbnb
![Page 11: Great examples of user onboarding in app design - turning a first-time user into a repeat customer](https://reader033.vdocuments.us/reader033/viewer/2022051815/53ef23248d7f7289708b6205/html5/thumbnails/11.jpg)
2.
3. Explain interactively
4. Onboarding during use
5. Blank slate
1. Explain the value-proposition
Explain functionalities
![Page 12: Great examples of user onboarding in app design - turning a first-time user into a repeat customer](https://reader033.vdocuments.us/reader033/viewer/2022051815/53ef23248d7f7289708b6205/html5/thumbnails/12.jpg)
Explain hidden functionalities which are
crucial for the operation of the app.
![Page 13: Great examples of user onboarding in app design - turning a first-time user into a repeat customer](https://reader033.vdocuments.us/reader033/viewer/2022051815/53ef23248d7f7289708b6205/html5/thumbnails/13.jpg)
2 Explain hidden functionalities.By showing them in an image (500 px) or by using inline hinting (Directr).
500 px Directr
![Page 14: Great examples of user onboarding in app design - turning a first-time user into a repeat customer](https://reader033.vdocuments.us/reader033/viewer/2022051815/53ef23248d7f7289708b6205/html5/thumbnails/14.jpg)
3. !
4. Onboarding during use
5. Blank slate
1. Explain the value-proposition
2. Explain functionalities
Explain interactively
![Page 15: Great examples of user onboarding in app design - turning a first-time user into a repeat customer](https://reader033.vdocuments.us/reader033/viewer/2022051815/53ef23248d7f7289708b6205/html5/thumbnails/15.jpg)
Put learning into context and provide users
with feedback. They will better understand
and remember how things work.
![Page 16: Great examples of user onboarding in app design - turning a first-time user into a repeat customer](https://reader033.vdocuments.us/reader033/viewer/2022051815/53ef23248d7f7289708b6205/html5/thumbnails/16.jpg)
3 MotivatePositive feedback makes learning fun and emotionally engaging.
Mailbox
![Page 17: Great examples of user onboarding in app design - turning a first-time user into a repeat customer](https://reader033.vdocuments.us/reader033/viewer/2022051815/53ef23248d7f7289708b6205/html5/thumbnails/17.jpg)
3 Store itShow where the onboarding can be found.
Weathercube
![Page 18: Great examples of user onboarding in app design - turning a first-time user into a repeat customer](https://reader033.vdocuments.us/reader033/viewer/2022051815/53ef23248d7f7289708b6205/html5/thumbnails/18.jpg)
!
!
5. Blank slate
1. Explain the value-proposition
2. Explain functionalities
3. Explain interactively
4. Onboarding during use
![Page 19: Great examples of user onboarding in app design - turning a first-time user into a repeat customer](https://reader033.vdocuments.us/reader033/viewer/2022051815/53ef23248d7f7289708b6205/html5/thumbnails/19.jpg)
A big advantage of onboarding during use is
that the app can be used immediately
![Page 20: Great examples of user onboarding in app design - turning a first-time user into a repeat customer](https://reader033.vdocuments.us/reader033/viewer/2022051815/53ef23248d7f7289708b6205/html5/thumbnails/20.jpg)
4 Phased informationUsers don’t have to digest all information at once.
Flipboard Cut the rope
![Page 21: Great examples of user onboarding in app design - turning a first-time user into a repeat customer](https://reader033.vdocuments.us/reader033/viewer/2022051815/53ef23248d7f7289708b6205/html5/thumbnails/21.jpg)
4 Example contentShow how the app works with example content.
Clear app
![Page 22: Great examples of user onboarding in app design - turning a first-time user into a repeat customer](https://reader033.vdocuments.us/reader033/viewer/2022051815/53ef23248d7f7289708b6205/html5/thumbnails/22.jpg)
1. Explain the value-proposition
2. Explain functionalities
3. Explain interactively
4. Onboarding during use
5. Blank slate
![Page 23: Great examples of user onboarding in app design - turning a first-time user into a repeat customer](https://reader033.vdocuments.us/reader033/viewer/2022051815/53ef23248d7f7289708b6205/html5/thumbnails/23.jpg)
The blank slate, often forgotten but
very important to the user.
![Page 24: Great examples of user onboarding in app design - turning a first-time user into a repeat customer](https://reader033.vdocuments.us/reader033/viewer/2022051815/53ef23248d7f7289708b6205/html5/thumbnails/24.jpg)
5 Use itThe blank slate is the perfect canvas for providing hints and tips.
Dropbox 500px
![Page 25: Great examples of user onboarding in app design - turning a first-time user into a repeat customer](https://reader033.vdocuments.us/reader033/viewer/2022051815/53ef23248d7f7289708b6205/html5/thumbnails/25.jpg)
11 guidelines for designing an
onboarding process
Conclusion
![Page 26: Great examples of user onboarding in app design - turning a first-time user into a repeat customer](https://reader033.vdocuments.us/reader033/viewer/2022051815/53ef23248d7f7289708b6205/html5/thumbnails/26.jpg)
• Improve the interaction between service provider and customers
• Improve the interaction between service provider and customers
11. Onboarding guidelines
• Explain the proposition - what is the added value for the user?
• Explain hidden and crucial functionalities - how does the app work?
• Explain the features interactively
• Keep it informative, don’t explain obvious features
• Don’t force users to log in or register to experience the app
• Try to insert a fun and emotionally engaging element
• Limit content per panel
• Communicate the number of steps
• Provide a way to skip the onboarding process
• Show where the onboarding can be found after skipping or finishing it
• Ensure the user moves to a logical page after finishing the onboarding