Seat Picker
UX/UI
Goal
Design a world-class seat picking experience for Ticketfly's Box Office.
My role
Lead Product Designer
First Iterations
The first iteration of the product consisted of basic updates such a zooming, panning, and seat selection. Here's the first prototype created to validate the designs.
We learned that our users at the box office were predominately working in dark enviroments. The light colors not only made it hard to find seats but also reflected on the box office glass when they showed the seat map to fans looking to make their own selection.
We explored dark muted backgrounds that could allow the price level colors to pop and easy to see. As a result the interface fades away and what's mainly visibile are the available seats which is our primary goal.
Layering data at multiple zoom levels allowed us to optimize rendering times and predict what the user is looking for. I designed a responsible seat level system to cover most edge cases.
This design allowed us to remove unnecessary data at a section level but keep the price level colors and display seat labels and row names at deeper zoom levels.
