AI medical transcribing tool

AI medical transcribing tool

AI medical transcribing tool

Product research & design, Usability testing, Design System

Designing an AI medical scribe platform to facilitate note-taking process for doctors

Designing an AI medical scribe platform to facilitate note-taking process for doctors

Designing an AI medical scribe platform to facilitate note-taking process for doctors

角色

產品設計師

Product designer

Role

Product designer

角色

Product designer

角色

產品設計師

角色


產品設計師

CEO
CTO
Engineers

角色

CEO
CTO
Engineers

角色

產品設計師

角色


產品設計師

Figma

Figjam

Slack

角色

Figma
Figjam
Slack

角色

產品設計師

角色


產品設計師

March - July 2024

角色

March - July 2024

角色

產品設計師

角色

產品設計師

Built up design system matching development framework

Architected the design system integrated with React.js and Tailwind CSS, enabling designers and developers to create consistent UI components efficiently.

Defined project goal, conducted user research through prototype design

Clarified project goals and identified current usability issues through usability testing, interpreting insights to design solutions in collaboration with the engineering team.

Defined project goal, conducted user research through prototype design

Clarified project goals and identified current usability issues through usability testing, interpreting insights to design solutions in collaboration with the engineering team.

角色

Built up design system matching development framework

Architected the design system integrated with React.js and Tailwind CSS, enabling designers and developers to create consistent UI components efficiently.

Defined project goal, conducted user research through prototype design

Clarified project goals and identified current usability issues through usability testing, interpreting insights to design solutions in collaboration with the engineering team.

角色

產品設計師

Embracing multiple solutions over perfection: balancing feasibility and user needs

In fast-paced startup environments, I quickly iterated on multiple solutions to align business goals and product feasibility while considering user needs.

Defining Editing Functionality

Before designing the editing feature, I realized the need to clearly define the scenarios that would require editing.

I focused on identifying which specific functionalities, processes, and logical flows were necessary for effective editing, ensuring that our design would meet user needs.

角色

Defining Editing Functionality

Before designing the editing feature, I realized the need to clearly define the scenarios that would require editing.

I focused on identifying which specific functionalities, processes, and logical flows were necessary for effective editing, ensuring that our design would meet user needs.

問題

問題

問題

What is the product?

A voice-to-text AI service for doctors to transcribe medical documents.

What is the product?

What is the product?

A voice-to-text AI service for doctors to transcribe medical documents.

A voice-to-text AI service for doctors to transcribe medical documents.

How to use the product?

Start recording
AI transcribes recording to
medical notes
Copy generated notes
Paste it to EHR system

How to use the product?

How to use the product?

Start recording
1.Start recording
AI transcribes recording to medical notes
2.AI transcribes recording to medical notes
Copy generated notes
3.Copy generated notes
Paste it to EHR system
Paste it to EHR system

Who are the users?

Who are the users?

Doctors, physicians in small clinics.

→ Small clinics are relatively easier to implement and integrate the external system to their existing platform.

Doctors, physicians in small clinics.

→ Small clinics are relatively easier to implement and integrate the external system to their existing platform.

What is their pain point?

What is their pain point?

Despite the streamlining offered by electronic health record (EHR) systems, doctors still spend significant amounts of time on medical documentation and organizing records.

Despite the streamlining offered by electronic health record (EHR) systems, doctors still spend significant amounts of time on medical documentation and organizing records.

問題

問題

問題

Joined as the first designer

Joined as the first designer

The existing website was developed directly by engineers without any prior wireframes or prototypes, leading to significant usability issues and an inconsistent user experience.


As the first UX designer, I was responsible for redesigning the entire website to improve its visual appeal and functionality.

Project goal

Project goal

Rapidly gather user feedback to refine the initial platform design and assess whether the product meets user needs and has a clear path to market success.

Rapidly gather user feedback to refine the initial platform design and assess whether the product meets user needs and has a clear path to market success.

Rapidly gather user feedback to refine the initial platform design and assess whether the product meets user needs and has a clear path to market success.

問題

問題

問題

Defined problem

To effectively address the challenges of the existing platform, I recognized the need for thorough research to explore and define the actual problems users faced.

To effectively address the challenges of the existing platform, I recognized the need for thorough research to explore and define the actual problems users faced.

Step 1.
Clarifying the situation

Step 2.
Defining problems

Step 3.
Running user research to understand problems

Step 4.
Choosing usability testing as the research method

Reasons of running usability testing

  • Can quickly obtain user feedback and observe their behaviors when they run usability testing.

  • Can include interview questions to gain a deeper understanding of users' daily work and pain points.

  • Can quickly obtain user feedback and observe their behaviors when they run usability testing.

  • Can include interview questions to gain a deeper understanding of users' daily work and pain points.

UX Research - Define the target users

As discussed with founders and considered the business plan, the initial target users are

Doctors in small clinics (fewer than 20 doctors)
→ Choosing small clinics is because hospitals often have to process lengthy paperwork, which makes it difficult to integrate new systems and manage legal requirements.

As discussed with founders and considered the business plan, the initial target users are

Doctors in small clinics (fewer than 20 doctors)
→ Choosing small clinics is because hospitals often have to process lengthy paperwork, which makes it difficult to integrate new systems and manage legal requirements.

UX Research - Define the target users

As discussed with founders and considered the business plan, the initial target users are

Doctors in small clinics (fewer than 20 doctors)

→ Choosing small clinics is because hospitals often have to process lengthy paperwork, which makes it difficult to integrate new systems and manage legal requirements.

UX Research - Usability testing

UX Research -
Usability testing

I chose usability testing as my primary method, as it allows us to gather insights directly from users and enabled me to incorporate interview questions that helped me understand doctors' workflows better.

Conducted usability testing with 2 doctors with 3 tasks.

Testing objectives
Can users use our website's dictation feature easily, quickly, and efficiently?
Can users generate easily?
Can users edit notes?
Are users able to use the website’s templates easily?

Quantitative Data
● Satisfaction score
● SUS

I chose usability testing as my primary method, as it allows us to gather insights directly from users and enabled me to incorporate interview questions that helped me understand doctors' workflows better.

Conducted usability testing with 2 doctors with 3 tasks.

Testing objectives
Can users use our website's dictation feature easily, quickly, and efficiently?
Can users generate easily?
Can users edit notes?
Are users able to use the website’s templates easily?

Quantitative Data
● Satisfaction score
● SUS

I chose usability testing as my primary method, as it allows us to gather insights directly from users and enabled me to incorporate interview questions that helped me understand doctors' workflows better.

Conducted usability testing with 2 doctors with 3 tasks.

Testing objectives
Can users use our website's dictation feature easily, quickly, and efficiently?
Can users generate easily?
Can users edit notes?
Are users able to use the website’s templates easily?

Quantitative Data
● Satisfaction score
● SUS

UX Research - Insights

UX Research - Insights

Situation:
When users accidentally leave the editing mode, their recording will get disappeared.

Reason:

This is a very serious issue because the recording cannot be repeated and traced back, and doctors may forget the details of the consultation. Therefore, it is crucial to address this problem.

Insight:
Because users experience significant frustration and confusion when their recordings are lost, they highly value features that help prevent accidental data loss.

Situation:
When users accidentally leave the editing mode, their recording will get disappeared.

Reason:

This is a very serious issue because the recording cannot be repeated and traced back, and doctors may forget the details of the consultation. Therefore, it is crucial to address this problem.

Insight:
Because users experience significant frustration and confusion when their recordings are lost, they highly value features that help prevent accidental data loss.

Situation:
When users accidentally leave the editing mode, their recording will get disappeared.

Reason:

This is a very serious issue because the recording cannot be repeated and traced back, and doctors may forget the details of the consultation. Therefore, it is crucial to address this problem.

Insight:
Because users experience significant frustration and confusion when their recordings are lost, they highly value features that help prevent accidental data loss.

Best solution - Unsaved draft notes

Best solution - Unsaved draft notes

With a sidebar and dashboard sections showing any unsaved and unconverted recordings users have.

With a sidebar and dashboard sections showing any unsaved and unconverted recordings users have.

With a sidebar and dashboard sections showing any unsaved and unconverted recordings users have.

Better solution -
Error prevention
(showing alert message)

Better solution - Error prevention
(showing alert message)

Better solution -
Error prevention
(showing alert message)

Users will receive a pop-up alert if they attempt to exit the editing modal without saving their note.

Users will receive a pop-up alert if they attempt to exit the editing modal without saving their note.

Users will receive a pop-up alert if they attempt to exit the editing modal without saving their note.

Challenge - Balancing Ideal Solutions with Business Priorities

Challenge - Balancing Ideal Solutions with Business Priorities

As a UX designer, I recognized the need to align our design decisions with user needs and business goals. While implementing unsaved drafts would offer the best user experience, it required substantial development time.


After discussions with the founder and engineering team, we evaluated this against our primary business goal: launching an MVP to reach potential users quickly. Ultimately, we made a strategic compromise.


We decided to implement alert messages as an immediate, effective solution that addressed user needs while requiring less development time.

As a UX designer, I recognized the need to align our design decisions with user needs and business goals. While implementing unsaved drafts would offer the best user experience, it required substantial development time.

After discussions with the founder and engineering team, we evaluated this against our primary business goal: launching an MVP to reach potential users quickly. Ultimately, we made a strategic compromise.

We decided to implement alert messages as an immediate, effective solution that addressed user needs while requiring less development time.

As a UX designer, I recognized the need to align our design decisions with user needs and business goals. While implementing unsaved drafts would offer the best user experience, it required substantial development time.


After discussions with the founder and engineering team, we evaluated this against our primary business goal: launching an MVP to reach potential users quickly. Ultimately, we made a strategic compromise.


We decided to implement alert messages as an immediate, effective solution that addressed user needs while requiring less development time.

問題

問題

問題

Provide default sample template

Provide default sample template

From usability testing, the user left the editing mode because he found no template created.

I think there should be a default template if they haven't created one before. Then, the possibility of jumping out will be reduced.

From usability testing, the user left the editing mode because he found no template created.
I think there should be a default template if they haven't created one before. Then, the possibility of jumping out will be reduced.

Showing alert message when leaving the editing modal

Showing alert message when leaving the editing modal

If users still want to leave the editing modal without saving the note, the system will display a pop-up alert message reminding them that their data will be lost if they exit. This alert will prompt users to confirm their decision, ensuring they know the consequences. This approach helps reduce frustration and sets more clear expectations for users.

If users still want to leave the editing modal without saving the note, the system will display a pop-up alert message reminding them that their data will be lost if they exit. This alert will prompt users to confirm their decision, ensuring they know the consequences. This approach helps reduce frustration and sets more clear expectations for users.

問題

問題

問題

Follow up plan - Unsaved draft design idea

Follow up plan -
Unsaved draft design idea

Even though the ideal design wasn't accepted at the current development stage, I continued to address this issue by designing a prototype to demonstrate the expected value of having an unsaved recording draft.

I conducted a competitor analysis on Scribematic.ai, MedNotes.ai, and Freed.ai, all of which include an error prevention feature with automatic saving of draft sections for users to finish later. I shared these findings with the founders and engineers. Therefore, I believe it's important to implement this complete feature in the future.

Even though the ideal design wasn't accepted at the current development stage, I continued to address this issue by designing a prototype to demonstrate the expected value of having an unsaved recording draft.

I conducted a competitor analysis on Scribematic.ai, MedNotes.ai, and Freed.ai, all of which include an error prevention feature with automatic saving of draft sections for users to finish later. I shared these findings with the founders and engineers. Therefore, I believe it's important to implement this complete feature in the future.

Considering the original 'saved notes' sidebar tab, I added the recording drafts under this tab for easy access. Additionally, on the dashboard, I included both saved notes and saved recording drafts in a table to remind users.

Considering the original 'saved notes' sidebar tab, I added the recording drafts under this tab for easy access. Additionally, on the dashboard, I included both saved notes and saved recording drafts in a table to remind users.

問題

問題

問題

Establish my own design process

Establish my own design process

As a solo designer, I handled everything from research to design. This included presenting proposed designs, articulating design decisions, and conducting lightweight research. I must consider why a design is necessary and what methods should be used to evaluate it.

I also utilized AI tools like ChatGPT and Midjourney to generate user stories and storyboards, making conveying my ideas to stakeholders easier.

As a solo designer, I handled everything from research to design. This included presenting proposed designs, articulating design decisions, and conducting lightweight research. I must consider why a design is necessary and what methods should be used to evaluate it.

I also utilized AI tools like ChatGPT and Midjourney to generate user stories and storyboards, making conveying my ideas to stakeholders easier.

Self growth, Design growth

Self growth, Design growth

Since the company had no existing design drafts or design system, I decided to quickly produce designs by referring to existing online design systems.

To do this, I consulted with the engineers to determine the programming language and CSS framework they were using (React, Tailwind). I searched for free design systems that use Tailwind CSS syntax and have Figma components.
Additionally, considering that this product is an AI-assisted tool, the design system needed to have a professional, minimalistic, and modern style.

During the process, I provided the engineers with online documentation links and subsequently designed a customized design system for LIAA. I also ensured that the color contrast met WCAG standards for accessibility.

Since the company had no existing design drafts or design system, I decided to quickly produce designs by referring to existing online design systems.

To do this, I consulted with the engineers to determine the programming language and CSS framework they were using (React, Tailwind). I searched for free design systems that use Tailwind CSS syntax and have Figma components.
Additionally, considering that this product is an AI-assisted tool, the design system needed to have a professional, minimalistic, and modern style.

During the process, I provided the engineers with online documentation links and subsequently designed a customized design system for LIAA. I also ensured that the color contrast met WCAG standards for accessibility.

Defined problem

To effectively address the challenges of the existing platform, I recognized the need for thorough research to explore and define the actual problems users faced.

Reasons of running usability testing

  • Can quickly obtain user feedback and observe their behaviors when they run usability testing.

  • Can include interview questions to gain a deeper understanding of users' daily work and pain points.