Fasi Emergency Health App - Case Study
The Problem
As a UI/UX designer, I worked remotely to design a mobile app that bridges these gaps by streamlining emergency healthcare services. The app aims to provide real-time location tracking, access to patient medical history, and seamless communication between users and emergency responders. This project was a collaborative effort, and I received continuous feedback from developers and project managers to align the design with technical feasibility and user needs.
Research and Insights
Understanding the user’s pain points was key to developing a practical solution. I conducted virtual interviews and surveys with ambulance drivers, first aid responders, and patients who had used emergency services.
Key Insights:
Ambulance drivers struggled with incomplete or delayed patient location details, leading to increased response times.
First aid responders emphasized the importance of accessing medical information, such as allergies or pre-existing conditions, to administer effective care.
Patients noted frustrations with poor communication and the lack of visibility into the ambulance's arrival time.
I summarized these findings using an empathy map and a user journey map to identify specific pain points across different stakeholders.
Ideation
After identifying the problem areas, I conducted brainstorming sessions with the team via collaborative online tools like Miro. Using the MoSCoW prioritization framework, we categorized features into Must-Haves (e.g., real-time tracking, panic button) and Nice-to-Haves (e.g., guided first aid tutorials).The focus was on ensuring the app was user-friendly while solving the most critical issues.
User Flows
I designed a user flow to illustrate how different users (patients, ambulance drivers, and responders) would interact with the app. For instance:
A patient presses the panic button, selects whether the request is for themselves or someone else, and receives updates on the ambulance's location and ETA.
Ambulance drivers receive patient location, basic medical details, and navigation support.
Wireframes
I created low-fidelity wireframes in Figma to establish the app's structure and flow. The focus was on ensuring clarity, such as making the panic button prominent and simplifying the onboarding process.
Key Screens:
Registration and Login
Home Screen with the panic button
Ambulance Tracking with GPS
Payment Flow
The wireframes were shared with the development team and project managers for feedback, ensuring the designs aligned with technical constraints.
UI Design
Using the wireframes as a foundation, I developed high-fidelity mockups with a clean and calming aesthetic. The design featured:
A soothing color palette of blues and greens to build trust.
Clear typography for readability in high-stress scenarios.
Visual hierarchy to emphasize critical elements like the panic button and ambulance tracking.
After presenting the designs to stakeholders, I iterated based on feedback to refine interactions and ensure consistency across screens.
Usability Testing
To validate the design, I conducted remote usability tests with a small group of users, including first aid responders and patients. Participants were asked to complete tasks such as initiating an emergency request or tracking an ambulance.
Key Feedback:
Patients valued the real-time GPS tracking feature, which reduced their anxiety during emergencies.
Based on this feedback, I made improvements to button sizes, added a search function for first aid, and enhanced the map interface for clarity.
Results and Impact
he final design was well-received by the project managers and development team. It was optimized for scalability and aligned with the goals of improving emergency response efficiency.
Key Metrics Achieved:
Projected to reduce ambulance response times by 25% due to real-time location sharing.
Enhanced user satisfaction with intuitive design and guided first aid features.
Provided responders with critical medical details, improving patient outcomes.
Learnings and Next Steps
This project reinforced the importance of collaboration in a remote setting. Regular feedback from developers and project managers ensured the designs were implementable and user-centric.
Lessons Learned:
Accessibility: Always design for diverse user needs, including those with limited tech literacy.
Iteration: Usability testing is invaluable for uncovering hidden issues and refining designs.
Next Steps: If revisiting this project, I would explore AI-based features like predictive triage to further optimize emergency responses.
This case study showcases my ability to tackle complex problems, collaborate effectively in remote settings, and deliver user-centered solutions. I am eager to bring this passion and expertise to your team!