Mobile Standards
Defining a corporate-wide visual system for John Deere mobile apps
|
John Deere’s mobile app guidelines define what makes a great user-experience, with specific visual examples showing our signature look and feel. John Deere has over 30 apps in the iTunes App Store, created by a variety teams across the company. The guidelines help John Deere designers across the world make better decisions faster. People can follow basic visual, usability, and navigation principles outlined in our resources. Looking across our apps today, I see room for improvement to create a more consistent portfolio of apps—and the mobile standards should help with that goal.
|
|
I spent summer 2016 working on these guidelines. I took cues from Apple and Google, while learning HTML/CSS to manage and build our website. I collected a variety of visual examples showing our design system in practice, along with detailed answers to why we use a certain font or navigation pattern. I also make suggestions for when to use native controls, and when to spend extra time designing and developing custom controls.
|
|
The guidelines are not meant to be hard-and-fast rules. I provide examples as "Do" and "Do Not" letting designers make better and more consistent design decisions—and with less thought. Examples showing that “a Deere app looks like this” helps train new designers, and it's a great communication tool for non-designers who are curious about understanding the importance of our maintaining a visual language.
|
App Icons
Creating consistent and enjoyable user-experiences starts with a good first-impression: the app icon. Our patented design system lets our apps feel like a cohesive family. Icons with green outlines were illustrated by Andrew.