UX: Implement Conditional Next Button in Form Flow(11 of 21)

[Zazawowow]

User Story:

As seller completing the add product form, I want a next button that remains disabled until all required fields completed, so that I am guided and it is clear to me I've provided all necessary information before proceeding to the next step.

Acceptance Criteria

1. A next button should be added from the second step of the form flow.
2. The next button should be initially disabled until all required fields in the current step are completed.
3. Once all required fields are filled, the button should be enabled, indicating readiness to proceed to the next step.
4. The required fields should be clearly marked, and any real-time validation errors should be displayed to assist the user in completing the correctly.
5. Users should not be able to navigate to the next step unless all required fields in the current step are satisfied to help maintain product data integrity.

Value Score: 8
Priority: 11 / 21 (as of 16th of December 2024)

Desktop Design
Mobile Design

Desktop Prototype
Mobile Prototype