NIO Car Configurator 3D Transform and Usability Research

Electric Vehicle Configurator Redesign Research

Company: NIO
Product
: Mobile APP(蔚来) - Car Configurator
Project Duration: 04.2022 - 05.2022 (1 month)
My Role: User Researcher
Methods: Survey, Usability Test, Competitive Analysis
Collaboration: 1 Design Lead, 1 UI designer, 1 UX Designer

What is NIO Mobile APP?

The NIO app is designed to enhance the experience of NIO vehicle owners and enthusiasts. It offers several features that integrate with NIO's electric vehicles and services, fostering a community around its brand.

Current Car Configurator

1. A step-by-step customization process
2. Show separate parts during the configuration process
3. Use figures from different perspectives to show the car

Initial Research Brief

The product team aimed to revolutionize the vehicle configuration experience by transitioning from traditional 2D interfaces to immersive 3D environments.
The primary goal is to develop a seamless and captivating car configurator that allows users to effortlessly personalize their dream electric vehicles, enhancing their experience and increasing the likelihood of completing an order.
Identify user pain points and preferences with the current 2D configuration experience.
Understand user expectations and interactions with 3D prototype designs.

Research Questions

What are the pain points with the current 2D configurator?
How do users perceive the new car configurator with a 3D car model and a more immersive experience?

Methods

Survey to understand the pain points of current 2D design.
Usability testing to explore the new design.

Survey Insights: Key Pain Points in 2D Design

Why Survey?

Despite the car model transformation from 2D to 3D, the main user flow will be similar to the 2D version.
The goal is to rapidly gain people’s understanding of the current car configurator use flow before the usability test to make sure the main pain points will be improved in the future design.

Survey Design

Demographic Information:
Experience with cars (Affecting the knowledge of the different parts of the car)
Experience with Electric Vehicle (Affecting the knowledge of battery)
Each Page Evaluation:
Imitate the whole car configurator experience and get feedback

Survey Insights

The customization steps(Car model selection and battery options) are overwhelming for some users.
The overall experience is inconsistent with different steps.

Usability Testing

Competitive Prototype Test

Given the current design team's limited capacity to develop a high-fidelity  3D car configurator prototype, I conducted a group interview using a competitive car configurator tool with 3D functionality.
This approach allowed us to gather valuable user feedback on the 3D format.

Competitor Chosen
Criteria

1. Accessible without requiring additional applications
2. Interactive 3D car model for user engagement
3. Electric vehicle

Competitor Test
Insights

Users appreciate the interactive features, such as the ability to rotate and customize the car model’s color. They especially enjoy immersive elements, like opening doors and turning on components, which enhance the experience of stepping into the vehicle.
Slow loading times have been a source of frustration, as users feel it disrupts the flow and accessibility of the interactive experience. Faster loading would improve user satisfaction and engagement.

Usability  

More Coming Soon!