CYBER DRIVER
Overview
The Problem
Many drivers are not fully satisfied with their experience with their car's interface. They feel stressed and uncomfortable using their UI and navigating to features throughout their car.
Project Brief
Cyber Driver is a new User Interface designed for the infotainment system of a driver’s vehicle. The software interface is used to improve usability and simplicity for daily drives.
The Goal
My goal was to reduce the cognitive load of the driver's who found it difficult using their infotainment system.
Responsibilities
User Flow Mapping, Wireframing, Visual Design
Research
Secondary Research
Before pursuing any research, I did secondary research to see if there has been previous discussion or analysis on this topic. I discovered Tesla had the highest level of customer satisfaction and they are known for having one of the most intuitive user interfaces in a vehicle.
Gathering Participants
The goal for my research was to gather at least 20 participants and interview 5 of them. I sent out Google surveys to those who met the criteria for my research. The key qualities for the Criteria were:
- The driver must drive 5+ times per week.
- Be open to having an interview with me.
- Own a vehicle.
Results
After sending out google surveys to these participants, I found a list of various issues that these drivers are having:
- Car connectivity
- Calling
- Music
- Mirror adjustment
- Navigation
Interviewing
After selecting 5 participants to interview, I heard participants mention the following:
- “The buttons are not user-friendly.”
- “The screen could look better.”
- “The calling usability and quality are not the best.”
- “Connecting my phone to my car is difficult.”
- “I wish my music feature was more intuitive.”
- “Navigating to the mirrors can be cumbersome.”
I categorized all of the comments that were mentioned in an Affinity Map. This helped narrow down the significant pain points for users.
Affinity Map
Journey Map
Initial Proposal
My initial proposal was to create a design that improves the usability for the driver. These improvements will consist of:
- Simple calling feature
- Navigation improvements
- Mirror adjustment short cuts
- Simple phone connectivity
- Improved music adjustments
ideation
Hand Writing User Personas
These personas were used to separate the different types of user. One user would be for the hardware side of the vehicle, and the second would be for the software side.
Hand Drawing Wireframes
Figma Wireframe Sketch
Design
Design Overview
Here will be the design guidelines for the prototype. These designs will consist of the following colors, typography, and the icons.
Color Pallet
Typography
Icons
Key Findings For Redesign
- Bluetooth needs more visibility
- Mirrors section needs to highlight the left/right side
- Make the music bar more visible for sliding up
The bluetooth window was expanded to assist the user to connect the correct device to the car.
The driver would need to long press the car icon in order to access the mirror shortcut. There would be a mirror pop up to prompt the driver to select the left or right side mirror to adjustment it.
The music section is where the drive could listen to their playlists, radio, and songs. I was able to add a section to queue songs, go to playlists, remove playlists, and add songs to playlists.
HiFi User Flow Screens
Resolution
Users felt comfortable with the newly optimized interface. I got excellent user data and was able to tackle their pain points successfully. As a designer it is my passion to resolve user's problems and to reduce their cognitive load.
Project Learnings
Challenges
A few challenges that I faced during this capstone were the designs and understanding what the drivers wanted based on their feedback. There were several avenues I could have gone with this project but the data and research guided me on the correct path overall. One thing I could have done differently was to target Tesla drivers instead of any driver. My data would have been narrowed down more into the Tesla echo system and less of the general car driver.
What I Learned
I learned that:
- Color accessibility is a must for drivers behind the wheel.
- Testing huge for understanding the driver's needs.
- Large Icon sizes are important to drivers.
The drivers were satisfied with the design improvements and look forward to having it in their vehicles.
Contact Information
Phone
(949) 892 - 0224
E-mail
Tylermj333@gmail.com
Location
Irvine, California, USA