Epic UX Summer Internship

Reimagining Health Summaries for Patients, One Widget at a Time
UX DESIGN
UI DESIGN

Overview

During the summer of 2022, I interned as a UX designer at Epic Systems in Madison, Wisconsin. I was paired with a software developer intern, and together we fully owned a project for Epic’s patient-facing app, MyChart.

The Problem

At the start of the summer, my partner and I were tasked with updating an existing page in MyChart called Health Summary—both its front-end design and back-end functionality needed a refresh.

My Design Process

To solve our problem we followed the Double Diamond design process model.

Image of the double diamond design methodology

Discovery

To kick off the project, I dove into the current Health Summary page in MyChart. From the jump, it was clear that the page was dense, text-heavy, and overwhelming—especially for patients looking for a quick health overview.

We knew we couldn’t just clean up the UI—we had to understand the user’s mental model of what a health summary should even be.

Getting to Know the Users

I created a research activity that included both 1:1 interviews and a build-your-own summary task. This allowed participants to talk through their expectations and then visually assemble their ideal Health Summary from a provided set of cards (e.g. medications, allergies, test results, etc.).

Image of a discovery activity using sticky notes

Key Takeaways

Most common data chosen:
Out of all categories of information available medications, preventive care, conditions, test results, and allergies were the most common
Snapshot of health:
Users weren’t looking for a complete medical history—they wanted a snapshot of their most recent and relevant information. Recency and clarity mattered far more than comprehensiveness.

Define

After analyzing our research, we aligned on the core issue: the Health Summary page needed more than a facelift—it needed a strategic redesign to better serve users.

Issues with the Current Health Summary:

Image of what the health summary looked like at the beginning of the project

Design

After we defined the project, I began sketching wireframes. The initial ideas I had centered around how to display all the information that is currently on Health Summary without the tabs.

Wireframe image

Wait! Backup!

Stop sign icon

Just as we were preparing to move forward, we hit a turning point. Feedback revealed that the Health Summary didn’t have a clearly defined purpose in its current state—the issue ran deeper than visuals or layout. So instead of progressing to final designs, we looped back into the problem space. It became clear that to create something truly useful, we needed to redefine the scope, even if it meant expanding beyond our original assignment.

Back to Define

At this stage, it was clear we needed to zoom out. The original "redesign the Health Summary page" prompt didn’t capture the complexity of the real issue. The page wasn’t just outdated—it lacked a clear purpose. So, my partner and I hit pause and dove deeper.

This is when our project evolved into something bigger, eventually earning a new name: Health Hub.

We started from scratch—asking bigger questions, exploring user needs in more depth, and reframing the problem entirely.

What Came Out of the Deep Dive?

Reframed Problem
There’s no single place in MyChart where users can see a high-level snapshot of their health across categories. Key information is buried in multiple places, making it hard for users to see the full picture.
Primary Users
  • People who interact regularly with the healthcare system and have a large volume of health data
  • Users who want to be proactive about their health and catch issues before they become problems
New Project Goals
We wanted to create a space where users could:
  • Quickly scan their core health info at a glance
  • Explore details by diving deeper into categories like medications, conditions, and preventive care
  • Use the Health Hub as a tool to proactively manage their well-being

Problem Statement

How might we give patients a holistic overview of their health so that they can understand the big picture and take proactive steps to manage their care?

Design & Develop

With a focused problem statement and clear user goals in place, I jumped back into ideation—this time with sharper direction.

The Idea

A modular Health Hub made up of individual widgets, each summarizing a different category of health data (like medications, preventive care, conditions, etc.).

I led the visual exploration and widget layout design, experimenting with how to make complex medical data glanceable but still meaningful. There was lots of trial and error and many many design feedback sessions.

The Final Design

A Closer Look

Widget Anatomy

Testing

With just a few days left in my internship, I led a guerrilla-style usability test to validate the Health Hub design with real users. My goal was to check if the core interactions were intuitive and if the overall concept made sense.

Usability Study

Participants:

10 Epic employees who are also active MyChart users

Format:

Each participant completed 3 short tasks using a clickable prototype. Afterward, they took a short adjective-based survey to capture their overall impressions of the page.

Focus Areas:

  • Could users tell which items were actionable?
  • Could they navigate to detailed health activities from each widget?
  • Did they understand what the summary portion of each widget represented?
Task Results
All 10 participants successfully completed the tasks with minimal hesitation.
Survey Results
Participants were asked to pick the adjectives that describe their overall impression of the Health Hub design.

With More Time

As my internship wrapped up, I had a clear vision for how Health Hub could continue evolving. With more time, I would’ve explored:

Things to Explore

Brand Flexibility:
How does the design adapt when health systems apply their own branding? What breaks? What still works?
Customization:
Should users be able to personalize their Health Hub—choose which widgets appear, or reorder them?
Responsive Behavior:
On mobile, should widgets collapse by default to reduce cognitive load and allow for quicker scanning?

Next to Design

  • Widgets for Test Results, Medical Trends, and Family Health History
  • Explorations of lightweight dashboards to help users track their health over time
  • Micro-interactions to help bring the Health Hub to life—subtle animations, feedback states, and loading behavior