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.

You can also buy me a coffee here: www.buymeacoffee.com/Nizamuddn