#designsystem
#web
#Figma
#SaaS
#Healthcare
Assisting Physicians in Efficiently Tracking Their Earnings
Assisting Physicians in Efficiently Tracking Their Earnings
Assisting Physicians in Efficiently Tracking Their Earnings
Assisting Physicians in Efficiently Tracking Their Earnings
Assisting Physicians in Efficiently Tracking Their Earnings
From Notes SaaS healthcare solution. "Doctor’s Finance" tracks income from consultations and procedures, and also manages salaries.
From Notes SaaS healthcare solution. "Doctor’s Finance" tracks income from consultations and procedures, and also manages salaries.
From Notes SaaS healthcare solution. "Doctor’s Finance" tracks income from consultations and procedures, and also manages salaries.
From Notes SaaS healthcare solution. "Doctor’s Finance" tracks income from consultations and procedures, and also manages salaries.
From Notes SaaS healthcare solution. "Doctor’s Finance" tracks income from consultations and procedures, and also manages salaries.
2023
Timeline
UIUX Designer
Role
Background
Background
Background
NOTES is developing efficient healthcare facility services and smart hospital management system. Crafted by sewed it based on unique actor’s need. We worked on a new features for benefits doctor called “Doctor’s Finance”.
NOTES is developing efficient healthcare facility services and smart hospital management system. Crafted by sewed it based on unique actor’s need. We worked on a new features for benefits doctor called “Doctor’s Finance”.
NOTES is developing efficient healthcare facility services and smart hospital management system. Crafted by sewed it based on unique actor’s need. We worked on a new features for benefits doctor called “Doctor’s Finance”.
Problem
Problem
Problem
For the conventional system, anything related to finance and their salary seems Lack of Clarity and Inefficient time.
In fact, most doctors want detailed insights into their salary, benefits, and patient consultations. They seek transparency in understanding deductions, taxes, and additional services to ensure fair compensation. Access to a breakdown of earnings and benefits fosters trust and motivates them to continue delivering quality care.
For the conventional system, anything related to finance and their salary seems Lack of Clarity and Inefficient time.
In fact, most doctors want detailed insights into their salary, benefits, and patient consultations. They seek transparency in understanding deductions, taxes, and additional services to ensure fair compensation. Access to a breakdown of earnings and benefits fosters trust and motivates them to continue delivering quality care.
For the conventional system, anything related to finance and their salary seems Lack of Clarity and Inefficient time.
In fact, most doctors want detailed insights into their salary, benefits, and patient consultations. They seek transparency in understanding deductions, taxes, and additional services to ensure fair compensation. Access to a breakdown of earnings and benefits fosters trust and motivates them to continue delivering quality care.
Goals
Goals
Goals
1
Help Users
Easily monitoring their detail salary
1
Help Users
Easily monitoring their detail salary
1
Help Users
Easily monitoring their detail salary
1
Help Users
Easily monitoring their detail salary
1
Help Users
Easily monitoring their detail salary
2
Help NOTES
Enhances attractiveness to healthcare professionals
2
Help NOTES
Enhances attractiveness to healthcare professionals
2
Help NOTES
Enhances attractiveness to healthcare professionals
2
Help NOTES
Enhances attractiveness to healthcare professionals
2
Help NOTES
Enhances attractiveness to healthcare professionals
3
Help Growth
Satisfied users are more likely to recommend the app to others, leading to increased user acquisition and business expansion opportunities.
3
Help Growth
Satisfied users are more likely to recommend the app to others, leading to increased user acquisition and business expansion opportunities.
3
Help Growth
Satisfied users are more likely to recommend the app to others, leading to increased user acquisition and business expansion opportunities.
3
Help Growth
Satisfied users are more likely to recommend the app to others, leading to increased user acquisition and business expansion opportunities.
3
Help Growth
Satisfied users are more likely to recommend the app to others, leading to increased user acquisition and business expansion opportunities.
Success Metrics
Success Metrics
Success Metrics
1
Accuracy of Financial Tracking
Assess the precision of income and expense tracking by comparing recorded financial data on NOTES with external records. High accuracy ensures reliable financial management.
1
Accuracy of Financial Tracking
Assess the precision of income and expense tracking by comparing recorded financial data on NOTES with external records. High accuracy ensures reliable financial management.
1
Accuracy of Financial Tracking
Assess the precision of income and expense tracking by comparing recorded financial data on NOTES with external records. High accuracy ensures reliable financial management.
1
Accuracy of Financial Tracking
Assess the precision of income and expense tracking by comparing recorded financial data on NOTES with external records. High accuracy ensures reliable financial management.
1
Accuracy of Financial Tracking
Assess the precision of income and expense tracking by comparing recorded financial data on NOTES with external records. High accuracy ensures reliable financial management.
2
Time Savings
Quantify the time saved by doctors using the feature compared to manual methods.
2
Time Savings
Quantify the time saved by doctors using the feature compared to manual methods.
2
Time Savings
Quantify the time saved by doctors using the feature compared to manual methods.
2
Time Savings
Quantify the time saved by doctors using the feature compared to manual methods.
2
Time Savings
Quantify the time saved by doctors using the feature compared to manual methods.
3
User Satisfaction
Positive feedback indicates the effectiveness and utility of the feature in meeting user needs.
3
User Satisfaction
Positive feedback indicates the effectiveness and utility of the feature in meeting user needs.
3
User Satisfaction
Positive feedback indicates the effectiveness and utility of the feature in meeting user needs.
3
User Satisfaction
Positive feedback indicates the effectiveness and utility of the feature in meeting user needs.
3
User Satisfaction
Positive feedback indicates the effectiveness and utility of the feature in meeting user needs.
Challenge
Challenge
Challenge
Due to time constraints and relying solely on literacy research, rather than direct interviews, our understanding of users may be limited. Nonetheless, We have strived to derive the best possible solution based on available insights from the product team's brief.
Due to time constraints and relying solely on literacy research, rather than direct interviews, our understanding of users may be limited. Nonetheless, We have strived to derive the best possible solution based on available insights from the product team's brief.
Due to time constraints and relying solely on literacy research, rather than direct interviews, our understanding of users may be limited. Nonetheless, We have strived to derive the best possible solution based on available insights from the product team's brief.
Solution
Solution
Solution
Introducing "Doctor's Finance" in NOTES, a specialized tool designed for doctors to gain detailed insights into their income and facilitate comparisons across various variables.
Introducing "Doctor's Finance" in NOTES, a specialized tool designed for doctors to gain detailed insights into their income and facilitate comparisons across various variables.
Introducing "Doctor's Finance" in NOTES, a specialized tool designed for doctors to gain detailed insights into their income and facilitate comparisons across various variables.
Design Process
Research
Design Process
Design Process
Design Process
Design Process
Research
Research
Research
Research
On this literacy research, we've delved into understanding how doctors monitor their income and their underlying needs and motivations. Taking cues from conventional worker practices regarding salary rights, I've opted to construct customer journeys to visually emphasize product-related challenges.
On this literacy research, we've delved into understanding how doctors monitor their income and their underlying needs and motivations. Taking cues from conventional worker practices regarding salary rights, I've opted to construct customer journeys to visually emphasize product-related challenges.
On this literacy research, we've delved into understanding how doctors monitor their income and their underlying needs and motivations. Taking cues from conventional worker practices regarding salary rights, I've opted to construct customer journeys to visually emphasize product-related challenges.
Item Breakdown Artifact
Item Breakdown Artifact
Item Breakdown Artifact
1
What We Did
We analyzed various variables and flow that users might need using a common employee approach to identify the most useful chunks to display on the dashboard.
1
What We Did
We analyzed various variables and flow that users might need using a common employee approach to identify the most useful chunks to display on the dashboard.
1
What We Did
We analyzed various variables and flow that users might need using a common employee approach to identify the most useful chunks to display on the dashboard.
1
What We Did
We analyzed various variables and flow that users might need using a common employee approach to identify the most useful chunks to display on the dashboard.
1
What We Did
We analyzed various variables and flow that users might need using a common employee approach to identify the most useful chunks to display on the dashboard.
2
Why We Did It
This helped us quickly understand the existing solution and form initial assumptions, at the same time helping with stakeholders‘ communication.
2
Why We Did It
This helped us quickly understand the existing solution and form initial assumptions, at the same time helping with stakeholders‘ communication.
2
Why We Did It
This helped us quickly understand the existing solution and form initial assumptions, at the same time helping with stakeholders‘ communication.
2
Why We Did It
This helped us quickly understand the existing solution and form initial assumptions, at the same time helping with stakeholders‘ communication.
2
Why We Did It
This helped us quickly understand the existing solution and form initial assumptions, at the same time helping with stakeholders‘ communication.
3
What We Learnt
One key insight was that while summary income is crucial, users still require access to detailed information for comprehensive financial management.
3
What We Learnt
One key insight was that while summary income is crucial, users still require access to detailed information for comprehensive financial management.
3
What We Learnt
One key insight was that while summary income is crucial, users still require access to detailed information for comprehensive financial management.
3
What We Learnt
One key insight was that while summary income is crucial, users still require access to detailed information for comprehensive financial management.
3
What We Learnt
One key insight was that while summary income is crucial, users still require access to detailed information for comprehensive financial management.
Design Principles
Design Principles
Design Principles
1
Shorten Conventional Flow
This eliminate the flow and time for data approval and processing
1
Shorten Conventional Flow
This eliminate the flow and time for data approval and processing
1
Shorten Conventional Flow
This eliminate the flow and time for data approval and processing
1
Shorten Conventional Flow
This eliminate the flow and time for data approval and processing
1
Shorten Conventional Flow
This eliminate the flow and time for data approval and processing
2
No Dead Ends
Give the user permission and access to all the data they needed and granted the access to
2
No Dead Ends
Give the user permission and access to all the data they needed and granted the access to
2
No Dead Ends
Give the user permission and access to all the data they needed and granted the access to
2
No Dead Ends
Give the user permission and access to all the data they needed and granted the access to
2
No Dead Ends
Give the user permission and access to all the data they needed and granted the access to
3
Intentionally Guide
Let user do their thing, but guide them where we differ from the conventional method
3
Intentionally Guide
Let user do their thing, but guide them where we differ from the conventional method
3
Intentionally Guide
Let user do their thing, but guide them where we differ from the conventional method
3
Intentionally Guide
Let user do their thing, but guide them where we differ from the conventional method
3
Intentionally Guide
Let user do their thing, but guide them where we differ from the conventional method
Prioritization
Prioritization
Prioritization
To efficiently prioritize features with maximum value in minimal time,
we collaborated with design team, product management, research, and development teams to strategize an MVP release plan. After careful consideration, we identified two pivotal workflows central to a doctor's tasks: salary tracking and detailed payment analysis.
To efficiently prioritize features with maximum value in minimal time,
we collaborated with design team, product management, research, and development teams to strategize an MVP release plan. After careful consideration, we identified two pivotal workflows central to a doctor's tasks: salary tracking and detailed payment analysis.
To efficiently prioritize features with maximum value in minimal time,
we collaborated with design team, product management, research, and development teams to strategize an MVP release plan. After careful consideration, we identified two pivotal workflows central to a doctor's tasks: salary tracking and detailed payment analysis.
Design Decision 1
Design Decision 1
Design Decision 1
Dashboard
Dashboard
Dashboard
Designing commenced with the dashboard. Given our priority to expedite delivery, the dashboard serves as a centralized hub where users can quickly assess multiple aspects at a glance. We strategically placed key elements, such as user profiles and income numbers, on the left side to align with the F and Z patterns of human reading behavior, ensuring users notice them first.
Designing commenced with the dashboard. Given our priority to expedite delivery, the dashboard serves as a centralized hub where users can quickly assess multiple aspects at a glance. We strategically placed key elements, such as user profiles and income numbers, on the left side to align with the F and Z patterns of human reading behavior, ensuring users notice them first.
Designing commenced with the dashboard. Given our priority to expedite delivery, the dashboard serves as a centralized hub where users can quickly assess multiple aspects at a glance. We strategically placed key elements, such as user profiles and income numbers, on the left side to align with the F and Z patterns of human reading behavior, ensuring users notice them first.
Design Decision 2
Design Decision 2
Design Decision 2
Dynamic Chart
Dynamic Chart
Dynamic Chart
One component we developed for doctors to track their income utilizes a donut chart to compare the expected income with the actual income received also another variables related. Our focus was on effectively representing the numbers that users want to see, which is why we implemented a hover state to enhance focus and interaction with the data.
One component we developed for doctors to track their income utilizes a donut chart to compare the expected income with the actual income received also another variables related. Our focus was on effectively representing the numbers that users want to see, which is why we implemented a hover state to enhance focus and interaction with the data.
One component we developed for doctors to track their income utilizes a donut chart to compare the expected income with the actual income received also another variables related. Our focus was on effectively representing the numbers that users want to see, which is why we implemented a hover state to enhance focus and interaction with the data.
Design Decision 3
Design Decision 3
Design Decision 3
Detail Data Visualization
Detail Data Visualization
Detail Data Visualization
We created a separate page from the dashboard to provide detailed information based on patient names. My primary consideration was to prioritize the user's focus, allowing them to choose between viewing details based on common variables or specific patient names.
We created a separate page from the dashboard to provide detailed information based on patient names. My primary consideration was to prioritize the user's focus, allowing them to choose between viewing details based on common variables or specific patient names.
We created a separate page from the dashboard to provide detailed information based on patient names. My primary consideration was to prioritize the user's focus, allowing them to choose between viewing details based on common variables or specific patient names.
Design Decision 4
Design Decision 4
Design Decision 4
Keep on Track
Keep on Track
Keep on Track
To facilitate deeper exploration, We designed a system with clear step indicators and summaries of previous actions, enabling users to easily track their progress and backtrack as needed.
To facilitate deeper exploration, We designed a system with clear step indicators and summaries of previous actions, enabling users to easily track their progress and backtrack as needed.
To facilitate deeper exploration, We designed a system with clear step indicators and summaries of previous actions, enabling users to easily track their progress and backtrack as needed.
Final Design
Final Design
Final Design
Doctor’s can now see their income and also the details at once glance. The first MVP includes features that allow them to print out the income statement by themself.
Doctor’s can now see their income and also the details at once glance. The first MVP includes features that allow them to print out the income statement by themself.
Doctor’s can now see their income and also the details at once glance. The first MVP includes features that allow them to print out the income statement by themself.
Doctors also have the ability to monitor income details for each patient by accessing their individual profiles. This feature allows doctors to review payment histories, services rendered, and outstanding balances associated with specific patients, facilitating comprehensive financial management and patient care.
Doctors also have the ability to monitor income details for each patient by accessing their individual profiles. This feature allows doctors to review payment histories, services rendered, and outstanding balances associated with specific patients, facilitating comprehensive financial management and patient care.
Doctors also have the ability to monitor income details for each patient by accessing their individual profiles. This feature allows doctors to review payment histories, services rendered, and outstanding balances associated with specific patients, facilitating comprehensive financial management and patient care.
Design Handoff
Design Handoff
Design Handoff
We created handoff documents to our engineer providing details by providing annotations for every screen that requires context and organized them into flows to streamline their understanding. We also worked closely with them to make sure they understand the details throughout the process.
We created handoff documents to our engineer providing details by providing annotations for every screen that requires context and organized them into flows to streamline their understanding. We also worked closely with them to make sure they understand the details throughout the process.
We created handoff documents to our engineer providing details by providing annotations for every screen that requires context and organized them into flows to streamline their understanding. We also worked closely with them to make sure they understand the details throughout the process.
Outcome
Outcome
Outcome
1
Increased Efficiency
Automation and detailed insights have saved doctors valuable time on administrative tasks, allowing for greater focus on patient care.
1
Increased Efficiency
Automation and detailed insights have saved doctors valuable time on administrative tasks, allowing for greater focus on patient care.
1
Increased Efficiency
Automation and detailed insights have saved doctors valuable time on administrative tasks, allowing for greater focus on patient care.
1
Increased Efficiency
Automation and detailed insights have saved doctors valuable time on administrative tasks, allowing for greater focus on patient care.
1
Increased Efficiency
Automation and detailed insights have saved doctors valuable time on administrative tasks, allowing for greater focus on patient care.
2
Control & Security
Giving users more control and security as they navigate and use their personal finance.
2
Control & Security
Giving users more control and security as they navigate and use their personal finance.
2
Control & Security
Giving users more control and security as they navigate and use their personal finance.
2
Control & Security
Giving users more control and security as they navigate and use their personal finance.
2
Control & Security
Giving users more control and security as they navigate and use their personal finance.
Tools
Tools
Tools
Figma
Jira
React
Key Takeaways
Key Takeaways
Key Takeaways
Focus on the core user job, and reduce cognitive overload by removing other actions (detail patient payment) that are not the core user job (overlook income statement). While we believe the current design is an improvement over the conventional approach, we are certain there are still numerous opportunities for refinement to achieve optimal usability and effectiveness. As the product is still in development, we are unable to share all the detailed information at this stage.
Focus on the core user job, and reduce cognitive overload by removing other actions (detail patient payment) that are not the core user job (overlook income statement). While we believe the current design is an improvement over the conventional approach, we are certain there are still numerous opportunities for refinement to achieve optimal usability and effectiveness. As the product is still in development, we are unable to share all the detailed information at this stage.
Focus on the core user job, and reduce cognitive overload by removing other actions (detail patient payment) that are not the core user job (overlook income statement). While we believe the current design is an improvement over the conventional approach, we are certain there are still numerous opportunities for refinement to achieve optimal usability and effectiveness. As the product is still in development, we are unable to share all the detailed information at this stage.
