Onboarding flow - Mobile
Reviews
3 reviews
- The illustrations are stylish but could more closely reflect the specific actions they’re associated with. For example, 'Invite travel companions' could feature an illustration of two people marking a map, which directly ties to the concept of collaborative planning.
- The 'Next' button is a bit small, which could make it a difficult target for users. Enlarging it and placing it in a thumb-friendly zone could enhance ergonomics.
- There's no clear way to go back to a previous step. It could be helpful to include a back arrow or label it explicitly for clarity. Since there’s a possibility of confusion with the skip button being perceived as 'Back', we could relocate it or change its style to make it clear it’s an option to skip the onboarding entirely.
- Center-aligned text works well for shorter bits of text, but when it gets to more than three lines, it can become harder to read. Left-aligned text could improve readability.
I'd love to hear the rationale behind this design. What is the idea behind the app? Why these colours and why do you think this kind of illustration will resonate with the audience. Overral the design is clear and clean. I would recommend increasing the line height in the main text and would like to see a bit more brand introduced with the development of a logo/ brand mark. I like the illustrations but wonder if they could show a little more of a travel theme – whether a train/ airplane I feel this would help bring an emotive message of traveling in confidence.
For the onboarding screen:
- Concise Text: The text on the onboarding screen should be shorter to align with the quick nature of the onboarding process. It's essential to convey the app's features efficiently without overwhelming the user.
- Personalized Illustrations: While the illustrations are a great start, they could be more personalized to better reflect the app's actions and functionalities. Customized illustrations can enhance user engagement and provide a clearer understanding of what the app offers.
- Emphasize "Next" Button: The "Next" button is a crucial element for progressing through the onboarding process. It should be more emphasized to prompt users to take action. Consider using a contrasting color or increasing its size to make it stand out more prominently.
Keep up the good work!
12 Claps
Average 3.0 by 4 people
You might also like

Project
A/B Testing for Bumble's Onboarding Process
This hypothesis project is made with the purpose of improving Bumble's onboarding process with gamification, early reward system, and intere

Project
Dark mode Main page
light mode

Project
Tripit's Login and Sign Up Flow
Tripit is a travel planning and itinerary management app that I personally love using. For the most part Tripit's login and sign up flow are

Project
sign in up
sign in up form

Project
ReWash
Registration & Onboarding Flow (B2B SaaS)Goal of the flowThe goal of this flow is to onboard car wash owners (FOPs) into the ReWash platform

Project
CJM for Leo
CJM of the website with many co-workings for Leo, Python developer
Interaction Design Courses
Course
UX Design Foundations
Learn the essentials of UX design to build a strong foundation in core principles. Gain practical skills to support product development and create better user experiences.
Course
Introduction to Figma
Learn essential Figma tools like layers, styling, typography, and images. Master the basics to create clean, user-friendly designs
Course
Design Terminology
Learn UX terminology and key UX/UI terms that boost collaboration between designers, developers, and stakeholders for smoother, clearer communication.











