An M2M engineering tool for visualizing data collected from connected vehicles. It delivers a wealth of real-time data to the vehicle manufacturer or service provider and the driver/owner.
The OEM Dashboard web application enables near real-time remote data analytics, remote vehicle configuration, and over-the-air vehicle software update.
The initial design for the app was created in Adobe Illustrator by an in-house designer from Rimac Technology. Therefore, one of our first objectives was to document and migrate everything into Figma - a product design-focused design tool.
Our goal was to create a robust design library that would be easy to maintain and expand as the application grows. This would also make it easier to implement global changes in the future and work faster overall.
Since we started our collaboration with the client, the design system has undergone many refactoring cycles. Our goal is to ensure system-wide UX and UI consistency, lowering the learning curve for the users.
An overview of the app's main modules and features. User access is based on specific vehicle permissions.
The amount of work the McKnight Media team put into understanding the topic is unbelievable. When we started, we had two months' worth of introduction and me telling them what was happening in the vehicle and what was happening in the cloud for them to understand what we were trying to do and build here to get the best delivery from their side.
This is something I was blown away by. In the end, it proved to be great. I can rely on everyone from McKnight Media, and I know that they’ll be able to understand everything we’re talking about, even if it is super technical in the automotive field. That was a huge help.
The Playground is an endless grid canvas that allows users to add various visualization widgets linking them to real-time vehicle data feeds. Some widget types include gauge, bar, led, map, a chart with one or two values, various sizes, and value-based coloring.
Charts are a powerful way to compare data from various signal sources from vehicle’s active sessions. The Alerts feature allows users to create custom notifications triggered by complex conditionals.
When tracking vehicles on the Fleet Overview screen, the sidebar hosts important statistics that change depending on context - global overview, single vehicles, or single fleets.
In addition to historical data viewing, more detailed real-time information can be tracked for a single vehicle in the Live tab of the Single Vehicle Overview screen.
Gathering user feedback is an essential part of user-centered design. To reduce bias, ideal candidates would not be part of the product development team.
With professional software, it can often prove challenging to recruit ideal users for testing because of their availability. Nevertheless, we believe testing with less-than-perfect users is better than not testing.
To optimize time and effort, we carefully decide which design assumptions we want to test. These decisions will ultimately influence what we make clickable in the prototype.
We prepare a moderator’s script, task assignment descriptions, and a note-taking spreadsheet. Finally, we book meeting rooms, and send invites to test candidates.
A test session usually includes the test candidate, moderator, dedicated note-taker, and one or more observers. Only the test candidate and the moderator communicate throughout the session.
Be it in-person or remote test sessions, we like to record the audio, the screen, and the user's facial expressions for later reference.
The documented user feedback and notes are color coded and put into context on the prototype screens.
Negative observations are grouped as we identify overbearing topics, for which we then brainstorm possible fixes.
With input from the entire team, we place the suggested design fixes onto an effort-value matrix to determine priorities.
Low effort & high value (4) or, as we call them, "low-hanging fruit items", are resolved first. High effort & high value (2) items are addressed second depending on the project timeline and budget.
Below is a video of the CEO of Rimac Technology, Mate Rimac, inside the Rimac Nevera. Mate demonstrates the OEM Dashboard app after an acceleration test drive on an unused airstrip. (April 2021)
The Rimac Nevera is an all-electric hypercar designed and manufactured in Croatia and is potentially the fastest-accelerating production car globally, reaching 0–97 km/h or 0–60mph in 1.85 seconds.
McKnight Media has always been able to deliver everything even though they started with one designer and grew with our needs. We went from a basic product with a few users from our internal team and without any design to a complete product that’s sellable to the B2B space.
We’ve already sold it to a few other OEMs with hundreds of users in early January (2021) as well as hundreds of vehicles connected in one year. The design team from McKnight Media was able to support all of our issues from the product side.
If you have a project that fits our niche, we’d love to chat and see how we can help.