Simplifying Conference Ticketing: Your Seat, Your Experience.
Problem scenario
Laura, 26 years old, needs to purchase tickets for an important conference from her mobile phone using an app. She is very interested in being able to reserve the best seats in the event venue for herself and two friends.
Laura, 26 years old, needs to purchase tickets for an important conference from her mobile phone using an app. She is very interested in being able to reserve the best seats in the event venue for herself and two friends.
User goals
1. Be able to reserve seats that meet María and her friends' needs.
2. Have clarity about the types of seats available and their prices.
3. Have a seat selection system with minimal steps.
4. Have clear visibility of assigned seats.
Area-Based Seating on the StubHub App
Individual seat selection is avoided due to the complexity involved, instead, the focus is on offering area-based seating options, specifying the differences between them.
Insights on Ticketmaster App
The 'Best Available' Option is Offered Based on Previous Selection.
Map representation on Ticketmaster App
Difficulty visualizing the map, it is used to facilitate orientation.
Hypotheses
1. The visualization and editing of the seat map on mobile devices can present difficulties, yet its proper implementation brings significant advantages as users have control and visibility over their selection (similar to flight check-ins).
2. It is important for the application to consider the different configurations and needs of each conference room, offering seat options tailored to individual users' requirements.
3. Allowing users to choose their own seats may result in a disadvantage for the majority of users seeking the most suitable seats, as this can lead to gaps and hinder the placement of groups together.
Design proposal
I propose a ticket purchasing flow where the seat selection is divided into two steps.
First step: the user indicates the number of tickets needed and the type of ticket for each user specifically.
Second step: The application offers the user assigned seats based on their preferences. Here, an interactive representation of the assigned seats is shown, where the user can change them if they are not satisfied. Then, a breakdown of the total price is displayed.
Flow Definition and Wireframe Construction
In this stage of the process, after examining the different variables in ticket purchase and specifically in seat selection, I define a flow that serves as the basis for constructing the wireframes. This flow helps me identify the elements and structures that will compose the interface, as well as the information structure.
Styles
The color palette chosen for the UI design includes an energetic blue tone that conveys professionalism and trust. Red is used as a warning color and to indicate occupied seats.
Components created in Figma
The interface aims to maximize clarity and streamline the seat selection process, while the seat visualization provides a general overview to guide the user.
UI design & prototype
Comprehensive Event Menu
The interface features an event menu that allows users to access a wide range of conferences. Within this menu, users can find various conferences and access detailed information about each specific event. The conference details include location, ticket price, and date, providing users with all the essential information they need to plan their attendance.
Two Simple Steps for Personalized Seating
The seat selection process is reduced to two steps:
Individual seat selection: Users are asked for the number of attendees and whether they want to be seated together. This choice is considered during automatic preselection.
Seat variable specification: Users can specify different seat variables available in the conference room. This ensures that María and her friends can get seats that meet their specific needs while remaining together.
Individual seat selection: Users are asked for the number of attendees and whether they want to be seated together. This choice is considered during automatic preselection.
Seat variable specification: Users can specify different seat variables available in the conference room. This ensures that María and her friends can get seats that meet their specific needs while remaining together.
Automated Preselection and Visual Editing
In the second interface, users are automatically offered seats that match their preferences if available. If the desired seats are not available or if the user is not satisfied, they can edit seats directly from the image by zooming in.
Automatic preselection eliminates empty spaces and simplifies seat selection. The image visually indicates the assigned seat locations.
