Boost efficiency of applicaitons processing

Designed split-screen features within the platform that allows users to review and process applications much faster and more efficiently.

Feature Overview

When processing a list of records, we worked on a feature that allows the user to view the list on the left while seeing the item detail on the right.
When processing a form submission, we worked on a feature that allows the user to complete the current form of the step at the bottom while viewing the application at the top.

My Role

UX Designer

Time Line

9 weeks / 3 sprints
Jan 10th - Mar 11th 2022

My Team

1 Product Manager
1 Project Assistant
1 UX Designer
2 Developers

Target user

Processors

As a processor, I review applications, directly communicate with people, and give them more clarity & insight into the application and review process.
I want to easily see what work I need to do in the system and feel assured that I am doing everything that is expected of me.

A desire for efficiency

  • Easily track what work I need to do

  • Have a centralized place for all work that needs to be done

  • Make the hand-off process from point A to be point B smoother

MDV user

Track 1: Master detail view

Understand the problem

Currently, to navigate to a record’s Detail View from a List View, the users have to navigate away from the List View.

Power users may need to navigate through multiple records in a List View quickly and efficiently.

Our goal is to speed up the time it takes to process records, especially in the case of users who need to check multiple records at once.

MDV current behavior
What is a master detail view?

“Master Detail Views” typically refers to clicking into an item on a list to see the details of that item, side-by-side to the list.

MDV explain

User journey map

MDV user journey map

Design concept A vs. B

How to show master detail view? - Design A
A design-Enable MDV
How to show master detail view? - Design B
B design-Enable MDV
How to navigate through master detail views? - Design A
A design-Multi MDV
How to navigate through master detail views? - Design B
B design-Multi MDV

Low-fidelity prototype

MDV Lo-fi

Low-fidelity prototype testing

MDV Lo-fi testing notes

High-fidelity prototype testing

MDV Hi-fi testing notes

Final designs

High-fidelity prototype
MDV Hi-fi prototype
Mobile design
MDV Hi-fi mobile design

Track 2: View submission history

Understand the problem

When processing or auditing an application, processors or auditors commonly have to reference fields that exist on previous steps.

Processors and auditors currently cannot view a submission’s history while completing a review/approval step without scrolling up and down, navigating away from the page, or attempting to remember the content of that page.

Our goal is to allow the processors to review the data in previous steps while completing their steps, so they can be more efficient with processing applications.

Current step current behavior

User journey map

Current step user journey map

Design concept A vs. B

How to quickly reference the previous information? - Design A
A design-step navigation
How to quickly reference the previous information? - Design B
B design-info navigation
How to show subission history? - Design A
  • Submission history and the form submission exist on the same page

  • Submission history appears under each step

A design-same tab

How to show subission history? - Design B
  • Submission history and the form submission exist in separate tabs

  • Submission history is more organized

B design-Separate tabs

Low-fidelity prototype testing

Current step Lo-fi testing notes

High-fidelity prototype testing

Current step Hi-fi testing notes

Final designs

High-fidelity prototype
Current step Hi-fi prototype
Mobile design
Current step Hi-fi mobile design