Onboarding Screen

2022-01-24 11:42:06 UTC

Onboarding Screen is a feature that introduce the app and its functionality through a set of images, the first time the app is opened. It's available for iOS and Android (News Modules).

vl_ipad_onboarding_native_fullscreen.png

 

General rules

  • Will show the first time the app is opened
  • If you want to show onboarding screen again, we will need to override settings in the app and build the app again. Would usually make sense when upgrading the app with major new features 
  • Onboarding screen can be closed by clicking outside the box (if not full screen) or hitting a close button (if enabled)

The onboarding screen can be customized in several ways. We have 2 versions. The default and create your own.

The Visiolink default

This Onboarding screen is our standard and is simple to adjust to your needs. 

It consists of 5 images (see below), with corresponding text. 

  • Can be full screen or not
  • Can have a close button or not
  • More screens can be added (no limit to number of screens)
  • Text can be changed (but not formatted)
  • Option to hide text so only image is displayed 
  • Images can be changed (you need to deliver)
  • Images should be delivered in 3 sizes. As standard it's 300x400, 600x800 and 900x1200 or if no text is used the sizes are 300x525, 600x800 and 900x1575
  • Is not interactive beyond going to next/previous screen and closing 

Our standard screens:

onboarding_1.png onboarding_2.png onboarding_3.png onboarding_4.png onboarding_5.png

 

Make your Own

If you have the competences in your company, you can create your own Onboarding Screen as a webview. This will require more work from you, but also give you more options to adjust it yourself and make it interactive. 

  • It is a webview - you need to deliver a URL that we will implement
  • You will have control of everything and can adjust it as you see fit
  • Will still only show first time a user opens the app, see general rules
  • We recommend that you implement a close button

Below is an example of a customer made webview that we have implemented:

vl_ipad_onboarding_webview_portrait.png

 

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments