Overview

old-skool-3d-cinema-audience.jpg

My team proposed that Fandango's mobile app add live events - concerts, theater and sports - to their inventory.

What's Fandango?

Fandango is one of the largest players in the world of online movie ticket purchasing. With deep market penetration across the US, they are a go-to resource for customers looking to quickly locate and buy movie tickets online.

Integrating live event ticket sales into Fandango’s existing model presented a challenge as the proposed additions came with a unique set of problems. Seat selection, scheduling, and variety of event type all represented opportunities for improvement and change.

image14.png

After a review of the brief, our team brainstorm, and our user research and competitive analysis, we chose to focus our campaign on three areas:

  1. Ticket management
  2. Event Browsing
  3. Shopping Experience

 

 


     
    Roles and Tools.png
     



    Process

    Discovery

    We performed competitive analysis, contextual inquiry, and user research to identify what was important to users and what competitors are doing (well and not-so-well)

    Creation

    We brainstormed, journey-mapped, and iterated on user flows for purchasing both concert and sports tickets.

    Iteration

    We produced paper prototypes and tested these with users, identifying opportunities for improvement and validating design decisions.

     
     

    Testing

    We produced a high fidelity, clickable prototype, then placed it in front of users, again, for testing. We also asked testers to fill out a System Usability Scale survey to collect additional data about our design.

    Validation

    Using feedback from the high-fidelity prototype, we again iterated, modifying the home page to address an identified concern regarding task completion (easy access to purchased tickets).

     



    Discovery

    Competitive Analysis

    We began with an analysis of Fandango's major competitors in the Live Event ticketing space. Competitors were selected based on their market penetration, our familiarity with them, and mentions from our early interview subjects. We analyzed each site's user flow and mission, and were able to put together an in-depth heuristic analysis to identify what each site did well, and where we might be able to do better.

    Screen Shot 2017-10-26 at 8.59.05 PM.png

    Heuristic Analysis Highlights

    • Ticketmaster - Upcoming event, favorite options
    • Eventbrite - Multiple categories showing, ticket sharing
    • SeatGeek - Tracking, Clear Menus of each screen
    • Gametime - Picture of seat, ticket sharing, what's happening (today, tomorrow )

    User Research

    Survey

    We surveyed over 60 individuals with basic questions about their shopping and live event habits. We hoped to use this information to help inform our brainstorm and ideation, along with our competitive research. 

    Ultimately, our findings confirmed that:

    1. People purchase their tickets online.
    2. Most search, specifically, by team or artist, but there is a large contingent of customers who browse for local events.
    3. The current online purchasing method is still to go directly to a website, however, there is a growing trust in mobile applications.
     

    Interviews & Affinity Maps

     

    We identified some power users from our screener survey and asked them to share some additional thoughts on their experiences. Questions included:

    • Tell me about the last time you purchased a ticket for an event?
    • How did you learn about the event?
    • What other methods have you used to purchase your tickets?
    • Have you used Fandango?
    • Have you ever resold tickets or purchased tickets from a reseller?

    We, then, summarized these responses in an affinity mapping session to identify the major points for us to focus on in our design.

     

    Personas

    We created three Personas based on our interviews and survey results. A concertgoer, sports fan, and event browser. We would rely on these personas over the course of the rest of our design process.

     
     



    Iteration

    User Needs

    Armed with our research and interview information, we brainstormed and identified the following list of wants and needs that, we felt, meant the most to our customers.

    1. Minimal and Clean Setup and Information Architecture
    2. Simple-but-powerful Filter  
    3. Stay connected with current events
    4. Link to Existing Fandango Membership
    5. Light Registration
    6. Transfer tickets function
    7. Favorite/Save for later options
    8. Accessible seat view function
    20171003_140437.jpg
     

    Sitemaps

    As our goal was to add to the existing Fandango application, rather than create an entirely new app, we began with our estimation of the existing sitemap. We, then, began to add our new features and operations in.

     

    User flows, Sketching, Journey mapping

    With the sitemaps taking shape, we dove into drawing out ideas for page layouts, global navigation and how we envisioned our users experiencing the app.

     

    Journey Map for glen the Concertgoer

     



    Wireframes and Prototype

    Low-Fidelity Wireframes

    We produced a complete flow for use as a paper prototype, which we, then, put in front of a number of users seeking feedback. 

     
     
     

    Usability Testing

    Our users provided invaluable feedback that we were able to translate into solid iteration and informed our high-fidelity Sketch and Invision prototype. The users indicated that they felt the design was clean and easy to use, with a few observations about the global nav and a checkout flow question. 

    The most meaningful feedback, however, was regarding the user flow to retrieving purchased tickets. Customers wished they could access their purchased tickets more efficiently. 

    After some additional discussion and iteration, we went back to the prototype and changed the global nav on the homepage to include a direct link to the customers' tickets. The new flow is demonstrated on the right. 

    Fast Ticket Access

    Fast Ticket Access

     

    System Usability Scale

    In addition to asking for our users' feedback on our prototype, we asked each one to fill out a SUS form. 

    The data from this scale validated our design choices, but allowed for room to grow.  

    System Usability Scale


    High Fidelity Prototype

    The video, here, demonstrates a full user flow from start to concert tickets. If you'd like to see more, please contact me!

     

    Concert ticket purchase user flow

     



    Next Steps

    This was an exciting project to work on, as we were able to envision a better solution to a process that many of us have dealt with, personally: Live show and sporting event ticketing. The idea of rolling all of that into the clean and easy-to-use interface of Fandango's movie ticket process is an attractive prospect. 

    That said, this presents some significant challenges, which we were forced to set aside for future development. These steps include:

     
    Screen Shot 2017-10-27 at 12.53.42 AM.png
    • Social Media/Music app integration
      • Sync with Spotify, Facebook, etc for event notifications and suggestion
    Screen Shot 2017-10-27 at 12.53.49 AM.png
    • User-generated content
      • Venue reviews, etc.
    IA2.png
    • A more complete refinement of the browsing and event presentation process.
      • Clearer presentation of show tickets
    Screen Shot 2017-10-27 at 12.53.58 AM.png
    • Camera-based scanning for event look-up
      • User takes picture of poster/billboard/ad and is automatically directed to the event page