Role: UI/UX Designer

 

Tools: Figma

 

Date: 2023

SADA (Healthcare Management)

Due to an NDA, I'll refer to this client project as "Healthcare Management." I was the sole UI/UX designer on this project at SADA, working with our team (PM, engineers) and the client to redesign their legacy tool for five user types.

Background

Goals:

Redesign the existing Healthcare Management tool by:

  • Identify user pain points and needs.

  • Enhance the user experience.

  • Modernize the tool.

About:

The Healthcare Management tool is a SaaS app that helps hospitals manage patient data from a wearable device. It provides insights to staff, and the company offers both the devices and the software.

 

User Type Overview

Below is a rundown of 5 user types with specific responsibilities:

  1. System Administrator: Employee from Healthcare Management who oversees platform operations, including hospital onboarding, user management, and inventory control.

  2. Site Administrator: A hospital-based user responsible for managing patient records, device allocation, and overall hospital account administration within the Healthcare Management platform.

  3. Clinician: A healthcare professional employed by a hospital, managing patient details, wearable device assignments, and clinical studies.

  4. Physician: A healthcare professional employed by a hospital, managing patient details, wearable device assignments, and clinical studies.

  5. Kitter: A Healthcare Management employee dedicated to managing wearable device inventory and shipment logistics.

 

Workflow Sample (Site Creation)

For this portfolio example, I'll focus on the System Admin's site creation process.

System Admins have full access, but don't use the tool daily. Their main job is to set up new sites for hospital staff (Site Admins). This happens when a new hospital becomes a client.

 

Initial Observations

Dashboard

  • Provides limited information to the user.

  • Opportunity to add information that users may find valuable.

“We usually only use the tool to click the 'Sites' dropdown at the top to create a new site. After a site is created, it's managed by our customers.”

 

Access Sites

  • Accessing the 'create site' option through a dropdown menu in the top navigation bar is unconventional.

  • The site list page functions as the dashboard.

  • Dropdown items in each of the top navigation bar need to be reviewed.

"We currently have no problems with how it works, but we're open to suggestions for improvement."

 

Edit/Create Site

  • The inconsistent spacing makes following the input field text awkward, leading to unnecessary eye movement on this page.

  • The use of radio buttons, checkboxes, and dropdowns could be improved.

  • Most of the input fields are necessary, but some could be removed or introduced later.

"If possible, I prefer to view all the information on this page without scrolling."

 

User Feedback Summary:

  • Users wanted more relevant information throughout each page.

  • They were used to the existing site creation flow, but are open to improvements.

  • They wanted less scrolling overall.

  • Worried for any major changes that would completely affect how the tool is currently used.

 

Final Designs

Table Enhancements:

  • Refined table design to include additional relevant information, such as site name and location. Users pointed out that certain customers with more than one hospital require multiple sites with the same business name. Due to the added location details, such as city and state, they were able to more easily identify customers with multiple sites.

Navigation Improvements:

  • Implemented a search bar on the sites page to facilitate efficient site discovery.

  • Added a clear call-to-action (CTA) button to initiate the creation of new sites directly, eliminating the need to access a dropdown menu.

 

Input Optimization:

  • Utilized checkboxes and radio buttons where appropriate to enhance user interaction and clarity.

  • Categorized input fields within the site creation process to improve organization and reduce scrolling. Key categories included Clinic Details, Study Types, and others.

 

Design System Integration:

  • Incorporated the existing design style using Tailwind CSS to ensure consistency and maintain an up-to-date brand identity.

  • Created a new design system to streamline future design efforts and promote scalability.

 

Design Outcomes

  • Redesign the existing Healthcare Management tool for optimal user experience across five distinct user types within the healthcare workflow environment.

  • Align the tool's visual identity with the current brand guidelines.

  • Implement user-driven feedback to modernize, and improve the usability of the existing tool.