Go With the Flow
The initial release of the app contained a lot of "back and forth" workflows, stunting the feeling of progress. My goal for the next milestone release was to surface as many interactions as possible for faster filling.
In testing, users expressed that filling out fields inline as opposed to on a separate sheet helped with a feeling of forward progression. Interactions that required more than two taps were into modals rather than their original sheets to keep the workflow feeling linear.
The UI also needed some attention to reduce some of the cognitive overload that comes with high-density forms. I redesigned a few of the components to add some white space and aid with scan-ability, and added tabs to surface document attachments.
One of the biggest asks from our customers was the ability to approve expense reports on the go. This feature needed to be a mobile-friendly adaptation of a complicated workflow and scale with the countless configurations of different customer environments.
The manager approval workflow is entirely dependent on business requirements mandated by the customer — this flowchart is an example of one customer’s specific environment with a report containing generic expense types.
Since the workflow of the manager approvals feature is so dynamic, the interface is open to a lot of change between customer environments. It was important that components were modular so that they could be taken in and out of context without compromising functionality. This happened to be successful in testing too — users preferred the surfaced, discoverable actions that came along with a modular design.