Like Fitbit but for driving
The driving score gives drivers feedback on their driving and how it affects their fuel use. This feature serves multiple purposes:
1) Demonstrate to the user the driving-tracking capabilities of the app;
2) Nudge users back into the app to check their driving, linking a specific even like a driving trip to the app;
3) Help users improve their driving in order to save money on fuel.
We had the algorithm and tracking set-up on the backend to deliver "scores" for a users driving, split into four categories: acceleration, deceleration, corning, and maintaining a steady speed. Working with the team's data scientist, we threw together ideas for how to represent the score and a user's driving trip associated with that score.
Initial wireframes by our data scientist to demonstrate tech capabilities
tracking UI inspiration
We looked at various tracking apps to examine how they presented information to the user in a clear and obvious way. While we wanted to do tracking over-time, for the initial MVP we stuck to communicating the driving score for each driving trip and ways to improve that score.
We loved the look of the gauge as a way to show users their score and the possible score. We went through several iterations but wanted it to be the main chart that communicates the driving score.
A collection of different tracking dashboards and their scoring UI that I gathered to inform the UI.
Simplify!
Earlier versions of the driving score were needlessly complicated. I tried to put in too many tracking elements like tracking score progress over time or linking their score to fuel cost savings. While these ideas would be great to come back to, for the driving score MVP we needed to simplify the build for the engineers as well as the UI for the users.
Driving score MVP
The final result of the score is a simple UI that conveys the user's overall driving score and each sub-score. While early iterations had am emoji to show results, we choose the gauge instead to remove any negative emotion from a lower score.
The driving score card at the top of the Driving screen summarizes the user's driving. Users also see the specific sub-scores associated with their trip in the Trip details screen.
