Daimler

Designing and developing an in-vehicle gaming experience for autonomous driving.

Role

Product Designer

Frontend Developer

Duration

January - June 2020

Location

Stanford, CA

Background

The Mercedes-Benz Research and Development North America (MBRDNA), located in Sunnyvale, CA, is Daimler AG’s hub of cutting-edge technology and groundbreaking innovation. Researchers here focus on creating the next generations of connected, autonomous, electric vehicles (EVs) and the ecosystems enabling them. Read more about MBRDNA here.


As part of a senior capstone project course at Stanford, my team and I partnered with Daimler to create a multiplayer touchscreen game for the Mercedes-Benz Head Unit. Our liaisons at Daimler were interested in uncovering insights about in-vehicle entertainment in the autonomous driving era.

Research

As autonomy and electric vehicle charging become more established in the automotive industry, drivers will have an increasing opportunity to engage with in-vehicle entertainment.


My team conducted user studies by observing and interviewing Tesla owners at Supercharger stations. We sought a better understanding of how owners of autonomous and electric vehicles interacted with and within their cars. We also took a trip to the nearby Palo Alto Tesla dealership to learn more about the current status of in-car entertainment technology. Here are two user personas to represent the aggregate profile of over 50 total user interviews.

Neil

Neil is a 32 year old engineer living in Hawaii. He is married with no children.

Charges 5 times a week in order to reserve the Electric Vehicle parking spaces at his condo

“Tesla Caraoke is too distracting and shouldn’t be allowed”

Never plays games while charging, since he’s running errands

Alex

Alex is a 46 year old professor living in Palo Alto. He has 2 children.

Has only played in-vehicle games once to show children.

His children have also only tried in-car games once, quickly deferring to other forms of entertainment (smart phones, TV, etc.)

Prioritizes productivity when charging

Our interviews revealed that few autonomous-vehicle owners turned to their in-car entertainment systems in hands-free moments. They actively planned ways to be productive while their cars were hooked up to electrical charging stations. Meanwhile, existing forms of built-in entertainment fell in the shadows of other technologies like smart phones and TVs.

1

EV owners are rarely inside the car when charging.
2

In-vehicle games are often overlooked in favor of smartphones and other devices.
3

EVs are a potential channel for family bonding.

Brainstorm

My team then went through multiple ideation stages, first coming up with as many games as possible. Some of our initial ideas from the first brainstorming session included board games like LIFE and Monopoly, immersive experiences like Mario Kart and Pokemon Go, and old school games like Pac-Man and Space Invaders.


In the second round of brainstorming, we honed in on our user research. We knew that the game should capitalize on the unique circumstances and relationships among people inside of the car. And we knew that we were up against some dominating forces that tugged at the attention of passengers. Here, we grouped our ideas into an affinity map to help structure our goals.

Rapid Prototypes

We brought our user research, insights, and brainstorms to our Daimler liaisons in their Sunnyvale office and received feedback to move forward with 3 ideas: trivia, karaoke, and Draw Something.


Based on our findings, we chose to focus on the common scenarios of driving in an EV with many family members. We found there to be an unique opportunity to frame the in-vehicle entertainment experience as not one that sought to replace smartphones, but one to complement them. We positioned these games as a way to strengthen relationships in a low-barrier, intuitive, and engaging format.


We rapid-prototyped our ideas with pen-and-paper versions of each game, which meant to test the interactions that friends and family playing together would have. Then, we set up a car-like experience by arranging chairs as if they were the seats in a car, and taping a makeshift head-unit display to the wall in front of them.

At this stage, we wanted to test our assumptions about interactions that people with close ties would have in a car. We told our participants to imagine they were on a long road trip in an autonomous vehicle. Their genuine friendships with each other were representative of our target segment, which primarily consisted of family with children along with groups of young adults (roommates, best friends, etc.).

1

People love inside jokes, and build off of each other's energies to demonstrate depth of their relationship.
2

Friends love to compete against each other, especially if grouped into teams.
3

People want a chance to redeem themselves if they lose. They will keep playing until they feel they've won.

Wireframes

Among the games that we rapid-prototyped, we found that trivia offered the best mixture of positive feedback from testers and alignment with Daimler's vision. I led wireframing, starting with simple, low-fidelity flows to capture the important steps along a player's journey. The crucial aspects we wanted to pin down were designing for a touch-screen device, designing for user by multiple users at varying distances, and creating an intuitive, uncluttered interface.

High-fidelity Prototypes

Before diving into development, I led efforts to create a fully-interactive high-fidelity prototype. This included defining a basic typographic system, color palette, and visual identity. With the help of a moodboard, we aimed to create a futuristic yet familiar, sleek, and bold vibe that could appeal across generations. Check out our interactive prototype here and below.

MVP (Live Game)

We developed our MVP in React and Firebase. This allowed us to extend our original prototypes to include features like player usernames, high scores, and a leaderboard. Don't just take my word for it - you can actually play our live game by clicking here or on the image below!

This entire website was designed in Figma and developed in React, from scratch, by me ☺️ Last updated: December 2022.