Data capture "Onboarding screen"
Great! Onboarding screens are a crucial part of introducing users to your app and its features. Here are some steps you can follow to create an effective onboarding screen for your app:
Tools used
From brief
Topics
Share
Reviews
1 review
Hey Muthuselvan,
First off, great job completing your design brief. It’s commendable how you approached the project and your initial efforts are clear.
Here are some feedback points that could help enhance your design:
- For the illustrations on the welcome screens, consider improving their quality and uniformity. Using AI Generative Art tools like Recraft.ai can help you create consistent vector-style illustrations, which you can export as SVGs for better quality.
- On the welcome screen, align all elements consistently. Currently, the text is left-aligned while the illustration and button are center-aligned. Center-align everything for a cohesive look.
- Work on the button proportions on the welcome screen. It looks good but could be better balanced with the other elements.
- The brief requires you to identify and analyze friction points in the onboarding flow. You've made a good start, but try to identify more potential friction points that users might encounter and address them in your design.
- Your interface features all the necessary elements for login, but exploring some design inspirations on platforms like Dribbble and Behance could help make it more visually appealing.
- For the side menu navigation, consider studying reflex theory and user mental models. Moving away from traditional navigation can introduce friction, so keep user expectations in mind to minimize learning curves.
- Nice job with the tooltip guiding users when they try to interact with navigation items before linking an account. Consider reducing its size and intensity to make it less invasive while still effective. Also, improve the microcopy to educate users on the benefits of connecting their accounts.
- The analytics screen looks promising, but ensure uniformity in typography, border radius, and color across different modules. Remove redundant elements like displaying the user's name twice in the header.
- Use the default iOS status bar from Figma’s iOS & Material kits to enhance the immersive experience.
- I'd love for you to add a walkthrough or more detailed description to help stakeholders better understand your thought process and design.
I'd love to see you put more work into this project. You have the ability to make it even better, and I'm confident you can achieve great results with these adjustments.
Keep up the great work!
2 Claps
Average 2.0 by 1 person
You might also like

Project
Sojo NFT Marketplace
Sojo is an innovative digital marketplace where creators and collectors can buy, sell, and trade unique NFTs (non-fungible tokens) across va

Project
From Idea to Full-Stack Web App
Why I Built a Finance App for “Regular People” Like Me: As a product designer and naturally curious person, I’m always exploring new ways t

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

Project
Hulu Through My Eyes - A Cinematic UI Exploration (unofficial)
This project is an unofficial, self-initiated redesign created for the Uxcel & UXPilot Challenge.

Project
Fundraising Website
The fundraising website is a dynamic platform designed to support individuals, communities, and organizations in their efforts to raise fund

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
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.