48 11 8 7 5 4 σ
48 11 8 7 5 4 σ
Byton’s multi-module in-car digital experience involves 7 digital screens, ranging from 4" to 48" in size, each with varying DPIs. Whether it's too many screens for a car or not, as a digital product designer working in pixels, it's like a luxury feast—and I had a blast exploring these digital canvases.
While Byton wasn’t the first to envision a digitalized in-car experience that mirrors a living room on wheels with a large "TV," it was the first to truly bring that vision to life. Before Byton, automakers like Honda, Nissan, and Mercedes had showcased similar concepts, but none made the leap to production in the same bold way. This daring move is what drew me to join the company.
Bringing this vision to the road means the UI/UX in the car is no longer just a concept; it’s a production-level project. It has to be deeper, more refined, better researched, and rigorously tested compared to the UI/UX in a show car. The team had to conduct extensive user research and validation, account for all user scenarios with safety constraints and technical limitations, and build sustainable design systems for future iterations.
It required immense effort to turn this ambitious vision into reality, and I’m proud to have been part of it from day one, witnessing the successful milestones our team achieved along the way. Feel free to scroll through the galleries to explore the development process of each screen and my contributions to them.
Shared Experience Display 48"
SED is the largest digital territory in the MByte, it goes across the whole instrument panel in the front. Since the screen is too big we have to put it further from the front roll to ensure a complete view of it which made it not a touch screen. It performs as a monitor that shows the content controlled by DD(display on the steering wheel) and CID(display on the center console).
We design it in 3 equal parts from left to right, we call them P1, P2, and P3. P1 is only for showing driving-related features to the driver like cluster, ADAS info, telltale, etc. while P2/P3 are for 3rd party apps like navigation and media.
Driver Display 8"
DD is the main touchpoint for the driver in the car. For me it is the coolest screen ever exist in recent production automobile history, besides Tesla model 3's center pad. It is completely developed in house with the best quality among all screens. Driver can use it to control the app running on the big screen with the Trackpad mode, while not used to control the SED it works like a smartphone with all vehicle settings accessible in it.
Center Console Display 7"
CID is the main touchpoint for the passenger to get access to vehicle settings and comfort settings. It works exactly like the Driver Display and contains 90% of the same features as DD.
The challenge we met when designing for this display is to overcome the bad ergonomic caused by the armrest and a thicker margin caused by the physical screen mask.
Rear Center Console Display 4"
The 4"RCC is the tiniest display in the car. It is designed for rear passengers to configure their comfort settings only and comes with a middle-level model. The biggest challenge when designing for this screen is to avoid using too much gradient colors due to the color ability of the screen.
Responsive UIs are designed and shared with 5"RCC.
Rear Center Console Tablet 5"
The 5"RCC has the same function as the 4"RCC, it's bigger and locate in the armrest instead of the rear of the center console. It only comes with the high-end model which has 2 captain seats and a center console in the rear.
Responsive UIs are designed and shared with 4"RCC.
Rear Seat Tablet 11"
The 11" rear seat display only comes with the premium model. It gives rear passengers access to all the entertainment features and can be connected with SED to share experience with the front passenger and the driver. The rear seat display system and UI are currently under development.