Our sports enablement app will help sports enthusiasts connect and play their favorite sports by letting them reserve courts and make advance payments
Our typical user would enter the app and navigate through it to book the courts. This user flow anticipates that a user would want to review the venue before a booking. It also anticipates that our users would expect to see filters to optimize the search.
Audience: Product Manager, Engineering team, Design team
We can use the visual cues from storyboards to tell a story on how users will experience the booking journey on the application. This technique supports better cognition and efficient discussions on potential challenges that can be addressed with iterative designs.
The Big Story depicts the high-level experience while the Close Up provides a zoomed-in experience on the product.
Audience: Product Manager, Business approvers
Big Story
------
Close Up
This is the process of organizing the data that is displayed on each page so that users can experience an optimal journey. Based on Dan Brown's principles of IA design,
Data is grouped as per relevance to each screen
Filters are designed to limit choices to customers
Movement is linear to prevent deviations from the happy path
The structure can be scaled to accommodate new information
The primary design pattern is "Nested doll approach", while elements of "hierarchy" and "filter" approaches are utilized based on relevance.
Audience: Product Manager, Engineering team, Design team, Business approvers
Wireframing is the first step in bringing life to an idea. It is a low-fidelity component that is used to quickly try new ideas, seek feedback and make improvements. Gesalt's common principles of design thinking such as similarity, proximity, and common region are implemented in these wireframe designs.
Audience: Product Manager, Design team, Engineering team
Login
Home
Venue Listing
Venue Selection
Booking
Confirmation