Approach
Based on the data gathered in the previous phases and the nature of the registration flow, we adopted the progressive closure approach. This approach ensures that the user is aware of the next steps and can complete the process gradually.
Ideation
To reduce the number of mandatory fields at the beginning of the registration process, we consulted with various stakeholders, including the legal department, commercial business, account managers, and others. We explored the possibility of collecting this information in stages later in the process.
We also collaborated with the user research, UX writing, product management, and Engineering teams to brainstorm effective solutions for different aspects of the flow. Throughout the design process, we conducted usability tests with real users and team members to ensure that we were on the right track.
Redesigned User Flow
The redesigned user flow incorporates the following key features:
Clear step-by-step progression with a progress indicator:
The user is always aware of their current position in the process and how many steps are left to complete.
Reduced mandatory fields to only 6 core items for quick initial registration:
The initial registration process is now much faster and easier, requiring only the most essential information.
Visual distinction between mandatory and optional fields:
The user can easily identify which fields are required and which are optional.
Drafting Wireframes
After much discussion and brainstorming during the design phase, we created a series of wireframes. We kept the user's pain points in mind and constantly checked with the engineering team to ensure that the designs were feasible and could be implemented.
You can see examples of the final wireframes for the desktop and mobile versions below:
The desktop wireframe shows the following key features:
1- A clear and concise registration process with a progress indicator.
2- A clear distinction between mandatory and optional fields.
3- Helpful error messages and inline help.
The mobile wireframe shows the following key features:
1- A simplified and mobile-friendly registration process.
2- Clear and concise instructions.
3- Large, easy-to-tap buttons.
UI Design
Adherence to the Digikala Seller Design System ensured a seamless experience.
Adherence to the Digikala Seller Design System ensured a seamless experience.