JOHN DEERE GOAPP IOS9 REDESIGN

UI Design, Interaction Design

Screen Shot 2017-12-29 at 6.22.25 PM.png

My Role

Interactive Designer Intern

(Collaborated with UX Researchers, Engineers)

Date

July - Aug 2016

Department

John Deere Technology Innovation Center

 

The Challenge

John Deere apps were all on iOS 8 at that time, and they wanted to update them to be compatible with iOS 9. Since there were more than 10 Deere apps, the challenge for me was not only to provide a list of features that deserve engineering efforts, but also a system approach that can consistently improve all Deere apps.

Design Process

 

Research

Study of iOS 9 Design Guidelines

I first went through all the iOS 9 design guideline to see what their new updates were, including Border Radius, Font, Adaptive UI, Internationalization, Multitasking, 3D Touch, Push Notification, Proactive & Search, etc. I studied their benefits and use cases, and listed out how they can be applied to Deere apps.

  iOS 9 Design Guidelines

iOS 9 Design Guidelines

When I did the research on iOS 9 guideline, I focused on a few questions to evaluate what some benefits were and how necessary for us to implement them. The questions included: What we could take advantage of this feature? What benefits it bring to user or us? What additional resources we can use to define its value? How hard it is to implement the feature?

  Lists of iOS 9 important updates and evaluation of their value to us

Lists of iOS 9 important updates and evaluation of their value to us

Study of Current Use Cases of Deere App

I evaluated the corresponding features on current apps, in terms of how we could take advantage of the new features. The evaluation was mostly from my side and engineering side. Beyond that, I interviewed 5 users to gain their perspectives. Specifically, to figure out if there is any existing design or usability problems, I asked a farmer how he uses the app to facilitate his farming equipments. Here're the steps he took to accomplish a specific goal - changing crop:

The problems and room to improve the app I found were: 

1. The small text on the card is unreadable.

2. There were too many steps to go through in order to find a specific card.

3. Viewing instruction when flipping to the back side of a card loses context.

4. It's not convenient to hold the phone when user is working on the equipment.

 

Ideation

Together with engineers and UX researchers, I narrowed 23 new features down to 10 features that were most valuable to us, with low to medium difficulty of implementation. Within those 10 features, I brainstormed how we could apply them to solve user's problems.

To solve the problems, I sketched out how the new experience could be:

Screen Shot 2018-08-02 at 1.01.03 AM.png

iOS 9 provided many effective ways to combine multiple steps to one step through quick actions. For example, Quick Action on the app icon allows quick access to user's frequent visit pages, last visited page and important contents. 3D touch replace two taps to a press to view content. Moreover, previously user has to do the task while reading the app cards. Multitasking allows user to take notes and do the task afterwards, or share the app content with their partners.

 

Interface Redesign

Embrace User With Accessibility

How does Dynamic Text improve readability:

  • A range of font sizes that automatically provide superlative legibility and a great reading experience, including accessibility settings;
  • Automatic adjustments to letter spacing and line height for every font size;
  • The ability to specify different text styles for semantically distinct blocks of text, such as Body, Footnote, Headline that responds appropriately to changes the user makes to text-size
 

Clear Indicator of Progress

 

Enable 3D Touch to Improve Efficiency 

Allows users to preview content without opening the link page: can be used in flipping cards (press the Important Information icon without flipping the card to see the imformation on the back), preview cards in subchapter menu, and used on previewing images.

 

Multitasking