Check-out experience
Flowing a user seamlessly through check out is an important facet of any product. Habit’s testing kit requires a few different important requirements that were opportunities to get to know the user better. Having a clean, easy process to purchase was an integral portion of user’s experience with Habit.
My contribution as Senior UX/UI designer was to guide the group through a week long design sprint. After our research and user interviews I tested a simple design flow and designed the final product.
My contribution
Senior Designer
Strategy
Research
Prototyping
Product design
User testing
The team
Project Managers x1
Product Managers x1
Product Designers x2
Engineers x2
Year
2017
Client
Habit
The problem
The product at Habit asks several important requirements to pass for a user to participate. It was important to flow a prospective user through check-out seamlessly, without distractions. If they don’t pass a few different important steps they won’t qualify to take the test.
We built the checkout flow to unlock as the user interacts with it, as not to overwhelm the number of steps. There are a series of pop ups for any steps that disqualify a user. The information the submit is saved and persists visibly as the move down the flow.
Architecture
First I mocked a few different simplified options for how the user could get through check out. Tested the flow with 4 prospective users and made final design decisions.
V1 Release
The final flow after user testing included the ability to go back and edit any inputs. User’s also had the moment at the end to review their full responses on the same page before pressing submit.
