Context
I didn't want to wait and see how car interfaces might evolve, so I took the initiative to envision and create a user interface for the future of autonomous driving. As a big fan of Tesla and believing they are likely to lead in this space, I designed a HUD for a new Tesla model. Drawing inspiration from their current information architecture, I introduced new controls and innovative ideas. The prototype I developed is available at the end of the case study.
Car Interface Vision & Challenges
The car interface should be simpler and quicker to use.
One challenge was the absence of physical buttons. In other vehicles, tactile feedback allows drivers to find and adjust controls without looking away from the road. However, using a touchscreen requires drivers to look away, so the interface must have clear, large icons and buttons to facilitate safe driving.
Another challenge was the future increase in vehicle autonomy. I needed to emphasize the entertainment aspects of the interface while balancing entertainment and driving focus.
Since we have multiple users, the interface must provide clear information for the driver and enjoyment for the co-pilot without distracting the driver.
I created a dark mode design version focusing on an existing user. You can see this user journey in the Figma prototype just below.
Functional App Map
Drag the App Map around
Splashscreen & login
I envisioned a car interface that the driver could access with a single touch. The car would recognize driver profiles and automatically adjust settings based on the user, including seat position, mirror angles, cabin temperature, and music preferences...
Home & car settings
I aimed to include all essential controls and primary buttons needed at the start of a car journey, prioritizing simplicity with large, clear, and easily understandable icons. I also envisioned a personal voice assistant to assist the driver without requiring them to look at the screen. The main tab bar displays the primary features, while a secondary tab bar provides quick access to additional features and more detailed information when swiped.
Driving & navigation
All the information about the driver and their destination is conveniently located in one place. I also allocated more space to the map navigation for the driver's comfort.
Applications & music player
The user has access to a catalog of native apps with quick shortcuts for the one he uses the most.
Next project
Next project