Seat-Picker-New-04

Seat Picker

UX/UI


Goal

Design a world-class seat picking experience for Ticketfly's Box Office.

Zoom-200

My role

Lead Product Designer

Cart-Panel GA

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.

Seat-Picker-Proto2
Cart Details

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. 

Filter-Panel
Cart Panel System
Empty Cart
Key Card

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. 

Seat-Picker-New-05