Edit Stop View

  • Product Design
  • Prototyping
  • Handoff & QA

Update the UI to make it quicker for drivers to enter stop details, motivating them to do it more often.

Company
Spoke (formerly Circuit)
Year
2023
Role
Lead designer. Concepting, design, prototype, handoff and QA.
Platforms
iOS and Android

Problem

The old edit stop view was a different experience on each platform, so the same task looked and worked differently on Android and on iOS.

  • Different experience on each platform
  • Not optimized for vertical space, to reduce the need of scroll
  • Outdated components
The old edit stop view on Android and on iOS side by side: a search field, the stop name and address, and separate fields for place in vehicle, priority, type, time window and stop duration. The two platforms differ from each other.

Redesign

The stop details became a compact list: place in vehicle, order, type, arrival time and time at stop, with change address, duplicate stop and remove stop below it. It fits more on one screen, so there is less to scroll.

The old edit stop view on Android, with separate input fields.
Before
The redesigned edit stop view: the details in a compact list, with change address, duplicate stop and remove stop as list actions.
After
Next project Digital Electricity Bill — Lemon Energy