Bookit App Design
Project Overview
DATE
April 2021- May 2021
ROLE
Solo project. Design an event ticket booking app from the formation of ideas to end the design process
RESPONSIBILITIES
➔ Conducting interviews for foundational research
➔ Creating paper and digital wireframes
➔ Making low-fidelity prototypes
➔ Conducting usability studies
➔ Taking into consideration of accessibility
➔ Iterating on the design of the app
➔ Making mock-ups and high-fidelity prototypes
THE PROBLEM
Many people want to leave popular social networks, but are concerned leaving would mean no longer being notified about local events happening around them. However, searching for trending events often requires them to use several different online sources such as: Google, Bookmyshow, to find event details: venue location, tickets, time and dates, etc. This process is often time consuming and laborious for many people.
THE PRODUCT
Bookit is an app designed with a user centred approach. Event Listings are customised around the user’s Location and Interests. The user does not have to navigate through numerous events before they find events happening around them. Furthermore, everything the user needs to know is provided within the app including payment for tickets and in-app chat feature to enjoy peer-to-peer communication with other attendees sharing similar interests.
THE GOAL
The goals of this project were simple; identify the pain points target users encounter while searching for events of interest and explore feasible ideas that best solves these user needs.
User research: summary
My research goal is to better understand the problems from the users' perspectives while searching for events of interest
I conducted interviews and created empathy maps to understand the users I’m designing for and their needs. The primary user group identified through research was university students and youngsters of all genders and backgrounds who want to attend various events in their city.
User research: pain points
1
Users have difficulty deciding what events to attend as there are many events to pick from, especially in a new environment
2
Users have to visit too many websites and apps to find all required details such as; address, date and time, etc.
3
Many users have a hard time getting directions to the event venue.
4
Users want a link to pay for tickets easily from the events page.
5
Sometimes, because of any reason, users forget or miss the event they have planned to attend
Personas
Paper Wireframe
Using pencil and paper, I fleshed out ideas on the layout and elements of each screen. Throughout this process, I put in mind the pain points uncovered during the research, as well as, insights from the competitor analysis.
Doing this helped with quickly iterating several sketches, without committing too much time and energy into one idea.
Digital Wireframe
After several sketches and iterations, I proceeded to figma to create the low-fidelity prototypes of the app screens with some actual information to make room for usability testing with users.
Usability study: parameters
After several sketches and iterations, I proceeded to figma to create the low-fidelity prototypes of the app screens with some actual information to make room for usability testing with users.
Study type
Unmoderated usability study
Location
India, remote
Participants
4 participants
Length
30-40 minutes
Usability study: findings
Event details
Most important details to see were: Distance to the venue, followed by the date and time of the event
Events attended
Users search and attend events based on their interests.
High-fidelity prototype
Onboarding screens
Explore events | Booking screens
Chat screen
Search screen
Notification screen
Profile screen
Prototype
A high fidelity prototype of the app created in figma is found here.
Used icons to help make navigation easier.
Provided access to users who are vision impaired through adding alt text to images for screen readers.
Readability is considered using a strong contrast ratio (4:1) of the colors for the relevant elements (like book buttons).
Accessibility considerations
What I learned
In the case study, I learnt how important it was to follow a user-centered design process. As I continue to develop my design skills, I hope to solve more problems paying attention to user needs. Finally, I’ll close with one of my favourite quotes by Steve Jobs — “Design is not just what it looks like and feels like. Design is how it works.’’
Let’s connect!
Thank you for your time reviewing my work on the Cheesy Bites app! If you’d like to see more or get in touch, my contact information is provided below.
Email: uddin.mnu@gmail.com
You can also buy me a coffee here: www.buymeacoffee.com/Nizamuddn