BMW iDrive Redesign

BMW iDrive Redesign

BMW iDrive Redesign

Automotive

Automotive

Automotive

UX Design

UX Design

UX Design

UX Research

UX Research

UX Research

Product Category

Product Category

Product Category

Product Category

Automotive

Automotive

Automotive

Automotive

Timeline

Timeline

Timeline

4 Weeks (Feb - Mar 2024)

4 Weeks (Feb - Mar 2024)

4 Weeks (Feb - Mar 2024)

My Role

My Role

My Role

Lead Product Designer & Project Manager

Lead Product Designer & Project Manager

Lead Product Designer & Project Manager

What I Did

What I Did

What I Did

UX Research, Visual Design, Project Management, Usability Testing

UX Research, Visual Design, Project Management, Usability Testing

UX Research, Visual Design, Project Management, Usability Testing

Collaborators

Collaborators

Collaborators

Akshay Bhatnagar, Mian Irtiza Aftab, Shutong Yang & Qingpei Cai



Akshay Bhatnagar, Mian Irtiza Aftab, Shutong Yang & Qingpei Cai



Akshay Bhatnagar, Mian Irtiza Aftab,

Shutong Yang & Qingpei Cai



Tools Used

Tools Used

Tools Used

Figma, Google Forms & Adobe Suite

Figma, Google Forms & Adobe Suite

Figma, Excel, Google Forms & Adobe Suite

Figma, Google Forms & Adobe Suite

This project focused on redesigning elements of the BMW iDrive system to improve the user experience. User research revealed several pain points, the cluster interface was perceived as visually cluttered, causing driver distraction; the climate control menu's complexity hindered ease of use; and customization options did not adequately cater to individual user preferences.

In response to these challenges, we developed a proof of concept that simplified menus and integrated smart features, aiming to make the system more intuitive, less distracting, and ultimately safer for drivers.

All rights reserved © Mian Irtiza Aftab

All rights reserved © Mian Irtiza Aftab

All rights reserved © Mian Irtiza Aftab

Problem Statements

Problem Statements

"BMW iDrive Infotainment system users have noted that the cluster interface may appear visually cluttered, which contributes to distractions during driving."

"BMW iDrive Infotainment system users report that navigating the climate control menu can be challenging due to its complexity, affecting ease of use."

"BMW iDrive Infotainment system users have mentioned that the available customization features might not fully meet their preferences, which impact overall interaction with the system."

Reported Problems

Reported Problems

‘Taking your eyes off the road for more than two seconds doubles your risk of a crash.’
AAA’s Center for Driving Safety & Technology

‘Taking your eyes off the road for more than two seconds doubles your risk of a crash.’
AAA’s Center for Driving Safety & Technology

‘Taking your eyes off the road for more than two seconds doubles your risk of a crash.’
AAA’s Center for Driving Safety & Technology

‘Taking your eyes off the road for more than two seconds doubles your risk of a crash.’
AAA’s Center for Driving Safety & Technology (BMW Review)

‘Taking your eyes off the road for more than two seconds doubles your risk of a crash.’
AAA’s Center for Driving Safety & Technology

‘Taking your eyes off the road for more than two seconds doubles your risk of a crash.’
AAA’s Center for Driving Safety & Technology (BMW Review)

‘BMW Drivers took on average of 38 seconds, to complete the task on the iDrive system’ 
AAA’s Center for Driving Safety & Technology (BMW Review)

‘BMW Drivers took on average of 38 seconds, to complete the task on the infotainment system’ 
AAA’s Center for Driving Safety & Technology (BMW Review)

‘BMW Drivers took on average of 38 seconds, to complete the task on the iDrive system’ 
AAA’s Center for Driving Safety & Technology (BMW Review)

‘BMW Drivers took on average of 38 seconds, to complete the task on the iDrive system’ 
AAA’s Center for Driving Safety & Technology (BMW Review)

‘BMW Drivers took on average of 38 seconds, to complete the task on the iDrive system’ 
AAA’s Center for Driving Safety & Technology (BMW Review)

‘BMW Drivers took on average of 38 seconds, to complete the task on the infotainment system’ 
AAA’s Center for Driving Safety & Technology (BMW Review)

‘Task error rate high due to poorly structured and cluttered menu controls in the infotainment system.’
In-Car HMI UX Evaluation & Benchmarking (BMW)

‘Poorly structured and cluttered menu controls in the infotainment system.’
In-Car HMI UX Evaluation & Benchmarking (BMW)

‘Task error rate high due to poorly structured and cluttered menu controls in the infotainment system.’
In-Car HMI UX Evaluation & Benchmarking (BMW)

‘Poorly structured and cluttered menu controls in the infotainment system.’
In-Car HMI UX Evaluation & Benchmarking (BMW)

‘Task error rate high due to poorly structured and cluttered menu controls in the infotainment system.’
In-Car HMI UX Evaluation & Benchmarking (BMW)

‘Poorly structured and cluttered menu controls’
In-Car HMI UX Evaluation & Benchmarking (BMW)

Our Goal

Our Goal

Our Goal

Our goal was to identify opportunities to improve BMW’s infotainment system and then design a proof of concept that is easier to interact with while staying true to BMW’s safety standards.

Outcome

Outcome

Outcome

Outcome

1 - Reduced driver distraction with a new feature.
2 - Faster interactions with a properly structured UI.
3 - Improved usability by minimizing cognitive load.

1 - Reduced driver distraction with a new feature.
2 - Faster interactions with a properly structured UI.
3 - Improved usability by minimizing cognitive load.

1 - Reduced driver distraction with a new feature.
2 - Faster interactions with a properly structured UI.
3 - Improved usability by minimizing cognitive load.

1 - Reduced driver distraction with a new feature.
2 - Faster interactions with a properly structured UI.
3 - Improved usability by minimizing cognitive load.

Process

Process

Process

We started with design thinking as our guide - you know, that creative, human-centered approach. But real life kicked in: time was tight, and resources were limited. So, we had to adapt. Instead of sticking strictly to the plan, we improvised. But here’s the thing: we never lost sight of what mattered most - the user. Every step of the way, we tested ideas, listened to feedback, and kept improving. 




It wasn’t perfect, but by staying flexible and putting people first, we made sure the final result wasn’t just innovative… it was safe, reliable, and totally aligned with BMW’s high standards. Turns out, even shortcuts can lead somewhere great if you keep the user in the driver’s seat.

We started with design thinking as our guide - you know, that creative, human-centered approach. But real life kicked in: time was tight, and resources were limited. So, we had to adapt. Instead of sticking strictly to the plan, we improvised. But here’s the thing: we never lost sight of what mattered most - the user. Every step of the way, we tested ideas, listened to feedback, and kept improving. 




It wasn’t perfect, but by staying flexible and putting people first, we made sure the final result wasn’t just innovative… it was safe, reliable, and totally aligned with BMW’s high standards. Turns out, even shortcuts can lead somewhere great if you keep the user in the driver’s seat.

01 - Research

01 - Research

Identify how in-car interfaces and external factors contribute to driver distraction for BMW users.

Identify how in-car interfaces and external factors contribute to driver distraction for BMW users.

Contextual Inquiry

Shadowed drivers at a BMW dealership, observing interactions with infotainment systems, voice commands, and ambient alerts during test drives. Our aim was to:

1. Understand customer queries during sales regarding infotainment systems

2. Explore how the infotainment systems affect car buying decisions

3. Assess the impact of infotainment system on sales

Shadowed drivers at a BMW dealership, observing interactions with infotainment systems, voice commands, and ambient alerts during test drives.


Our aim was to:

1. Understand customer queries during sales regarding infotainment systems

2. Explore how the infotainment systems affect car buying decisions

3. Assess the impact of infotainment system on sales

User Interviews

Recruited 14 BMW owners (via forums + snowball sampling) to discuss moments of mental overload, near-misses, and "stress triggers" during daily drives.

Key Insights

“Climate control is complex to use while driving. I nearly swerved lanes trying to adjust it.”


Impact: Users stop driving to navigate menus.

Participant 10 (X6 M Owner)

“Climate control is complex to use while driving. I nearly swerved lanes trying to adjust it.”


Impact: Users stop driving to navigate menus.

Participant 10 (X6 M Owner)

“Climate control is complex to use while driving. I nearly swerved lanes trying to adjust it.”


Impact: Users stop driving to navigate menus.

Participant 10 (X6 M Owner)

“Climate control is complex to use while driving. I nearly swerved lanes trying to adjust it.”


Impact: Users stop driving to navigate menus.

Participant 10 (X6 M Owner)

“Climate control is complex to use while driving. I nearly swerved lanes trying to adjust it.”


Impact: Users stop driving to navigate menus.

Participant 10 (X6 M Owner)

“Climate control is complex to use while driving. I nearly swerved lanes trying to adjust it.”


Impact: Users stop driving to navigate menus.

Participant 10 (X6 M Owner)

"I’m forced to use automation even when I don’t trust it.”


Impact: Drivers distrust systems in critical moments (e.g., bad weather).

Participant 4 (iX Owner)

"I’m forced to use automation even when I don’t trust it.”


Impact: Drivers distrust systems in critical moments (e.g., bad weather).

Participant 4 (iX Owner)

"I’m forced to use automation even when I don’t trust it.”


Impact: Drivers distrust systems in critical moments (e.g., bad weather).

Participant 4 (iX Owner)

"I’m forced to use automation even when I don’t trust it.”


Impact: Drivers distrust systems in critical moments (e.g., bad weather)

Participant 4 (iX Owner)

"I’m forced to use automation even when I don’t trust it.”


Impact: Drivers distrust systems in critical moments (e.g., bad weather).

Participant 4 (iX Owner)

"I’m forced to use automation even when I don’t trust it.”


Impact: Drivers distrust systems in critical moments (e.g., bad weather).

Participant 4 (iX Owner)

“Small icons and nested menus are frustrating. I just give up and focus on driving.”


Impact: Users abandon tasks due to UI complexity.

Participant 12 (X7 Owner)

“Small icons and nested menus are frustrating. I just give up and focus on driving.”


Impact: Users abandon tasks due to UI complexity.

Participant 12 (X7 Owner)

“Small icons and nested menus are frustrating. I just give up and focus on driving.”


Impact: Users abandon tasks due to UI complexity.

Participant 12 (X7 Owner)

“Small icons and nested menus are frustrating. I just give up and focus on driving.”


Impact: Users abandon tasks due to UI complexity.

Participant 12 (X7 Owner)

“Small icons and nested menus are frustrating. I just give up and focus on driving.”


Impact: Users abandon tasks due to UI complexity.

Participant 12 (X7 Owner)

“Small icons and nested menus are frustrating. I just give up and focus on driving.”


Impact: Users abandon tasks due to UI complexity.

Participant 12 (X7 Owner)

Other Research Avenues

Other Research Avenues

Ideation

Our objective was to transform our interview & contextual notes into actionable strategies for minimizing driver distraction.


We used the method of affinity mapping, and grouped 150+ qualitative datapoints (quotes, behaviors) into themes like "Ease of access" and "Easy Navigation".

02 - Design

02 - Design

02 - Design

Concept Sketching

We began by sketching wireframes on both paper and digitally to quickly validate our ideas. We then tested the paper prototypes to ensure our concepts were genuinely beneficial.


This step was crucial before we developed and tested digital prototypes.

Wireframes

Wireframes

Design System

Design System

Having NO access to the BMW Design system. We designed a design system based of the BMW Brand Identity. It was our practice to make sure we can build a design system that would help us build better UI for the system.

Design Anatomy

Design Anatomy

Components

Components

03 - Testing & Improvements

03 - Testing & Improvements

Usability Testing

Usability Testing

We conducted automotive UI usability tests (according to AAM Guidelines) in real-world conditions to see how people would actually interact with our designs. Even though our resources were limited, we found creative ways to simulate everyday driving experiences and collect feedback.


This hands-on approach helped us identify issues early on and improve the interface, making it more intuitive for users. By improvising with what we had, we were able to learn quickly and make our product better without needing expensive tools.

We conducted automotive UI usability tests (according to AAM Guidelines) in real-world conditions to see how people would actually interact with our designs. Even though our resources were limited, we found creative ways to simulate everyday driving experiences and collect feedback.


This hands-on approach helped us identify issues early on and improve the interface, making it more intuitive for users. By improvising with what we had, we were able to learn quickly and make our product better without needing expensive tools.

We conducted automotive UI usability tests (according to AAM Guidelines) in real-world conditions to see how people would actually interact with our designs. Even though our resources were limited, we found creative ways to simulate everyday driving experiences and collect feedback.


This hands-on approach helped us identify issues early on and improve the interface, making it more intuitive for users. By improvising with what we had, we were able to learn quickly and make our product better without needing expensive tools.

Pain Points

  • Users found sliders difficult to use while driving, making adjustments challenging.


  • Temperature controls lacked clear color differentiation, as both hot and cold settings used similar shades.

Positive Feedback

  • Users liked how the UI dimmed at higher speeds, reducing distractions.


  • Users appreciated the climate controls with larger buttons, which made the interaction easier.


  • Many users wished focus mode was already implemented, as it helps reduce cognitive load.


  • Users valued the ability to customize widgets for a more personalized experience.

Design Iterations

Design Iterations

When we initially designed the system we used sliders for temperature adjustments, which made interaction with the system complex and imprecise.

We then replaced the slider with a tap-based control, allowing drivers to adjust the temperature with simple taps.

When we initially designed the system we used sliders for temperature adjustments, which made interaction with the system complex and imprecise.

We then replaced the slider with a tap-based control, allowing drivers to adjust the temperature with simple taps.

When we initially designed the system we used sliders for temperature adjustments, which made interaction with the system complex and imprecise.

We then replaced the slider with a tap-based control, allowing drivers to adjust the temperature with simple taps.

In the first designs we made buttons that were packed too close together, making it hard for drivers to quickly pick the right one.


We redesigned the layout after testing, spacing the buttons out so each one is clear and easy to tap.

In the first designs we made buttons that were packed too close together, making it hard for drivers to quickly pick the right one.


We redesigned the layout after testing, spacing the buttons out so each one is clear and easy to tap.

In the first designs we made buttons that were packed too close together, making it hard for drivers to quickly pick the right one.


We redesigned the layout after testing, spacing the buttons out so each one is clear and easy to tap.

Our Solution

Our Solution

We had a great time working on this project over the past four weeks. Despite limited resources, we're proud of what we delivered. Our team focused on creating user-centric features that truly address the needs of our users and solved their problems. We divided our solution into three interconnected features, each tackling a specific problem. Since the system is quite complex, we prioritized high-impact changes which could be measured and implemented with minimal resources. Here's what our solution looks like:

We had a great time working on this project over the past four weeks. Despite limited resources, we're proud of what we delivered. Our team focused on creating user-centric features that truly address the needs of our users.


We divided our solution into three interconnected features, each tackling a specific problem. Since the system is quite complex, we prioritized high-impact changes that could be implemented with minimal resources. Here's what our solution looks like:

BMW Focus Mode

BMW Focus Mode

When your BMW exceeds 50 km/h, the infotainment system and speedometer dims to a red hue. This change reduces unnecessary visuals and graphics, which helps to lower distractions and enhance focus at higher speeds. The red tint was chosen (after usability testing) for its effectiveness in reducing visual clutter, and you can easily customize this feature in the settings to suit your preferences.

Climate Control

Climate Control

This is our take on redesigning the climate control. In the original design, multiple submenus led to a high task failure rate while driving. We simplified the layout so that key controls are prominent and easily accessible on the main screen.


By using interaction function priority analysis, we strategically placed each button for intuitive use, helping drivers remember and navigate the system with ease.

Widget Resizing

Widget Resizing

We've made your BMW iDrive more personal with our new widget resizing feature. Now you can enlarge the widgets you use most and shrink the ones you rarely need, ensuring the key information stands out.


Additionally, you can save your custom layouts as presets, making it easy to switch between different configurations based on your driving situation or personal use case.

Comparing With Existing System

Comparing With Existing System

Showcase

Showcase

Impact

The average time recorded for eyes away from road:

1.33 Seconds

Benchmark: <2 Seconds

Focus Mode

The average time recorded for eyes away from road:

1.33 Seconds

Benchmark: <2 Seconds

Focus Mode

The average time recorded for eyes away from road:

1.33 Seconds

Benchmark: <2 Seconds

Focus Mode

The average time recorded for eyes away from road:

1.33 Seconds

Benchmark: <2 Seconds

Focus Mode

The average time recorded for eyes away from road:

1.33 Seconds

Benchmark: <2 Seconds

Focus Mode

The average time recorded for eyes away from road:

1.33 Seconds

Benchmark: <2 Seconds

Focus Mode

Average task completion time (while driving):

25 Seconds

Benchmark: <38 Seconds

Climate Control

Average task completion time (while driving):

25 Seconds

Benchmark: <38 Seconds

Climate Control

Average task completion time (while driving):

25 Seconds

Benchmark: <38 Seconds

Climate Control

Average task completion time (while driving):

25 Seconds

Benchmark: <38 Seconds

Climate Control

Average task completion time (while driving):

25 Seconds

Benchmark: <38 Seconds

Climate Control

Average task completion time (while driving):

25 Seconds

Benchmark: <38 Seconds

Climate Control

People who preferred a customized the homepage:

12 People

out of 14 People (Usabilty Test)

Widget Resizing

People who preferred a customized the homepage:

12 People

out of 14 People (Usabilty Test)

Widget Resizing

People who preferred a customized the homepage:

12 People

out of 14 People (Usabilty Test)

Widget Resizing

People who preferred a customized the homepage:

12 People

out of 14 People (Usabilty Test)

Widget Resizing

People who preferred a customized the homepage:

12 People

out of 14 People (Usabilty Test)

Widget Resizing

People who preferred a customized the homepage:

12 People

out of 14 People (Usabilty Test)

Widget Resizing

Key Learnings

Key Learnings

  • Improvisation Matters: We realized we could gather valuable insights even with limited resources. By being creative and flexible, we managed to test our ideas without relying on expensive tools or setups.


  • Testing Early and Often: Frequent testing helped us identify issues before they became bigger problems. It also allowed us to refine our ideas step by step.


  • Reduce Cognitive Load: Simplifying the design and minimizing distractions made the product more intuitive. This helped users focus on the core tasks without feeling overwhelmed.

Contact Me

If you have a project idea in mind, let's have a conversation!

All rights reserved. © 2025 Mian Irtiza Aftab.

All rights reserved. © 2025 Mian Irtiza Aftab.

All rights reserved. © 2025 Mian Irtiza Aftab.

All rights reserved. © 2025 Mian Irtiza Aftab.

All rights reserved. © 2025 Mian Irtiza Aftab.

All rights reserved. © 2025 Mian Irtiza Aftab.