This project gives the user a high-level view of how multiple contracts in the healthcare industry work together simultaneously. It gives the user the ability to easily see all the details of a contract including what phase the contract is in, who is assigned to the phase, if the contract is currently in progress, and which contract is the most up-to-date version.
Project Type: Enterprise Healthcare
Designed for: Desktop
Stakeholders: 3
Product Owner: 1
UX Designer: 1 (me)
My role was to create a solution where all the information about a contract was in one place which included a high-level timeline of events.
The common workflow actions for a contract are amending, extending, renewing, and terminating a contract. There is also an optional action called Abstraction where the contract is reviewed and finalized by an off-site team.
One of the main reasons a hospital would need simultaneous workflows is when a renewal has started but is taking a long time and they need to extend the contract before it expires.
The first step in the process was to understand what information was difficult for the user to access.
You can see a list of contracts but it's difficult to understand what the relationship is between them.
When working on the rules of simultaneous workflows, we wanted to figure out what happens when multiple fields get update at the same time. We concluded it made the most sense to have the latest filed saved be the current information going forward. Also, if there are blank fields that were never filled in, then the blank fields wouldn't override any field in another workflow that had information.
Since the project included using semantic colors (colors with meaning) we decided to ensure the colors we used color blind safe pallet. Through some user research and test, we decided to use the color pallet above.
The final solution above was the result of many iterations based on user testing we conducted. We have an interactive timeline on the left-hand side that shows a high-level view of all the workflows and how they relate to each other. Also, by clicking of one of the bars in the timeline, the corresponding card on the righ-hand side expands to give the user a complete picture of the contract.
This project was to revamp the clipping interface for the company's flagship product. By interviewing potential customers, we discovered that the original clipping interface was too complex to learn. After some competitor research and user testing, I designed a solution that met the users' needs. I added new panels at the bottom that visually showed the start and end clip points. Each panel allowed the user to easily move 1 second or 1 frame, forward or back, in the timeline. This allowed for frame accurate clip creation. I also added a play button to preview that portion of the clip. Feedback was very positive from customers and this new version of the clipping interface was implemented into the product.
February 2020
by Joel Gabiola
UX/UI, Interface
