Driver Information Module & Center Stack Display
Company ECARX (GEELY CHINA)
My Role UX/UI Designer
My Deliverables User Research, Wireframe, Prototyping, Interaction Design, Interface Design, User Test
Tools Axure, Sketch, Photoshop
Year 2017-2018
Team I led 3 ECARX designers, China Euro Vehicle Technology Design team, GEELY Design team, engineers, QA testers
Overview
BX11 is a Human Machine Interface UX design project for Lynk&Co and is part of the Lynk&Co brand's second generation. As a member of the User Experience Department in ECARX (GEELY CHINA), I was responsible for conducting user and marketing research and UX and UI design. During this period, I led a team of designers in China and collaborated with our colleagues from China Euro Vehicle Technology AB for the BX11 project. I gathered customer feedback based on our high-fidelity prototypes and demos and worked with other designers to establish the design system.
Design Brand Values
UX Pyramid
Features can be categorized into three levels based on target user needs.
Unique features: The features make Lynk & Co leading in UX.
Expected features: By analyzing and comparing customers' expectations with those of competitors, businesses can gain valuable insight into the market and confidently make informed decisions.
Basic features: There are certain features that are essential in a product or service.
Leading UX Focus Areas
Considerate assistant
The target users desire to remove the stress of driving by embracing new technology.
Make chores into thrills
Enjoy life to the fullest, but be cautious of any potential risks. Embrace modern and stylish lifestyles, but consume responsibly.
Build to be shared
Harmony of interactions
Live from my car
They are users who frequently use the internet and consume a lot of media. They value family and prioritize spending time with them.
Oasis in the city
Emphasize the car has an air cleaning feature.
Ecosystem
New bond to the car
-
Target Customer
Realization Adaption
Guidelines for implementing functions and adapting a series of user experiences (DCY11) to BX11:
Define the functions.
The users who will use the function and how it will be used.
User areas.
DCY11 mental model.
-
UI Elements Stacking
Overview of elements in DIM (Follow the HMI framework of CEVT)
-
Driver Information Module (DIM)
Layout exploration for BX11 screen configuration
-
UI Elements & Interaction
Overview of elements in CSD (Follow the HMI framework of CEVT)
-
Center Stack Display AC Homepage
-
AC Status Bar
-
Lynk & Co Graphic Strategy
Reflecting the tastes of our customers, which could be modern, distinctive and engaging. Inspired by urban culture, hand held devices and gaming.
Flat graphics float in a three dimensional space; modern, crisp and clear, with the backdrop creating depth, perspective and dynamics.
Subtile, unexpected motion also forms a part of Lynk & Co house style, which is not connected to functionality but enhances the user experience.
Graphics should strengthen trim levels with matching themes, and space is provided for users to download alternative visual skins.
-
![]()
CLEAR
-
![]()
INTER
-
![]()
LOUDER
-
![]()
HYPER
-
DIM Design 1
-
DIM Design 2 (7 inch)
-
CSD Design 1
-
CSD Design 2
Media Interaction Demo
Takeaways
Alignment and Communication
As the team leader of the BX 11 project, I needed to align all the relevant designs with our UX team members, which were developed in collaboration with Shanghai GEELY DESIGN and CEVT. Throughout the project development, we utilized the agile methodology to manage and track progress efficiently.
Design Consistency
The enablers for Lynk & Co UX needed to be fulfilled consistently in BX11.
During the project, BX11 followed UX guidelines developed for DCY 11, but there was still ample opportunity to improve BX11's UX features.
UX Innovations
BX 11 had its own graphic themes based on the trim levels and Lynk & Co graphics strategy.