Ford Car Infotainment System Re-Design
Redefining electric car experiences with intuitive UI design.
Ford Car Infotainment System Re-Design
Redefining electric car experiences with intuitive UI design.
Ford Car Infotainment System Re-Design
Redefining electric car experiences with intuitive UI design.
Ford Car Infotainment System Re-Design
Redefining electric car experiences with intuitive UI design.
Case Study
6 min read
Case Study
6 min read
My Role
UX Designer / Researcher
Timeline
2024
Tools
Figma | Figjam | A/B Testing
Team
2 UX Designers, Researcher | 3 Graphic Designer
Let's dive into the journey I followed to reach the destination.
Let's dive into the journey I followed to reach the destination.
Let's dive into the journey I followed to reach the destination.
Let's dive into the journey I followed to reach the destination.
Let's dive into the journey I followed to reach the destination.
Background
Background
Background
Background
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
The Current
Problem
No user Friendly Interface
Modern infotainment systems often distract drivers and contribute to accidents caused by reduced focus on the road.
More Intuitive Solution
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
Field Research Conducted
Field Research Conducted
Field Research Conducted
Field Research Conducted
Field Research Conducted
Field Research Conducted
Before starting the design process, I explored various electric car interfaces to understand industry standards and observed their pros and cons.
Before starting the design process, I explored various electric car interfaces to understand industry standards and observed their pros and cons.
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.
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.
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
System Design
System Design
System Design
System Design
System Design
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
User Research Plan
User Research Plan
User Research Plan
User Research Plan
User Research Plan
User Research Plan
I collected data from users to serve a broader group, enhancing their usability experience.
20
20
participants
10
10
min survey
5
5
themes
2 QUESTIONS
Background
| How much time do you spend while driving per day? | What is the first thing you do when you get into your car?
2 QUESTIONS
Background
| How much time do you spend while driving per day? | What is the first thing you do when you get into your car?
2 QUESTIONS
Background
| How much time do you spend while driving per day? | What is the first thing you do when you get into your car?
2 QUESTIONS
Background
| How much time do you spend while driving per day? | What is the first thing you do when you get into your car?
2 QUESTIONS
Background
| How much time do you spend while driving per day? | What is the first thing you do when you get into your car?
2 QUESTIONS
Background
| How much time do you spend while driving per day? | What is the first thing you do when you get into your car?
2 QUESTIONS
Background
| How much time do you spend while driving per day? | What is the first thing you do when you get into your car?
4 QUESTIONS
Customer Satisfaction
| How satisfied are you with your car's interface? | If you could change something in your car's interface, what would it be? | What factors are most important to you when choosing a car, especially if it is fully autonomous? | In a fully autonomous car, what features would enhance your driving experience?
4 QUESTIONS
Customer Satisfaction
| How satisfied are you with your car's interface? | If you could change something in your car's interface, what would it be? | What factors are most important to you when choosing a car, especially if it is fully autonomous? | In a fully autonomous car, what features would enhance your driving experience?
4 QUESTIONS
Customer Satisfaction
| How satisfied are you with your car's interface? | If you could change something in your car's interface, what would it be? | What factors are most important to you when choosing a car, especially if it is fully autonomous? | In a fully autonomous car, what features would enhance your driving experience?
4 QUESTIONS
Customer Satisfaction
| How satisfied are you with your car's interface? | If you could change something in your car's interface, what would it be? | What factors are most important to you when choosing a car, especially if it is fully autonomous? | In a fully autonomous car, what features would enhance your driving experience?
4 QUESTIONS
Customer Satisfaction
| How satisfied are you with your car's interface? | If you could change something in your car's interface, what would it be? | What factors are most important to you when choosing a car, especially if it is fully autonomous? | In a fully autonomous car, what features would enhance your driving experience?
4 QUESTIONS
Customer Satisfaction
| How satisfied are you with your car's interface? | If you could change something in your car's interface, what would it be? | What factors are most important to you when choosing a car, especially if it is fully autonomous? | In a fully autonomous car, what features would enhance your driving experience?
4 QUESTIONS
Customer Satisfaction
| How satisfied are you with your car's interface? | If you could change something in your car's interface, what would it be? | What factors are most important to you when choosing a car, especially if it is fully autonomous? | In a fully autonomous car, what features would enhance your driving experience?
4 QUESTIONS
Common Uses
| What is the most-used feature in your car? | While you’re driving, are you checking your phone? If yes, which applications are you checking? | What features do you find least useful or rarely use on your digital dashboard screen, and why? | Which app store do you primarily use on your phone?
4 QUESTIONS
Common Uses
| What is the most-used feature in your car? | While you’re driving, are you checking your phone? If yes, which applications are you checking? | What features do you find least useful or rarely use on your digital dashboard screen, and why? | Which app store do you primarily use on your phone?
4 QUESTIONS
Common Uses
| What is the most-used feature in your car? | While you’re driving, are you checking your phone? If yes, which applications are you checking? | What features do you find least useful or rarely use on your digital dashboard screen, and why? | Which app store do you primarily use on your phone?
4 QUESTIONS
Common Uses
| What is the most-used feature in your car? | While you’re driving, are you checking your phone? If yes, which applications are you checking? | What features do you find least useful or rarely use on your digital dashboard screen, and why? | Which app store do you primarily use on your phone?
4 QUESTIONS
Common Uses
| What is the most-used feature in your car? | While you’re driving, are you checking your phone? If yes, which applications are you checking? | What features do you find least useful or rarely use on your digital dashboard screen, and why? | Which app store do you primarily use on your phone?
4 QUESTIONS
Common Uses
| What is the most-used feature in your car? | While you’re driving, are you checking your phone? If yes, which applications are you checking? | What features do you find least useful or rarely use on your digital dashboard screen, and why? | Which app store do you primarily use on your phone?
4 QUESTIONS
Common Uses
| What is the most-used feature in your car? | While you’re driving, are you checking your phone? If yes, which applications are you checking? | What features do you find least useful or rarely use on your digital dashboard screen, and why? | Which app store do you primarily use on your phone?
Data Collected
Data Collected
Data Collected
Data Collected
Data Collected
Data Collected
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
Persona
Persona
Persona
Persona
Persona
Persona
The persona and emotion map helped me analyze pain points more effectively.
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
They’re checking for your because of the....
Music
11
Maps
10
Youtube
4
While driving, they frequently checking their music, maps & youtube in their phone.
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
One click to basic functions
While driving, they frequently checking their music, maps & youtube in their phone.
Kevin
Functional Analyst
Age
25 years
Bio
Kevin is a Functional Analyst working in an energy company. He is eager to save money by switching to an electric vehicle (EV). He values a user-friendly system that is easy to use and not distracting.
“I need a system that makes controlling my AC effortless.”
Needs
Simplified UI
Easy integration between the vehicle’s system and phone.
Customizable Screen
Easy-to-Control AC
Goals
Easy Navigation
Clear and Simple Design
Safety Alerts and Notifications
Pain Points
Poor integration with phone navigation apps.
Over-reliance on touchscreen controls.
Long and inconvenient charging times.
Complex and non-intuitive menus.
Using this data, I created personas and empathy maps, which helped guide my design decisions
See/ Hear
Think and Feel?
Pain Points
Say and Do?
I want something simple to use
Safety and reliability is important
Navigating deep submenus frustrating
Balance between advanced technology and simplicity
So many options in the menu
Difficult to find what I want
Charging takes time
Outdated Interface
Charging Concerns
Integration Issues
Parking Challenges
I want to control my A/C’s easily
I’d like phone navigation on the driver's screen.
Charging and waiting is annoying
Challenge statement
Challenge statement
Challenge statement
Challenge statement
Challenge statement
Challenge statement
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
Initial Sketches
Initial Sketches
Initial Sketches
Initial Sketches
Initial Sketches
Initial Sketches
Sketches helped me visualize user pain points, allowing me to start iterating on where each core function should be placed.
Wireframing and Iterating
Wireframing and Iterating
Wireframing and Iterating
Wireframing and Iterating
Wireframing and Iterating
Wireframing and Iterating
Wireframing and 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.
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.
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
Design Strategy
Design Strategy
Design Strategy
Design Strategy
Design Strategy
Design Strategy
Validated Structure
Validated Structure
Validated Structure
Prototype
Prototype
Prototype
Prototype
Prototype
Prototype
Prototype
Home Screen
-Familiarity with Ford users:
Design inspired by IOS Principles. Also, 53% of ford users were iphone users.
-Accessibility
Buttons positioned close to the driver for ease of use
-Quick Car Controls
-Simplified Climate Controls
-Visual Hierarchy and Aesthetics
Navigation Screen
Creating familiarity for iOS users by integrating Maps features, making it easier for first-time users to understand and navigate.
Navigation Screen
Creating familiarity for iOS users by integrating Maps features, making it easier for first-time users to understand and navigate.
Phone Screen
Recent calls are grouped together to help users understand their relationship, applying the Gestalt principle.
Cluster
Cluster
Cluster
Cluster
Cluster
Cluster
Cluster
Heuristic Evaluation
Heuristic Evaluation
Heuristic Evaluation
Heuristic Evaluation
Heuristic Evaluation
Heuristic Evaluation
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 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 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 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 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.
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
Testing
Testing
Testing
Testing
Testing
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.
Participants indicated...
%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
Lessons Learned
Lessons Learned
Lessons Learned
Lessons Learned
Lessons Learned
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
01-Gained insights into user behavior in real-time driving scenarios.
02-Balancing functionality, accessibility, and simplicity for larger screens.
03-Iterative Testing
01-Gained insights into user behavior in real-time driving scenarios.
02-Balancing functionality, accessibility, and simplicity for larger screens.
03-Iterative Testing
Constraints
Constraints
Constraints
Constraints
Constraints
Constraints
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
01-Designing an accessible interface for in-car use with the larger iPad-sized screen.
02-Ensuring usability and minimizing distractions required extensive iteration
01-Designing an accessible interface for in-car use with the larger iPad-sized screen.
02-Ensuring usability and minimizing distractions required extensive iteration
Intro Video
Intro Video
Intro Video
Intro Video
Intro Video
Intro Video
Intro Video