INDYCAR

Worked on enhancing the INDYCAR racing mobile application for my year-long capstone project

Team
Parishmita Bora , Jennifer Junge, David Craske (INDYCAR UX Manager)

Duration
Jan 2020 - Dec 2020
12 months

Skills
UX Research, UX Design, UI Design, Competitive Analysis, AR Experience

Year
2020

Business Opportunity

Enhancing the current INDYCAR mobile application for better business and user needs

About INDYCAR:

INDYCAR LLC is an Indianapolis-based auto racing sanctioning body most popular for franchising the INDYCAR racing series as well as other open-wheel racing competitions. INDYCAR currently has the second-largest racing fan base in the US after NASCAR and has huge popularity with its world-famous INDY 500 held during Memorial Day weekend in the Indianapolis Speedway racetrack every year.

My Role

As a UX Designer, I...

indycar role.png

 

Design Outcome

Group 447.png
 
1a.png
 
1b.png
 
1c.png

HOW I UNDERSTOOD THE BUSINESS NEEDS?

Problem Space

The current INDYCAR mobile app is unable to meet audience expectations in the entertainment market

problem space indycar.png

User Research

Understanding all about the users

The initial step started by examining minutely the features of the current INDYCAR Sport app. Along with that, I took the lead in conducting an extensive competitive analysis with other sport-centric applications present in the entertainment market.

qcf.png
 

The focus group was targeted in the 25 to 34 year old age range as per our client needs focussing on current fans as well as fans of various other sport-centric applications.

We distributed surveys and interviewed 10 participants to learn about goals, activities and interests.

Interviews_indycar.png

From Users to Ideas

Target the design goal from users' side

The findings we learned from user interviews & competitive analysis, helped us to work on the affinity diagramming to view INDYCAR and other sport-centric app usage patterns, as well as general sports fan behaviors. Based on it we created 2 personas with whom we empathized to gather the most needed features. 

 

Potential INDYCAR fan synthesis

vfgdh.png
 

Top features identified:

  • Airplay Connectivity

  • Notification Settings Tab

  • Realtime Updates

  • Minimalistic Interface

parfdhj.png
 

INDYCAR fan synthesis

BNH.png
 

Top features identified:

  • Spotter Guide

  • Driver Liveries

  • Live Timing & Scoring

  • Filter Players & Engines

qwerd.png

Ideation

Match research with ideation

In order to provide users with enhanced and interactive features, I brainstormed 10 ideas from both fans and potential fans perspectives to meet their needs.

ideationspeeddating for INDYCAR.png

HOW I CAME UP WITH THE DESIGN?

From Ideas to Design

Converting the ideas into final designs

I created 3 design concepts based on the ideation, targeted towards application engagement and potentially helping in gaining more fans.

 

Design Concepts

DC1.png
dc_2.png
dc3.png
 

Converting the feedbacks into low-fidelity prototypes

Based on the feedback from INDYCAR, I started our work on designing the initial low-fidelity design screens.

Group 3fe.png
Group 22.png
 

I created the first digital screens to better understand the application flow with the new features getting incorporated. I tested it with two users before moving forward but discovered that there wasn’t enough detail for users to complete the tasks.

Major feedback from the tests:

  • No prior selection feature of favorite driver and team eventually leading to confusion among the users. They wanted a detailed screen to select their favorite drivers.

  • Users were unable to differentiate between the Overview and the AR view options. As it looked more of text to them rather than clickable features.

  • The arrow mark in the topographic screen confused the users thinking it to be a button to check different views on the screen.

These tests gave a clearer understanding and led to a quick transition to our second, more detailed prototype following the internal design system of INDYCAR.

I created a detailed information architecture diagram by understanding the mental model of the end-users before performing the second round of evaluations.

This eventually helped me to create the entire application structure in a newly enhanced format.

 
Group 123.png
 

Second round of evaluations

Group 119.png
 
Group 120.png
 
2a.png
 
2b.png
 
bn.png
 

Optimizing the mid-fidelity prototypes into final design screens

Since I added almost all the improved functionalities for the mid-fidelity prototypes so my final high-fidelity design moved forward smoothly, only with some minimal changes such as:

  • Providing more details in the favorite driver screen along with the feasibility of adding multi drivers as the favorite based on the user preferences

  • Discarding the concept of adding a table to show the race statistics in the overview and AR view as it was leading to a UX problem.

  • Increasing the sizes of the screens along with designing an accurate 3D Liveries button making it more user-friendly for the fans.

Additionally, I improved the information architecture based on the feedback received

IA_indy.png
 

A click-through Figma prototype of the final INDYCAR application is shown:


 
 

HOW DID THE DESIGN DO?

Design Evaluation

Rating our design success by the users

I interviewed 10 participants out of which 3 were potential INDYCAR fans and 7 being current INDYCAR fans who were asked to perform a set of 3 tasks.

tasks1.png

Measuring the success rate based on the completion of the above 3 tasks:

Group 19.png

Reflections

What I learned and how I overcame the challenges faced...

 The main challenge which I faced during the initial start of my project was limited knowledge about the racing industry. For overcoming this, I participated actively in learning the industry and the audience by attending INDYCAR racings, watching various races on big screens, and also doing an extensive competitive analysis.

I also learned that Augmented Reality places a significant role in bringing new opportunities for fan engagement & entertainment.

Lastly, I understood how to better collaborate in a design team. This was largely achieved by using a collaborative tool (Figma) which kept a constant channel of communication to keep our work consistent and easy.