The H3A Peri-Anesthesia Home Health App stands as a pinnacle of digital healthcare innovation, providing a seamless and secure platform that significantly simplifies the pre-surgical process for patients. Designed with user accessibility at its core, this sophisticated online portal empowers patients to complete their pre-assessment medical questionnaires from the sanctuary of their homes. This direct channel of communication facilitates virtual consultations with anesthesiologists, ensuring that patients can discuss their medical history and any concerns with unparalleled ease.
Date
May 2022
Role
Senior UX Designer
[ View Website ]
Introduction
In the dynamic landscape of healthcare technology, the H3A application stands as a testament to the power of digital innovation in enhancing surgical preparedness and fostering effective communication between patients and their surgical teams. Central to this initiative is the integration of a user-friendly pre-assessment medical questionnaire, accessible from the sanctuary of the patient’s home. This strategic feature ensures thorough preparation for surgery and equips the surgical team with vital health information, optimizing the care process.
The application also boasts a sophisticated telehealth appointment system, enabling virtual consultations with anesthesiologists. Designed to prioritize security and ease of use, this feature serves as a testament to our commitment to providing patient-centered care and streamlining the surgical journey.
This case study encapsulates the role I played as a Senior UX Designer in architecting the telehealth appointment user flow within the H3A app. Through an agile framework, I led the team through cycles of information gathering, design validation, and iterative enhancement, culminating in a user flow that embodies efficiency and effectiveness for patients and healthcare providers alike.
Defined Role and Responsibilities:
- Lead the design efforts for the telehealth appointment user flow
- Facilitate the Agile design process, including daily stand-up meetings and sprint retrospectives
- Conduct user research and testing to gather information on user needs and pain points
- Create wireframes, prototypes, and high-fidelity designs for the telehealth appointment user flow
- Collaborate with cross-functional teams, including developers, project managers, and stakeholders
- Provide guidance and mentorship to junior designers on the team
- Continuously iterate and improve the design based on user feedback and testing results
Skills Deployed:
- Agile methodologies
- User-centered design process
- Wireframing and prototyping
- User research and testing
- Collaboration and communication
- Mentorship and team management.
Process:
As the Lead UX Designer leading a team using an Agile methodologies, I utilized the following steps in creating the user flow for the telehealth appointment in H3A:
- Forming the Agile team
- Defining the goal and extracting requirements
- Research sprint
- Design sprint
- Quality assurance sprint
- Launch, Monitoring, and Iteration
- Results
Forming the Team
- I brought together a team of five professionals, including a product owner, a researcher, a front-end developer, a back-end dev and myself as the Principal UX Designer.
- This diverse team brought a range of skills and perspectives to the project, allowing us to tackle the design challenges from multiple angles.
The product owner was responsible for defining the goals and ensuring that our work was aligned with the overall vision for the H3A app. They also acted as the primary point of contact with the client, ensuring that our design decisions met their needs and expectations.
The researcher was responsible for conducting surveys and interviews with patients and anesthesiologists, gathering information about their needs and expectations for the telehealth appointment. This information helped us to understand the key pain points and opportunities for improvement in the current telehealth appointment process.
The front-end developer was responsible for bringing the designs to life by implementing them into a functioning prototype. They worked closely with me to ensure that the designs were technically feasible and that the prototypes met the necessary quality standards.
The Back-end Developer was entrusted with the critical task of ensuring the application’s engine ran smoothly, integrating the server-side logic and database management crucial to the telehealth feature’s functionality.
As the Lead UX Designer, I was responsible for leading the team and guiding the design process. I facilitated user testing sessions to validate the designs and gather feedback, and made iterative changes based on that feedback.
Together, this team formed a robust unit with a shared commitment to excellence. Our collaborative efforts were underpinned by the principles of Agile methodology, enabling us to remain nimble, responsive, and user-focused throughout the project lifecycle. Each member’s unique perspective was valued, creating a culture of innovation and collective problem-solving that drove the project to successful fruition.
Defining the Goal & Extracting Requirements
The process began with a strategic alignment session where the Product Owner and I convened with key stakeholders to distill the essence of the project’s vision. It was a collaborative effort to demystify the project’s scope and crystallize its objectives, thereby translating the broader vision into actionable and clear-cut goals.
In partnership with the team, we meticulously defined our primary objective: to architect a telehealth appointment user flow within the H3A app that exemplified seamlessness and user convenience while simultaneously delivering critical health information to anesthesiologists efficiently.
This objective became the cornerstone of our design philosophy. It acted as the guiding beacon for our design rationale, ensuring that each step of the patient’s journey was intuitive and every interaction was purposeful. This clearly articulated goal ensured that our collective efforts were not only cohesive but also strategically aligned with the overarching mission of the project.
Research Sprint
During the research sprint, our dedicated researcher deployed a series of surveys and in-depth interviews targeting both patients and anesthesiologists. The objective was to harvest rich, qualitative data on their expectations, apprehensions, and requirements for the telehealth appointment feature.
Simultaneously, the team embarked on a comprehensive analysis of competitive apps in the market. This was not just to assimilate the prevailing best practices but also to pinpoint strategic opportunities for the H3A app to establish a unique value proposition.
The insights garnered from this exploratory phase were instrumental. They illuminated the critical friction points within the existing telehealth processes and highlighted areas ripe for innovation. This phase of research provided us with a clear map of the user landscape and a solid foundation upon which we could build a truly differentiated and user-centric telehealth experience.
Competitive Analysis
Design Sprint
The design sprint commenced with the development of low-fidelity wireframes and prototypes, which served as the initial canvas to visualize the proposed enhancements to the user flow. As the orchestrator of this phase, I guided the translation of abstract ideas into concrete, visual representations of the potential solutions.
I then steered user testing sessions that brought together patients and anesthesiologists, the two pivotal user groups of the H3A app. These sessions were designed to not only validate the wireframes and prototypes but also to create an open channel for feedback, ensuring that the design was being shaped by the users, for the users.
The feedback obtained was the catalyst for an iterative design process. It was a cycle of refinement, where each iteration brought us closer to an optimized user flow that aligned with the real-world needs and expectations of our users.
In collaboration with the front-end development team, these iteratively refined designs were then skillfully woven into a functioning prototype. This prototype acted as a tangible milestone in our journey, ready to undergo a further round of rigorous user testing and feedback collection.
Physician-Facing Desktop Dashboard Design
In designing the physician-facing aspect of the telehealth system, a series of wireframes were crafted to streamline the physician’s interaction with the platform. This interface was meticulously designed to ensure that physicians could navigate the system with efficiency and focus on what matters most—the patient.
Simplified User Journey Steps for Physician Appointment User Flow:
- Secure Portal Entry:
- The physician initiates the session by logging into a secure, HIPAA-compliant portal, designed for easy navigation and quick access to patient queues.
- Video Chat Coordination:
- With a single click, the system dispatches a link to the patient, via text or email, inviting them to a video chat. This process is automated to minimize setup time and reduce the potential for manual errors.
- Patient Queue Management:
- The system intelligently manages the patient queue, automatically updating the physician’s dashboard to bring the next scheduled patient into focus as their appointment time approaches.
- Seamless Connection to Waiting Room:
- Upon the patient’s arrival in the digital waiting room, the physician is promptly alerted and can establish the video connection with a simple, intuitive command.
- Initiation of Telehealth Consultation:
- The telehealth visit is activated, allowing the physician to engage in a virtual face-to-face consultation with the patient, complete with all the necessary tools and information at hand to provide exceptional care.
Each of these steps was thoughtfully constructed to reduce administrative burden, enhance physician workflow, and preserve the sanctity of the doctor-patient interaction, thereby elevating the standard of remote healthcare consultations.
Patient-Facing Mobile Interface Design
The development of the patient-facing mobile interface was a critical component of the H3A app, with wireframes designed to ensure a frictionless and reassuring experience for patients as they prepared for their telehealth appointments.
Simplified Patient User Journey Steps:
- Receiving the Invitation:
- The journey begins with the patient receiving a secure, personalized H3A invitation link from their physician, which is designed to be straightforward and easy to access on a range of mobile devices.
- User Identification:
- Upon clicking the link, the patient is directed to a simple, welcoming interface where they are prompted to confirm their identity by entering their name, ensuring a personalized and secure consultation experience.
- Device Permissions:
- The system then requests access to the patient’s camera and microphone, providing clear, step-by-step instructions to facilitate this crucial step and ensure a smooth video and audio experience during the consultation.
- Digital Waiting Room:
- Once permissions are granted, patients are placed in a virtual waiting room. This interface is designed to be calming and informative, keeping patients engaged and informed about their wait time and upcoming consultation.
- Commencement of the Telehealth Visit:
- The transition from the waiting room to the telehealth visit is seamless, with the patient automatically connected to their physician at the appropriate time, signaling the start of their virtual face-to-face health consultation.
Each step of this user journey was crafted with the patient’s comfort and ease of use in mind, ensuring that technology serves as a bridge to better health outcomes rather than a barrier.
Interact with prototypes below (clickable)
Patient Appointment Flow (Check-in to Appointment)
Physician Dashboard (Login to Appointment)
Launch:
Following a thorough phase of User Acceptance Testing (UAT) and a strategic soft rollout, we advanced to the official launch of the telehealth appointment feature within the H3A app. At this juncture, the integration and validation work conducted by our front-end and back-end developers had been completed, ensuring that the infrastructure was robust and fully functional. This meticulous preparation allowed us to transition to launch with confidence, presenting a feature that was not only innovative but also met our rigorous standards for quality and user experience.
Monitoring:
Post-launch, the project shifted into a critical phase of observation and feedback collection. The usage of the telehealth appointment feature was scrutinized, with particular attention to the experiences of both patients and anesthesiologists. This involved a systematic gathering and analysis of feedback, which served as a barometer for the feature’s performance and user satisfaction. The insights obtained during this period were invaluable, providing a clear directive for targeted enhancements and adjustments to further refine the user experience.
Iteration:
Armed with concrete feedback, our team embarked on a phase of iterative development, pinpointing specific aspects of the user flow ripe for improvement. Under my leadership, we initiated a series of user testing sessions designed to rigorously validate the proposed modifications. This iterative cycle of feedback, testing, and refinement was pivotal in our quest for excellence, ensuring that the telehealth appointment feature not only met but exceeded the expectations of our users. Through this process of continuous evolution, we affirmed our commitment to maintaining the efficacy and user-centricity of the H3A app’s telehealth feature, thereby upholding our promise of delivering unparalleled digital healthcare services.
Results:
In the aftermath of our rigorous design, testing, and refinement processes, we carefully measured the impact of the telehealth appointment feature through key performance indicators (KPIs) to gauge its success. The metrics highlighted below offer a quantitative glimpse into the feature’s performance and its acceptance by users:
- Time to Complete Check-in: The streamlined check-in process now averages just 21 seconds, demonstrating the efficiency and ease of access we have achieved, significantly reducing barriers to entry for users initiating their telehealth appointments.
- Completion Rate: An impressive 95% completion rate for the telehealth appointment process indicates a high level of user engagement and the effectiveness of the user flow in keeping patients and anesthesiologists connected through the platform.
- User Satisfaction: Feedback surveys have revealed an exceptional 98% user satisfaction rate, reflecting the positive reception of the telehealth feature by both patients and healthcare professionals. This metric underscores the success of our user-centered design approach in delivering a fulfilling and beneficial experience.
- Reduction in No-Show Rates: Perhaps most notably, we have observed a 48% reduction in no-show rates for appointments, a testament to the increased accessibility and convenience offered by the telehealth feature. This significant decrease not only improves operational efficiency for healthcare providers but also enhances care continuity for patients.
These results validate the strategic decisions made throughout the project lifecycle and emphasize the tangible benefits of our commitment to innovation, user experience, and operational excellence in the healthcare domain.
Experience, Lessons and General insights
During the course of the project, we learned several key takeaways that helped inform the design of the telehealth appointment user flow in the H3A app. Considerations and experience gained included:
- Importance of Privacy: One of the most important insights that emerged from the research was the importance of privacy to patients when it comes to telehealth appointments. Given that the H3A app deals with sensitive medical information, it was critical to ensure that all aspects of the telehealth appointment flow were designed with privacy in consideration.
- Ease of Use: Patients also expressed a desire for the telehealth appointment process to be as seamless and straightforward as possible. This meant that we needed to design the flow in a way that was intuitive and user-friendly, with clear and concise instructions for each step.
- Need for Information: Anesthesiologists emphasized the importance of having access to all the relevant information about a patient’s health prior to the surgery. This meant that the telehealth appointment flow needed to include a way for patients to easily and accurately provide this information to the anesthesiologists.
With these insights in mind, we made sure to take HIPAA compliance into consideration throughout the design process. This meant that we had to ensure that all personal information was kept confidential and secure, and that appropriate measures were in place to protect patient data. The result was a telehealth appointment flow that was both effective and secure, meeting the needs and expectations of both patients and anesthesiologists.