How to Aid is an innovative learning tool designed for young adults to enhance their knowledge and skills in first aid. It offers a comprehensive range of courses, quizzes, and certificates that can be accessed on multiple platforms. The primary target users of How to Aid are individuals and groups between the ages of 15 and 24. As young adults often engage in adventurous activities and take risks, How to Aid aims to equip them with the necessary skills and confidence to protect themselves and others.
Many young adults engage in adventurous activities, but it is concerning that most of them lack the necessary skills and confidence to respond to emergencies and ensure their safety, as well as the safety of others.
The Goal
To design a cross-platform tool that specifically caters to the learning needs of young adults and focuses on teaching them first aid.
Role
UX/UI designer leading the app and responsive Website design from conception to delivery.
Responsibilities
Conducting research, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, iterating on designs, determining information architecture, and responsive design.
Timeline
Feb - Mar 2022
Tool
Figma
User Research Summary
Based on the findings from my user research, I discovered that most young adults only possess basic knowledge of first aid, such as bandaging a cut or stopping a nosebleed. However, they are more likely to encounter life-threatening emergencies compared to adults. It is crucial to ensure that they acquire the skills and confidence required to effectively respond to emergencies and protect themselves and others.
Pain Points
1
People are concerned about the potential legal ramifications of providing first aid without proper training and following proper protocols.
2
People are concerned about making mistakes or unintentionally harming the patient while performing these life-saving techniques.
3
After receiving first aid certification, knowledge and skills are lost over time if they aren't kept up to date.
Problem Statement
Sonja is a busy mom who needs to find a quality first aid training course for her 15- year-old son because she wants her son to have the ability to protect himself from skateboarding injuries.
Problem Statement
Nolan is an 18-year-old college freshman who needs a first aid training course for a group because he and his friends want to learn skills to help each other when faced with emergencies.
Affinity Map
Sitemap
Ideation & Paper Wireframe
After conducting a quick ideation exercise, I generated several ideas for the learning and testing process.
Digital Wireframe
Following the ideation and sketching phase, I developed the initial designs for the How to Aid app, with a focus on learning courses and features.
Usability Study: Parameters & Findings
Study Type:
Unmoderated Usability Study
Location:
United States, Remote
Participant:
5 Participants
Length:
25-30 Minutes
1 - Legal
Users expressed concerns about potential legal repercussions for providing emergency aid without a certificate.
2 - Group Training
Users emphasized the importance of easy access to group training.
3 - Quality
Users expressed a desire to verify the license or authorization of the course and instructors to ensure the quality of the training.
Mockups
After conducting usability studies, I made improvements to the FAQ feature by enlarging it and adding a brief introduction.
I simplified the design for the time feature for a better user experience.
Voice Input
The voice input functionality on the search bar offers a more efficient way for users to make requests without the need for typing. It provides significant benefits for a wide variety of users.
The User Flow of Purchasing a Group Training Class
High-Fidelity Prototype - Android Version
Compared to the low-fidelity prototype, the high-fidelity prototype includes a new flow for the account, specifically focusing on the sign-in method for group members.
By adhering to the cross-platform design guidelines, it is essential to maintain consistency in the app's design, features, and functionalities across various platforms. This ensures that users can have a familiar experience even when they switch between different devices.
The designs have been optimized for various screen sizes including mobile, tablet, and desktop, to cater to the specific needs of each device and screen size.
High-Fidelity Prototype of Mobile Friendly Website
Style Guide
Accessibility
1
Users have the option to choose from multiple languages.
2
A voice search tool has been implemented to assist users with vision impairment in finding information.
3
Interactive elements have clear labels that can be read by screen readers.
Impact
The group of young individuals who enjoy taking risks and seeking out adventures often do not prioritize learning first aid, which is important for their safety and the safety of others. The How to Aid app and website aim to address this issue by providing guidance and resources to help them acquire the necessary skills and confidence to handle emergencies.
As an adult, I understand the challenge of getting young adults interested in learning something they may not see as necessary or interesting. During the brainstorming phase, I faced difficulties in determining the features that would motivate young adults to engage in learning. Ultimately, I decided to incorporate a calming color palette, design an easily navigable learning flow, and include group training options in the app as well.