Automotive Navigation Design
I currently work on the UX design team at Telenav, designing in-car navigation for manufacturers including BYD, Chery, Changan, and more. This page shows our navigation product for the clients and the evolution of its design.
DISCLAIMER: Images in this page contain Copyrighted Materials, DO NOT Distribute.
+ HMI Design, UX Design, Brand Identity
Navigation Product Version 1.0 (2022)
In 2022 when I first joined the company, I was involved in helping to design our 1.0 version of the navigation product for BYD. The design required adapting both landscape mode and portrait mode for a rotatable screen. Based on the existing landscape design, I helped my team create a unified portrait design layout which was well-received by BYD and the market.
Quote from UK media Carwow review: “We like the way satnav displays in portrait mode because you can see more of your route ahead.”
Production Version for UK market
Production Version for UK market
Free Map Mode
Active Guidance Mode
Navigation Product Version 1.5 (2022 - 2023)
In 2023, Chery contracted with us to design and develop the built-in navigation app for their cars sold in Europe and Middle East markets. Based on our navigation 1.0 product, I led the UI design for our navigation 1.5 version. The end result was a much-improved interface with a better layout and a new EV feature to help drivers plan charging stations during their trips. Also for Middle East markets, I studied the rules of right-to-left reading and created a UI guideline for right-to-left language, and implemented it in our navigation product design.
Based on our navigation product, I designed these auto-driving assist interfaces to combine live guidance with lane guidance, lane change guidance, and hands-off warning. The goal was to combine the active guidance interface layout with additional auto-driving assist information to create a design that highlights traffic information and promotes safe driving.
MEA Region - RTL Language
Hands-off Warning - Night
Lane Change Assist - Day
Free Map Mode
EV - Auto Plan Charging Stations
MEA Region - RTL Language
EV - Destination Unreachable
Active Guidance Mode
ADAS Interface Design
Navigation Product Version 2.0 (2023 - 2024)
After finishing the design for Chery, we decide to give the current navigation product an overhaul with new coding and design in order to build a more competitive product for the market. Combining user/market research, and road test insights, Our team started to design the new navigation product. My job started with building a new UI library for all design assets and implementing it to create a new visual style, layout, and features for the new product. The goal is to not only create a better visual style for the product but also improve the functionality and usability for a better user experience.
Intersection Guidance
Free Map
Place of Interest
Active Guidance
Search List
EV Trip Plan
Road Test and User Research
Besides design work, product testing and user interviews also play an important role in our design process. Product road tests can help us gather important feedback in real-world driving scenarios. Conducting user interviews helps us learn what user needs to improve our product functionalities. By doing both constantly, we get to design and improve our navigation app to truly be a market-leading product.
Product Road Test
EU EV User Interview
Concept HMI Design (Next Steps)
Moving forward, I designed these concept interfaces to showcase my vision. With a spotlight on a dynamic modular HMI interface design to display live navigation with driver assists and combine other in-car apps like weather and music.
