Latest posts

Olli Laiho October 20, 2016 Cars UI Design

Porsche Launches the New Panamera

Olli Laiho September 16, 2016 Cars UI Design

Audi Q7 Named One of Wards 10 Best User Experiences

Olli Laiho September 9, 2016 Cars Kanzi

5 Things You Should Know About the Karma Revero

Olli Laiho August 16, 2016 Kanzi Products UI Design

Digital Cockpit Review, August 2016

Olli Laiho August 8, 2016 Interviews Kanzi UI Design

How Audi Creates Their In-Car Digital User Experience

Olli Laiho July 25, 2016 Prototyping UI Design

Working With Tomorrow’s Automotive Design Leaders

Olli Laiho July 4, 2016 Kanzi Kanzi Prototyping Tutorials UI Design

Webinar Archive: Managing UI Screens with Pages

Olli Laiho May 24, 2016 Kanzi Press Releases

Kanzi Connect Nominated as Finalist for 2016 TU-Automotive Awards

Olli Laiho March 4, 2016 Engineering Kanzi Kanzi Prototyping UI Design

How to Easily Connect the User Interface with Data

Olli Laiho February 12, 2016 Kanzi UI Design

Kanzi Scores a Touchdown at Super Bowl 50

Olli Laiho January 22, 2016 Kanzi Products Prototyping UI Design

5 Reasons Why Cars are the Next Digital User Experience

Olli Laiho January 4, 2016 Engineering Kanzi Kanzi Prototyping

Creating HMIs for All Car Segments

Olli Laiho October 7, 2015 Engineering IoT Kanzi Prototyping UI Design

Using Realtime 3D Visualization in IoT

Olli Laiho September 23, 2015 Engineering Kanzi Performance

Improving Graphical Performance with Progressive Rendering

Olli Laiho September 21, 2015 Kanzi Prototyping UI Design

How We Printed a Dashboard

Olli Laiho September 10, 2015 Kanzi Tutorials

How to Create a Digital Dashboard

Olli Laiho August 3, 2015 Engineering Interviews Kanzi

Interview: Visteon – How We Create HMIs for Connected Cars

Olli Laiho May 26, 2015 Kanzi

Rightware Newsletter 5 / 2015

Olli Laiho May 12, 2015 Kanzi UI Design

Cooking in the labs right now…

Olli Laiho March 3, 2015 Kanzi UI Design

Hacking the Car Dashboard

Olli Laiho February 10, 2015 Kanzi UI Design

Audi Virtual Cockpit claims awards

Olli Laiho January 27, 2015 UI Design

Welcome to the Rightware Kanzi blog

How to Easily Connect the User Interface with Data

When creating automotive user interfaces, it’s important to do testing using realistic data and application logic – either from a simulator or from actual car electronics. You can design without data to an extent, but it’s when you get access to realistic data that you start realizing what works and what doesn’t. You start noticing things in your design – your text fields are too short, the album art and contact pictures don’t fit, your needles have noticeable aliasing artefacts when moving slowly…

In essence, you need to connect your user interface and the data and events from the car electronics, including CAN BUS, media playback, contacts and more. Traditionally automotive companies have accomplished this by writing large amounts of explicit code – ”take this data and write it into this property”. This works, but tends to take a lot of effort and is a headache to maintain. Every change in either the user interface design or the application code ends up requiring a new build, and may end up breaking the entire HMI.

With Kanzi we use a different approach, where the user interface and the application code are decoupled. Designers use Kanzi Studio to visually create user interface designs, while developers feed in data and events through the Kanzi API. Both designers and developers can work iteratively in parallel, without the risk of breaking each others’ code.

Easy Connectivity: Introducing Data Sources

With the Data Sources feature in Kanzi 3.3, we’re making it even easier to connect data with the user interface.


Instead of explicitly accessing UI properties via the API, developers can now create plug-ins for their data sources, e.g. CAN BUS, Simulink, QNX PPS files, media players and more. Each plugin provides a data object tree – a structured representation of data and events.


Image: Car simulation Data Source in Kanzi Studio

Designers then import the Data Sources plugins to Kanzi Studio, which automatically creates a visual representation of the data object tree and events provided by the Data Source. Designers can can immediately start binding the data and events into their UI elements with a simple drag-and-drop– needles, text fields, item lists, buttons etc. and seeing how the UI works with realistic data.


Image: Properties provided by a car simulation Data Source

Change Data Sources on the fly

In the HMI development process, you often start with data from a simulator and switch to real CAN BUS later when you test in the car. With Data Sources, you can dynamically switch Data Sources on the fly, with no impact on the design. As long as the developer maintains the same data object structure in the Data Sources plug-in, the connection will work.

Data Sources is available in Kanzi 3.3. Check out our archived webinar to see the feature in action:

Webinar Archive: Connecting the UI with Data using Kanzi (March 2016)


Leave a Reply

Your email address will not be published.

Contact us
X Leave a message,
we will contact you within 48 hours.