Onboarding/Help Screens Design Customisation
Notes, documentation, and best practices for customising your help screens section
Table of Contents
The bolt onboarding and help screens play a crucial role in introducing users to your app's features and providing assistance when needed. This enables you to effectively provide information about your app to users, allowing them to discover more about your offerings. Primarily, it comprises an image, a title, and a description that users can swipe through. Additionally, action buttons are included to facilitate users' seamless entry into the app.
Defining your onboarding or help screens
You'll come across these screens when you launch the app for the first time after downloading it from the store. Additionally, they can be accessed through the settings page, giving users the option to revisit and learn more about the app. This is entirely optional, and you have the choice to omit it, allowing users to directly access the app after downloading.
Here's what each screen could consist of:
- Image(Optional) - Include visuals that resonate with your app's style and the content's context. There is not a set recommended size for the images, they get centred in the top half of the screen and will overflow the screen if they're larger than the available space (which varies device-to-device)
- Title
- Description
- Action Buttons: Include buttons with clear labels that guide users to the next step e.g (‘Next’ or ‘Let’s go')
- Include a clear CTA that directs users toward the main app interface. The CTA should be visually distinct and indicate the next step. e.g (‘Skip’)
-
Dotted indicators for swiping: If applicable, allow users to swipe through screens for a dynamic experience.
Please note: There can be as many or few welcome screens as you like (although we would recommend keeping the number as low as possible) Here are some examples below.