Ford Car Infotainment System Re-Design


My Role

UX Designer

Timeline

2024

Tools

Figma, Figjam, A/B Testing

Case Study Time

6 min

Ford Car Infotainment System Re-Design


My Role

UX Designer

Timeline

2024

Tools

Figma, Figjam, A/B Testing

Case Study Time

6 min

Summary

Redefining electric car experiences with intuitive UI design.

Background

Why Ford?


☞ EV Market Needs

We chose Ford because it is new to the EV market, ready to develop new systems, and committed to continuous iteration.


The Current Problem


☞ No Friendly Interface

Modern infotainment systems often distract drivers and contribute to accidents caused by reduced focus on the road.



More Intuitive Solution


☞ Research based & Problem Focused

We designed a user-friendly in-car interface that integrates intuitive navigation, media controls, and essential settings. This system enhances safety and minimizes distraction.

Field Research Conducted

Before starting the design process, I explored various electric car interfaces to understand industry standards and observed their pros and cons.

This helped me to understand market competitors.

Tesla

Model: X, 2024

With spacious cabin accommodations, the single largest panoramic windshield in the world, and seating for up to seven occupants, the Model X was conceived and developed entirely as an electric vehicle. Its high-strength architecture and battery pack mounted on the floor give drivers and passengers a unique combination of occupant protection and low rollover risk.

Tesla

Model: X, 2024

With spacious cabin accommodations, the single largest panoramic windshield in the world, and seating for up to seven occupants, the Model X was conceived and developed entirely as an electric vehicle. Its high-strength architecture and battery pack mounted on the floor give drivers and passengers a unique combination of occupant protection and low rollover risk.

Tesla

Model: X, 2024

With spacious cabin accommodations, the single largest panoramic windshield in the world, and seating for up to seven occupants, the Model X was conceived and developed entirely as an electric vehicle. Its high-strength architecture and battery pack mounted on the floor give drivers and passengers a unique combination of occupant protection and low rollover risk.

Tesla

Model: X, 2024

With spacious cabin accommodations, the single largest panoramic windshield in the world, and seating for up to seven occupants, the Model X was conceived and developed entirely as an electric vehicle. Its high-strength architecture and battery pack mounted on the floor give drivers and passengers a unique combination of occupant protection and low rollover risk.

Ford Lincoln

Model: Nautilus SUV,2024

The just-released 2024 Ford Lincoln Nautilus SUV offers exceptional luxury and performance featuring an upscale cabin, technology enhancements and offers powerful engines. It offers a combination of sophisticated design, comfort, and also has an array of driver-assistance technology for a elevated driving experience.

Ford Lincoln

Model: Nautilus SUV,2024

The just-released 2024 Ford Lincoln Nautilus SUV offers exceptional luxury and performance featuring an upscale cabin, technology enhancements and offers powerful engines. It offers a combination of sophisticated design, comfort, and also has an array of driver-assistance technology for a elevated driving experience.

Ford Lincoln

Model: Nautilus SUV,2024

The just-released 2024 Ford Lincoln Nautilus SUV offers exceptional luxury and performance featuring an upscale cabin, technology enhancements and offers powerful engines. It offers a combination of sophisticated design, comfort, and also has an array of driver-assistance technology for a elevated driving experience.

Ford Lincoln

Model: Nautilus SUV,2024

The just-released 2024 Ford Lincoln Nautilus SUV offers exceptional luxury and performance featuring an upscale cabin, technology enhancements and offers powerful engines. It offers a combination of sophisticated design, comfort, and also has an array of driver-assistance technology for a elevated driving experience.

System Design

Creating car deconstruction flows helped me compare the pros and cons of cars and gain a better understanding of their working mechanisms.

User Research Plan

I collected data from users to serve a broader group, enhancing their usability experience.

100

participants

100

participants

100

participants

0

min survey

0

min survey

0

min survey

0

research themes

0

research themes

0

research themes

Data Collected

I collected data from users to serve a broader group, enhancing their usability experience.The questions helped me understand customization, voice features, car satisfaction, common uses, and pain points.

In a fully autonomous car, what features would enhance your driving experience? 


360 cams

Self-parking


Watching movies


Safety

Tinted windows

Sound insulation

Seat comfort


Climate control

Blind spot help


Easily call people

Comfort interior design


Voice assistant


What is the first thing you do when you get into your car? 

10

Put on your seatbelt

Connect your phone

Set up GPS

6

3

They’re checking for your because of the....

Music

11

Maps

10

Youtube

4

One click to basic functions

While driving, they frequently checking their music, maps & youtube in their phone.

Persona

The persona and emotion map helped me analyze pain points more effectively.


Challenge statement

How might we provide easy access to car controls and allow users to customize dashboards according to their needs while addressing their main problems?

Initial Sketches

Sketches helped me visualize user pain points, allowing me to start iterating on where each core function should be placed.

Wireframing & Iterating

After the initial sketches and wireframes, I tested the product in a car buck. This helped us refine the project by identifying what is accessible and what is not.

Design Strategy

Validated Structure used.

Prototype

Heuristic Evaluation

Analyzed user experience through heuristic evaluation in the context of specific user scenarios

Scenario 1
Navigation & Climate

Let’s get driving! Open the Maps app, to search for directions to CSULB.Before starting directions to CSULB, turn on the visual Navigation Alerts in the Map Settings.Adjust the driver side AC to 78 degrees.Lastly, turn the driver’s seat warmer onto level 2. Make sure you lock your car before you leave!

Scenario 1
Navigation & Climate

Let’s get driving! Open the Maps app, to search for directions to CSULB.Before starting directions to CSULB, turn on the visual Navigation Alerts in the Map Settings.Adjust the driver side AC to 78 degrees.Lastly, turn the driver’s seat warmer onto level 2. Make sure you lock your car before you leave!

Scenario 1
Navigation & Climate

Let’s get driving! Open the Maps app, to search for directions to CSULB.Before starting directions to CSULB, turn on the visual Navigation Alerts in the Map Settings.Adjust the driver side AC to 78 degrees.Lastly, turn the driver’s seat warmer onto level 2. Make sure you lock your car before you leave!

Scenario 2
Phone & Music

You want to call your friend, Jacob Delgado. Dial your friend’s phone number (123) and call your friend.End your call. You want to turn on some music.Select your favorite playlist and play the first song.

Scenario 2
Phone & Music

You want to call your friend, Jacob Delgado. Dial your friend’s phone number (123) and call your friend.End your call. You want to turn on some music.Select your favorite playlist and play the first song.

Scenario 2
Phone & Music

You want to call your friend, Jacob Delgado. Dial your friend’s phone number (123) and call your friend.End your call. You want to turn on some music.Select your favorite playlist and play the first song.

Scenario 3
Parking

Find the Wallet Settings in your Driver Profile to connect your digital wallet to your car assistant.As you get close to CSULB, your car assistant offers to pay the parking fee for the CSULB parking structure ahead of your arrival. Let the assistant pay it for you.

Scenario 3
Parking

Find the Wallet Settings in your Driver Profile to connect your digital wallet to your car assistant.As you get close to CSULB, your car assistant offers to pay the parking fee for the CSULB parking structure ahead of your arrival. Let the assistant pay it for you.

Scenario 3
Parking

Find the Wallet Settings in your Driver Profile to connect your digital wallet to your car assistant.As you get close to CSULB, your car assistant offers to pay the parking fee for the CSULB parking structure ahead of your arrival. Let the assistant pay it for you.

Scenario 3
Parking

Find the Wallet Settings in your Driver Profile to connect your digital wallet to your car assistant.As you get close to CSULB, your car assistant offers to pay the parking fee for the CSULB parking structure ahead of your arrival. Let the assistant pay it for you.

Testing

We tested the car dashboard UI using the Car Buck driving simulator with more than 10 participants. Their feedback, combined with A/B testing and heuristic evaluations, guided key improvements.

%80
of tasks were successfully completed by users.


100%
found it easy to navigate between pages.


2
users struggled with controlling the AI for parking


Lessons Learned

01-Gained insights into user behavior in real-time driving scenarios.

02-Balancing functionality, accessibility, and simplicity for larger screens.

03-Iterative Testing

Constraints

01-Designing an accessible interface for in-car use with the larger iPad-sized screen.
02-Ensuring usability and minimizing distractions required extensive iteration