FIRST AID
FIRST AID
A mobile app and responsive website designed to promote First Aid awareness and education.
THE PROBLEM
People often lack the time and motivation to learn First Aid, making it difficult to acquire these essential life-saving skills.
THE SOLUTION
A mobile app and a responsive website that simplify the First Aid training process. The mobile app allows users to complete theoretical lessons online, reducing the time required for in-person training by up to 50%. This enables them to focus on hands-on practice, leading to a more efficient learning experience. Additionally, the website provides up-to-date information on health and First Aid, raising awareness and keeping society informed about these crucial topics.
PROJECT YEAR
July, 2022
Design Thinking Process
Empathize
Define
Ideate
Prototype
Test
ICONS Flaticon: Smashicon, Freepik, Gowi, Iconixar
Understanding the user
EMPATHIZE
User research provides a deep understanding of users' behaviors, needs, and motivations. With these insights, design can now be focused with users at the front and center of the project.
Pain points
1
Lack of resources
There is no dedicated, intuitive tool to teach First Aid in a way that motivates people to learn and practice it.
2
Demotivation
Without regulations requiring First Aid training, many people don't prioritize it and are discouraged by the time and effort involved.
3
Lack of Time
People struggle to fit First Aid courses into their schedules due to work and other responsibilities. Even those interested often lose motivation because of this challenge.
Personas
Problem statement:
Lina is a kindergarden teacher and director, who needs to find a online First Aid training, because she wants to train all her staff.
User Journey Map
It helps visualize the path users take to complete a task, highlighting their pain points and emotions. This reveals design opportunities to address their needs
Architecture Information
DEFINE
Organize, prioritize, and optimize information to create a clean and intuitive user flow.
Paper Wireframes
Digital Wireframes
Usability study: parameters
Study type
Unmoderated usability study
Location
Spain, remote
Participants
5 participants
Lenght
15-20 minutes
ICONS Flaticon: Iconixar
Usability Study: Findings
1
User flow
Resulted in a 100% success rate.
2
Buttons
Since this is an emergency app, access to emergency numbers should be visible at all times and easily accessible.
3
Accessibility
Users would benefit from accessibility settings, as well as a section to input personal health information.
Accessibility considerations
1
Headings
Page headers should be added to assist users who rely on screen readers. This will provide hierarchy and improve navigation throughout the site.
2
Annotations
The project will include markers on interactive elements to guide the screen reader through the proper order.
3
Labels
Descriptive language should be incorporated, along with detailed annotations for developers.
Mobile App & Responsive Website
Ready to elevate your brand?
Get in touch and let’s create something great.
Catalonia, Spain
Follow me