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
Fundraising Website
The fundraising website is a dynamic platform designed to support individuals, communities, and organizations in their efforts to raise fund

Project
Mobile onboarding flow
Interaction Design Rationale for virtual interview mobile app Value Proposition and PersonalizationCore Message: "Welcome to Personalized In

Project
NEWFASHON™ - Landing page
Content— The customer can pick the main categories of clothing right upon arrival on the landing page. He can also choose between the main c

Project
HR Management App
The HR Management App is a mobile UI/UX project crafted to streamline how teams manage personnel, tasks, and workflows. Designed by Adil Zam

Project
Docto
This is an app for medical services, and this is the two variants of light and dark mode. Below I am describing some of the decisions. I se

Project
MamaFlow
The idea behind MamaFlow started from a simple insight: new mothers need support, but rarely have the time or hands free to seek it. The ear
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.