Making Telematics Work

MyKubota Mobile App Case Study
MyKubota App Hero Image
My role
Feb 2020 - Feb 2022
  • Design research
  • Prototyping
  • UI/UX design
  • Visual design
Team
  • Chuck McQuilkin, Designer
  • Jason Berkley, Project Manager
  • Jaime Carbo, Android Developer
  • Paul Carroll, iOS Developer

Project Overview

The product
Kubota is famous for manufacturing compact orange tractors. Kubota came to InMotion because they were unhappy with their existing iPhone/Android app. Kubota installed modems into their high-end machines for several years. Still, the system that collected the telematics data from the modems was incompatible with the iPhone app, and the app had several significant UX deficiencies.
Deliverables:
  • Wireframes
  • High-fidelity prototypes
  • UI Design in Sketch, Figma & Adobe XD
The problem
Another InMotion designer had created high-fidelity prototypes that solved the UX problems with the existing MyKubota app, and our client had signed off on the prototypes. Then our client’s boss announced that he didn’t approve of any of InMotion’s designs. The project had gone sideways, and my CXO, Matthew Jewell, assigned me to rescue it.

I worked with InMotion’s CEO John Howard to try to rescue the relationship. John spent hours listening to our client’s problems with our designs over the phone. I began laying out every app screen in giant annotated flow diagrams that described how every portion of the app would operate and how each piece would fit together. Each chart had a line for our client’s signature. We sent these flow diagrams over to the client, and John talked them over with our client, and I made revisions as needed. Our client signed off on the app’s look, feel, and functionality within a couple of weeks. My CXO, Matthew Jewel, said he had never seen a client relationship turn so quickly from negative to positive in his career.
Competitive Research
InMotion interviewed four Kubota owners in the Austin area, and I turned our observations and notes into personas for Kubota app users. Our main insights were:
  • Top goals for the app were finding manuals and schematics for repairing tractors
  • Short how-to videos all in one place could be helpful
  • Buying parts in the app could be helpful

Competitive Analysis

Sample screens from MyKubota Competitive Analysis
In an effort to learn from the strength and weaknesses of competitors, an analysis of apps from John Deere, CNH, Caterpillar, and others. I researched these apps because they sold tractor equipment. I also looked at all sorts of apps that provide telematics information and apps in agricultural and industrial industries.

I evaluated the competitors by focusing on the 10 Nielsen Norman Groups's Usablity Heuristics for User Interface Design:
1. Visibility of System Status
2. Match Between the System and the Real World
3. User Control and Freedom
4. Consistency and Standards
5. Error Prevention
6. Recognition Rather than Recall
7. Flexiblity and Efficiency of Use
8. Aesthetic and Minimal Design
9. Help Users Recognize, Diagnose, and Recover from Errors
10. Help and Documentation
Foundational User research
User Interviews
InMotion interviewed four Kubota owners in the Austin area, and I turned our observations and notes into personas for Kubota app users. Our main insights were:
Foundational User research
Key insights
  • Top goals for the app were finding manuals and schematics for repairing tractors
  • Short how-to videos all in one place could be helpful
  • Buying parts in the app could be helpful

User Persona

MyKubota User Persona
Because the project had gone sideways, the effort unfolded in three stages. The first stage was to design and release a redesigned app, and I used the process I described above to get the app shipped. The second stage kicked off when Kubota came back to InMotion and asked us to add a way for owners to shop for compatible attachments. A third stage began when Kubota asked us to find a way to add a feature to help owners track maintenance.
The Opportunity

High-Fidelity Designs (MVP)

High-Fidelity Design of MVP MyKubota App
The project's first stage was to re-launch the app with Dealer Search, Guides, Owners Manuals, and Maintenance Manuals. These improvements deliver on the needs uncovered during the user interviews/personas.
High-fidelity mockups of attachment feature
Attachment Prototype
When Kubota asked for an update to the app to allow owners to shop for compatible attachments, they asked that owners be able to see the machines compatible with a particular attachment and attachments compatible with different tractors. I designed an interface where users use search auto-suggest to select and apply existing data attributes to expand or restrict the attachments shown.
Attachment Prototype
High-fidelity designs of maintenance tracking feature
Maintenance History Prototype
When Kubota asked us to add a maintenance tracking feature to the app, they wanted it to take the form of a checklist, so I put together a simple flow that allows an owner to get to a maintenance checklist for their machine quickly.
Maintenance Prototype
Post-launch user research
Heuristic Audit & Redesign
With different product leadership at Kubota, I wanted to identify the problems with the app so that we could develop a plan to address them. I put together a heuristic evaluation of the app and presented it to Kubota. Afterward, I created a prototype of the refined experience and presented it to Kubota. It was well-received, and it resulted in some of the proposed UX changes making it into the roadmap.
Heuristic Audit Evaluation

High-fidelity Telematics Designs

Mock-ups of the telematic feature of the MyKubota app
Design & Prototype
The heuristic audit led to updated designs (above) and a new prototype in Adobe XD (below).
High-fidelity Telematics Prototype
Outcome
The MyKubota App launched on iOS and Android, and the Kubota-InMotion relationship is still going strong.
MyKubota App on iOS MyKubota App on Android