Feature

Annual Budget

A SaaS platform that helps drive margin for over 200 of the top healthcare delivery systems in the US.

01 - One option for a UI mockup.

Overview

Mapping the experience of creating an annual budget overtime.

Strata Decision Technology conceptual logo because I can't use the real logo on my case study

Company Profile

SDT's SaaS platform StrataJazz helps healthcare admins maximize their profit margins.

Jigsaw icon

The Problem

Users were frustrated that their workflow didn't match the current interface.

Website icon

The Outcome

Validated design through a usability test, and mocked up the UI for handoff.

Client icon

My Role

UX Designer; support discovery/framing, iterate ideas, and co-facilitate tests.

Team icon

My Team

2 PMs, 1 Developer, 1 UI Designer, and various executive stakeholders.

Box icon

My Contribution

Collaborated on concept, sketches and wireframes, validated prototype via usability test with PM.


Summary

Healthcare admins use StrataJazz to plan for the next fiscal year.

When healthcare administrators plan for their next fiscal year, it happens over a series of meetings and requires input from different departments. In other words, you can’t plan it all in one sitting and there are a series of “phases” that planning undergoes. StrataJazz provides the analytical tools users need (figure 02) to generate data and make sound decisions.

The problem was that these tools or actions were done within the same workflow, however they were scattered across the StrataJazz platform. My Product Manager wondered if these actions could exist on the same page.

In addition to the current actions, customers requested new features that could only be done on the back-end. These features could not be developed for Stratajazz because specific actions were not appropriate for certain phases. While keeping Stratajazz flexible, it also needed parameters to avoid user error. The challenge here is how do we keep our platform flexible, but also ensure that the user doesn't unknowingly create errors on their end.

Our goal was to create a new feature in the current module that matched the annual budget planning process for finance and c-suite executives in healthcare.

02 - Examples of different actions users can facilitate on the platform.

Discovery & Framing

I collaborated with my PM to learn more about the problem we were trying to solve.

My relationship with my Product Manager was instrumental in learning more about StrataJazz's use cases, and their users. Since the scope of our project didn't include in-depth user research, I relied on my PM's subject-matter expertise, and ongoing conversations with our clients, to identify gaps in the user workflow, and understand what assumptions we were operating under.

Since I wasn't familiar with this problem space, I created these visual diagrams to validate whether my understanding of our users, and their use case, was consistent with what my team knew.

03 - User types and the features available to them in StrataJazz.
04 - Early concept of the phases that hospitals go through when planning their annual budget.
05 - 3 parts of a whole task flow of how users currently use StrataJazz.

Problem Framing

One of the early challenges we faced was understanding our assumption of the budget planning process. At a high level, my team knew our customers facilitated this task in a sequence or phases. The challenge was how do we map these phases onto our platform. My contribution was helping my team visualize our ideas into visual diagrams, and continuously iterating until we felt that the phases met our goals.

06 - Onboarding notes with our initial roadmap (on the right).
07 - Goal setting, and fleshing out ideas through a whiteboarding session.
08 - Iterations of our phases idea.
09 - Whiteboarding session where we tried to map phases onto the platform workflow.
10 - The flow chart we felt best matched our goals for this feature.

Ideation

Exploring ways we can incorporate the concept of “phases.”

At a high level, I knew "phases" meant we would guide users along a process. Some early ideas incorporated different components like steppers, toggles, and checklists.

Eventually, I used a combination of my sketches and screen caps to frame my ideas. This was helpful in contextualizing our concept.

11 - Sketches expressing different ways to guide a user through a process.
12 - Digital sketches that explored embedding sketched components and a checklist feature.
13 - Communicating how we can utilize components from other pages into the current format.

Actions & Wireframes

As a result of the iterations, the concept of actions came up. At a high level, we understood there there were different types of actions users could perform on StrataJazz. These actions or tools were fundamental to helping the user accomplish their tasks. However, executing specific actions were contingent on the phase of the process the user was on. This meant that some actions were more preferred than others, and some actions were not recommended at all for specific phases.

This was an issue for us because our guiding principle was to provide as much flexibility as possible for our users. The challenge was how do we provide all these actions as options, but also let the user know if they perform "not recommended" actions then they would be taking a risk with their data. In these wireframes (figure 11) I explored different ways we can show/hide these actions, and how to organize/label them as well.

14 - Whiteboarding session where we worked out the action categories.
15 - The PMs created this matrix in Confluence which categorized actions and their conditions.
16 - Hiding/showing options by toggling visibility (sorry for the low quality res, the rest of these will not be any better).
17 - Drag/drop cards and hiding them using the menu icon.
18 - An option that matches a pattern found in the current platform.
19 - Later iterations that focused on an accordion-based design.
20 - The iteration closest to what we ended up testing. All actions are houses in each accordion container.

Prototype & Usability Testing

Ultimately, we felt that an accordion-based design was the best choice for hiding/showing different actions. Putting actions in containers allowed us the flexibility to move them around based on where the user was in their process. We tested our prototype with other product managers, and eventually with customers. The purpose of our usability test was to validate our concept of phases, and to identify any usability issues in the design. Overall, we had validated our concept and identified specific areas of the design that we could work on.


Reflection

I designed UI concepts before the project ended.

While UI design was part of the roadmap, unfortunately my internship ended before we could move further. I designed some mockups, and handed it off to the design team (figures 21 and 22).

Looking back, I wish we had spoken to our customers sooner. While we were lucky that we validated our assumptions, we could have potentially spent the entire summer working on an idea that didn't resonate with them. It would have been great to perform some ethnographic research to get a sense of what an actual use case would look like. Even though our idea was validated, there was a high risk that they wouldn't use it or find it helpful in an actual use case.

Two things that really resonated with me throughout my internship was learning how powerful visual diagrams can be, and how crucial collaboration is for creating a great product. Ideas can get pretty heady at times so communicating ideas visually gives everyone the opportunity to be on the same page. I found collaborating through whiteboarding sessions an opportunity to learn more about the product from my PM, and that our better ideas came as a result of looking at the same problem through different perspectives.

As far as I know, this concept never made it into production after my internship ended. I don't have visibility into what happened with it afterward.

21 - A stepper component didn't exist yet so I made one for this project.
22 - Mockup UI iterations based on the current style guide.