目录

Epic MyChart AI 健康医疗助手设计

Epic MyChart AI 健康医疗助手设计

Healthcare

UX Design

User Research

AI

Usability Test

Web Design

SaaS Platform

健康医疗

用户体验设计

用户研究

AI

可用性测试

Web

校企合作

项目概况

与美国知名医疗软件公司 Epic 合作,基于敏捷开发与精益创业 (Lean Startup) 方法,从 0 到 1 设计并交付了一款面向患者门户平台 Epic MyChart 的 AI 插件,用于简化复杂医疗信息、提供医疗数据总结与健康建议。54 名用户参与的可用性测试显示,该方案使用户满意度提升了 18.3%,且 83% 的用户表示愿意长期使用。

AI健康医疗助手

AI健康医疗助手

客户

客户

客户

Epic

时间线

时间线

时间线

09/24 - 12/24

团队

团队

1名设计师, 1名MBA策略师, 3名开发, 威斯康星大学麦迪逊分校

我的角色

我的角色

我的角色

用户研究员、

用户体验设计师

Tool

Tool

Figma, Jira, Microsoft meetings, Google Doc, Photoshop

客户需求

  • 通过AI技术帮助患者理解复杂医疗信息

  • 设计风格与现有系统保持一致

Team

1 designer, 1 MBA strategist, 3 developers

Tool

Figma, Jira, Microsoft meetings, Google Doc, C4D, Photoshop

Healthcare, UX Design, User Research, AI, Usability Test, SaaS Platform

项目背景:医疗数据更加透明,但患者仍然难以理解

项目背景:医疗数据更加透明,但患者仍然难以理解

项目背景:医疗数据更加透明,但患者仍然难以理解

Epic Systems 开发的 Epic MyChart 是美国广泛使用的患者门户,为用户提供对病历、检查结果和预约安排等医疗信息的安全数字化访问。

尽管这类患者门户提升了医疗信息透明度,但其中大量内容——例如医生记录和检验结果——本质上仍是面向医疗专业人员撰写的,因此患者往往难以真正理解和解读。

Epic Mychart 网站

Epic MyChart

研究

研究

研究

我与 MBA 战略方向成员及工程团队协作开展了用户研究。在访谈了 Epic 团队成员以及 14 位 Epic MyChart 用户后,我们梳理并界定了核心痛点,并将目标用户划分为两类:

新用户

长期用户(如慢性病患者、需要持续照护的患者)

部分研究记录

部分研究记录

痛点所在的典型用户场景

痛点所在的典型用户场景

通过深入研究,我们识别出三个用户痛点最集中的使用场景,分别是检验结果、医生记录和药物信息:

🤔❓

“What is LDL?”

“What does this number mean?”

“What does this mean for my health?”

“What should I do about it?”

检验结果

医生记录 / 病程记录

🤔❓

“What do all these medical terms mean?”

“Does this include additional details my doctor didn’t mention?”

“Where can I ask for clarification?”

药物信息

🤔❓

“What is this medication for?”

“What are the side effects?”

“Can I take this with my other medications?”

“How much does this cost? Will my insurance cover it?”

关键痛点总结

关键痛点总结

关键痛点总结

我们总结了三个主要的用户痛点如下:

医疗术语晦涩难懂

患者常遇到晦涩难懂的医学术语,难以理解自身的诊疗情况,也无法做出明智的决策。

检验数据含义不明

患者面对化验结果(如 TSH)时常常感到困惑,不清楚其含义,也不知道下一步该怎么做。

病历资料繁杂难理

慢性病患者或需要就诊多位专科医生的人,常因数据与病历资料过多而理不清头绪,不知从何看起。

核心设计目标(HMW问题陈述)

如何让 Epic MyChart 中复杂的医疗信息,对普通患者更易懂、更好用?

如何让 Epic MyChart 中复杂的医疗信息,对普通患者更易懂、更好用?

愿景陈述

我们的愿景是借助 AI 能力,帮助 MyChart 中的患者看懂自己的健康数据——通过简化医学术语、图表和报告,将复杂信息转化为可操作的指导,让患者能够做出明智的决策,并真正参与到自己的诊疗过程中。

头脑风暴方案

头脑风暴方案

我们通过头脑风暴提出了多个想法,并通过点票法和 PUGH 矩阵进行筛选,在综合评估可行性、用户影响力和商业价值后,最终确定了四个最能满足用户需求、提升整体体验的核心功能。

四大核心功能

划词释义/悬浮提示

划词释义/悬浮提示

鼠标选中/悬浮在文本上后,自动弹出气泡解释其中的医学术语,让专业词汇一目了然。

AI 健康助手 & 智能对话机器人

AI 健康助手 & 智能对话机器人

搭载 AI 健康助手,支持问答互动、个性化推荐,用通俗易懂的语言解答用户疑问。

截图解读/总结本页

截图解读/总结本页

用户可截取难以理解的部分或选择总结本页,系统自动生成简化版内容,帮助快速理解。

个性化健康摘要 & 健康计划

个性化健康摘要 & 健康计划

为每次就诊或检验结果自动生成 AI 摘要,将专业医疗信息转化为直观易懂的关键总结和可操作建议。

头脑风暴解决方案

PUGH矩阵

Highlight for Explanation

Highlight text and then you get the translate of specific medical jargon.

AI Chatbot

Provide chatbots (such as chatGPT) that allow users to ask questions.

AI Heath Assistant

An interactive ai health assistant can provide Q&A, personalized recommendations, easy-to-understand language

Screen Capture for simplified explanations

Implement a feature where users can capture screen of confusing sections of their Epic MyChart data, triggering a simplified version of the content.

Personalized Health Summaries and health plan

Create AI-generated summaries for each patient's visit or test results, translating medical details into key takeaways and next steps in simple language.

原型 1.0(低保真)

将创意快速转化为可落地的原型

将创意快速转化为可落地的原型

原型 1.0 V.S 原型 2.0

可用性测试第一轮:优化前后对比

可用性测试第一轮:优化前后对比

第二轮可用性测试结果

第二轮可用性测试结果

第二轮可用性测试结果

The second prototype was evaluated at UW Health Hospital, involving 24 patients who were Epic MyChart users.

Consent Form & Interview Notes

Consent Form & Interview Notes

High-fi mockups

High-fi mockups

Three kind of issues were uncovered as follows:

Three kind of issues were uncovered as follows:

User Experience

  • Enhance AI elements in visual design.

  • Improve data visualization features.

  • Enhance discoverability and affordance of core features.

Privacy Concern

Some participants prefer sensitive information like medication details to be hidden by default instead of arising when hovering on the AI assistant to prevent exposure in public settings.

Refining AI Assistant's Visual Identity

The human-like appearance of the AI assistant led some users to mistake it for a real doctor representative, causing confusion about the source of medical advice.

Prototypes 3.0

Final Design

Final Design

Building upon insights and usability testing results from prototype 2.0, I refined the design to better align with user needs.

Solving Key Pain Points with AI-Enhanced Features

Key Feature Overview

Key Feature Overview

Key Feature Overview

😔 Problem 1

😔 Problem 1

Patients often encounter confusing medical terms, making it hard to understand their care and make informed decisions.

💡 Solution 1

💡 Solution 1

💡 Solution 1

Select text with your mouse to automatically see a popup explaining medical jargon.

😔 Problem 2

😔 Problem 2

😔 Problem 2

Patients often struggle with lab results or values (like TSH), unsure what they mean or what to do next.

💡 Solution 2

💡 Solution 2

💡 Solution 2

  1. Click the "Capture to Explain" button.

  2. Right-click and drag to draw a box around any part of the screen you want explained.

  3. Click "Done" to confirm your selection.

  4. The system will analyze the captured area and provide a clear explanation of the content.

  1. Click the "Capture to Explain" button.

  2. Right-click and drag to draw a box around any part of the screen you want explained.

  3. Click "Done" to confirm your selection.

  4. The system will analyze the captured area and provide a clear explanation of the content.

😔 Problem 3

😔 Problem 3

😔 Problem 3

Those with chronic conditions or seeing multiple specialists are overwhelmed by too much data and documentation.

Those with chronic conditions or seeing multiple specialists are overwhelmed by too much data and documentation.

💡 Solution 3

💡 Solution 3

💡 Solution 3

Click the button “Summarize this page” to summarize the long text of this page.

Click the button “Summarize this page” to summarize the long text of this page.

Outcome

Outcome

Outcome

The final prototype was evaluated with 15 Epic MyChart users by remote video. Usability testing revealed a 18.3% increase in user satisfaction compared with first-round testing. And it indicated that participants universally experienced improved comprehension, and 83% expressed a willingness to use the plugin regularly.

Additionally, the System Usability Scale (SUS) score improved by 12 points, reaching 72, further confirming a high level of usability and user acceptance. The tech team is is now continuing to iterate and implement the design.

Reflection

Reflection

Reflection

Enhancing Usability and Mobile Integration

Enhancing Usability and Mobile Integration

Given more time, we would continue refining and iterating on the design. While overall feedback was positive, many users primarily rely on the MyChart mobile app for daily health management. Integrating medication reminders with mobile devices would improve accessibility and ensure the AI assistant seamlessly fits into users' existing routines.

Contact me if you’d like to learn more.

Contact me if you’d like to learn more.

Contact me if you’d like to learn more.