Scheduling Modal

Routific

Overview

Routific is a route optimization web app that generates efficient delivery routes for delivery businesses. Route planners upload orders to Routific, and Routific outputs delivery routes. As a product designer at Routific, one of my projects was to design a way for users to manually schedule certain orders to specific routes.

Problem

Although Routific is an automated route optimization platform, the user sometimes need to manually schedule certain orders to specific routes. This most commonly happens when an end customer changes information about the order that makes the originally planned route inefficient. For example, a change to the requested delivery time window can throw off the delivery times for an entire route and introduce idle time for the driver.

In this situation, the user will schedule the changed order to a different route—one that adds a minimal amount of mileage to the total workday.

Solution

My solution allows the user to choose a route to schedule a specific order to.

Modal

To give user confidence during the selection experience, I chose a modal. It clearly communicates to the user that the changes take effect after the submit button is clicked, while also allowing users to review a selection before submitting. This amount of confidence is necessary for an action like scheduling that users consider to be an action with potentially large consequences.

Preview Consequences

In the modal, the user can preview the impact this change would have on the different routes that could be selected. This significantly lightens the cognitive load on the user because it doesn't require the user to do the math themselves. This is important for the user because drivers may have maximum driving distance per shift on their contract, or vehicles may have a maximum driving distance per day to more evenly distribute wear and tear across the fleet of vehicles.

Sort and Filter

The list of routes is automatically, but this sorting can be changed and additional filtering can be added to filter the list down. These features give the user the flexibility to view the list in order of whatever they consider most important.