AidUHelp
Role: UX Designer, UI Designer, UX Researcher
Duration: 4 weeks
Tools: Adobe XD, Figma Jam, Excel, Photoshop
Company: Google Certificate Project
I tackled the project in three phases:
Discovery - Problem Discovery, Competitor Analysis, User Research, User Interviews
Define Phase - Persona Development, Problem Statement
Ideate & Prototype - User Flow, Wireframing, High Fidelity Screens, User Testing
For this project, I researched the problem and gathered facts about CPR awareness. As the sole designer on the project, I created a system that combined known approaches to practice and learn new skills.
Goals:
- Assess the current understanding of CPR among the American population.
- Identify any misconceptions or gaps in CPR knowledge.
- Evaluate the effectiveness of existing CPR education initiatives.
- Propose strategies to enhance CPR awareness and education nationwide.
A Startling Gap in Lifesaving Knowledge: Only 54% of Americans Are CPR-Aware. As shown below, nearly half of the USA's population may be unprepared to act in a cardiac emergency. Only about 40% of people who experience an out-of hospital cardiac arrest (OHCA) receive immediate help. Less that 20% of Americans of adult age are trained in CPR. This shows the critical need for better CPR education and training.
To significantly increase the percentage of Americans of adult age (20-39 yrs.) trained in CPR, thereby closing the knowledge gap and improving the immediate assistance rate for out-of-hospital cardiac arrests (OHCA). This goal focuses on creating a solution that educates and tracks the improvement in CPR awareness and training, aiming for a measurable impact on community health outcomes.
- Develop and deploy an accessible, user-friendly digital platform that educates Americans on CPR techniques.
- Achieve a 30% increase in CPR training among Americans within the first year of the platform’s launch.
- Ensure that at least 60% of Americans are CPR-aware and can perform basic life support measures during an OHCA.
For young individuals who feel uncertain about performing CPR, the AidUhelp app offers a straightforward and accessible learning experience. The app is designed to build confidence and competence through interactive, user-friendly modules and real-life simulations. By providing practical, hands-on training and continuous support, the app empowers users to act decisively in emergencies, potentially saving lives and contributing to a safer community.
The competitor analysis brings us into the loop within our industry by examining other players' strategies. During this research phase, I became familiar with first aid and CPR procedures and observed how companies engage with their users.
Objective:
- The primary objective of this competitor analysis was to identify dominant design patterns in developing first aid applications, user flow, and the overall look and feel of the application.
Based on the data on this topic, I developed questions that were used for user interviews. I asked 6 participants, between 20 and 39, how well they knew first aid. 4 out of 6 participants reported not knowing any first aid skills, including CPR.
Addressing these pain points through comprehensive training that includes hands-on practice, refreshers, and support can help individuals feel more prepared and confident in their first aid and CPR abilities.
Understanding the users is the key to meeting their needs. The target audience is adults between 20 and 39, interested in learning first aid skills, mostly CPR. Personas help us understand the needs and goals of the people we are designing for and, therefore, better emphasize their needs. Personas are not a single person but representative of the entire user group.
Goals:
- Step into the shoes of our users and prioritize their needs throughout our design process.
- Utilize the gathered information to craft a persona that represents our potential clients
Roman, a young architect who recently relocated to Los Angeles, recognizes the importance of being prepared for emergencies but feels uncertain about his ability to perform CPR effectively. He needs a straightforward and accessible method to learn CPR and build the confidence to act decisively in critical situations. The AidUhelp app aims to identify the most effective approaches to CPR training that cater to individuals like Roman, ensuring they can acquire the skills and assurance needed to potentially save lives.
.webp)
Simple
Simple user flows not to overcomplicate the steps so that users can learn quickly.
Cohesive
Minimize all distractions on the application for better user flow.
Visual
Enhance motivation for learning first aid and CPR by vivid progress visualization, enabling users to stay inspired and committed to learning new skills.
I started making a user flow to help obtain the user’s objective of discovering first aid skills with the web app. This user flow shows the path users will take to learn how to perform CPR. To ensure a seamless and intuitive experience, I focused on simplifying the journey, allowing users to navigate the learning modules easily.
Progressing beyond the user flow, I first drafted paper layouts. I gave myself 3 minutes to develop ideas and then put stars next to ideas featuring targeted elements and designs, ensuring a streamlined navigation path toward the user’s goals. Simplicity was the guiding principle throughout this process, and then I transitioned to designing digital wireframes.
I created the screens' final version, guided by simplicity and usability. I aimed to design for screen size variation, including mobile, tablet, and desktop. I optimized the designs to fit the specific user needs of each device and screen size.
.webp)
With the app’s framework in place, I tested my design. For this phase, I used AdobeXD to help with final app testing. Focusing on the core functionality without the distractions, I gathered valuable feedback from 4 testers on the app’s usability and effectiveness. I put all of the feedback I gathered into an affinity diagram. I’m thankful to everyone who helped me test the app. Their help was vital to making the app better.
Goals:
- Evaluate the usability and effectiveness of the app using AdobeXD
- Collect feedback from testers to enhance the app's performance and user experience
- Organized feedback into an affinity diagram to systematically address the findings and improve the app functionality
.webp)
While creating and researching the first aid topic, I realized how much of an educational impact this project has. The research revealed a critical gap in CPR awareness, highlighting the need for accessible education to improve emergency response skills. Interviewing and asking questions helped me better understand users' needs and pain points, which lend a hand to deliver a product that will help others enhance learning and retention of lifesaving skills.
- Identify any additional areas of need and ideas on new features.
- Add more educational resources for users to help learn about first aid.
- Adjust the app to cater to older age groups to help keep them educated and motivated.