Built for automotive manufacturers, the Connected Vehicles platform connects over 20 million vehicles across 150 countries.

Background

Connected Vehicles is a cloud-based platform that enables automotive OEMs to manage their vehicles and services worldwide.

As a dedicated UX designer on this project, I delivered simple yet flexible UX solutions to complex challenges. I collaborated closely with Technical Product Managers, Product Owners and Development Leads to ensure the usability and user-centered quality of final deliverables.

Design Process

The design process started with UX research. We needed to fully understand clients' needs and align our strategy.

Personas

These are the key personas representing various stakeholders within an automotive OEM.

We aligned to the business strategy of breaking down the product into different feature modules, so they can be sold separately. And we defined the overall design goals.

Product Design Goals

• Each feature module can run independently as a product
• The UX need to be intuitive to different roles in automotive OEMs

Journey Map

After defining different feature modules, we dived into each of them to continue the research.

Below is a journey map of the vehicle OTA Software Update feature module. It helped us identify the pain points and define the feature design goals.

Interaction & UI

After defining the key actions and data fields, we started drawing wireframes and iterated with stakeholders until we reached alignment. We then moved on to the detailed visual design. Below are samples of the finalized design screens.

OTA Software Update feature module:

Vehicle Service Management feature module:

With flexible design, the main feature modules can be sold as a bundle or individually. For example, customers can purchase the platform with Vehicle Service Management module, or the OTA Update module, or choose both of them at the same time. While some function are universal for all feature modules, like user authentication and authorization.

Challenge - Customer Engagement

When we first launched the product, we didn't win a single contract.

Problem Statement

In our sales and customer engagement processes, potential clients seem to struggle with understanding how our connectivity capabilities support the daily operations of automotive OEMs.

We realized that presenting the product alone is not good enough. We need a better way to demonstrate the business value our product delivers.

Solution

Low latency is crucial to the connected vehicle business as it directly impacts safety. This is where our superior network capability becomes a key strength of our product.

To better showcase our product's performance, we designed a suite of demo tools, including a mobile app, a vehicle simulator, and additional resources. These will help our potential clients intuitively perceive the key advantages of our product in their daily operations.

The mobile demo app represents the OEM mobile app, used by the vehicle owner.

The vehicle simulator represents a physical car in the real world.

These demo tools help our OEM customers gain an intuitive understanding about what will be improved in the end-user side.

Similar to the general product design process, we also created journey maps, wireframes and drafts for these demo tools before stepping in high-fidelity visual design.

Demo Tools Design Goals

• Prioritize visualizing the demo related features
• Focus on easy-to-understand by viewer

Below is a design of remote control flow and UI feedback in the mobile demo app:

The same as all the other IoT platforms, user's commands cannot always reach their devices. It's important that we provide various feedbacks to the end-user in different scenarios.

Below is a user interaction flow design of vehicle services activation in Vehicle Simulator's head unit:

It shows the vehicle services activation flow and detailed feedback of different scenarios in a vehicle's head unit, demonstrating how the product's connectivity capability supports the vehicle user's in-car experience.

These demo tools improved the audience experience in the sales process, and helped us win a contract with a client in Europe.

Connected Vehicles platform is designed to be a generic product. After we signed the contact with our customers, there are plenty of design needs to be updated to adapt the customer's system and environment. The product design focus switch from generic user to specific customer, and the customization work may change the existing design significantly.

Below is an example of adding OTA update package.

Left is the product design screen. Right is the same screen after we adapted the system of our customer in Europe.

In the end, the customization experience we learned from this automotive OEM will be used in our next generic product design iteration.

UX Deliver Process

This project runs under SAFe (Scaled Agile Framework). We need to deliver the committed features within each PI (Program Increment), which consists of 4 sprints.

However, UX work sometimes becomes a bottleneck during the development process, as teams wait for designs immediately after PI planning. On the other hand, it's also stressful for designers to deliver all UX deliverables within such a short timeframe. As a result, the development of some features is blocked by UX design in the early stage of each PI.

In order to minimize this impact, I started a way of working called Progressive Delivery, which breaks down the each task into different stages. This allows designers to deliver work step by step, without blocking the developers.

In the first stage, we quickly draft a user flow with key actions and data fields, and iterate with stakeholders, so that everyone has a holistic view of the main interaction and what information will be shown in each step. After aligning with the stakeholders, most developers can start their work without knowing the detailed visual style, as this does not affect the back-end architecture.

In stage 2, UX designers focus on the detailed visual style (color, typography, layout, etc.), and front-end developers can begin building the GUI once the detailed design is delivered.

In stage 3, UX designers continually monitor the implementation, and provide supplementary design support, such as strings fine-tuning, and design feedback for specific exception cases (usually come up at this stage).

For different features, each stage may take different time and effort to complete, depending on its complexity and priority. No role in the team was blocked throughout the entire PI's development.

By following this UX delivery process, we minimize the waiting time for developers, and also reduced pressure on designers during the early stage of each PI. It helped improve overall feature development efficiency, and I still apply this method today.

Retrospective

Some thoughts and learnings:

• Not only should we focus on the design process, but also on the end-to-end development and delivery process.
• When encountering roadblocks during the client's sales process, considering end users' perspectives may help to find effective solutions.