Project duration:
2 weeks
Role:
UX Designer, Visual Designer
Team:
Solo project
Tools:
Figma, Photoshop
Recalling first aid training when faced with an emergency situation can be difficult, I imagined how people can feel helpless and unprepared to assist so I wanted to come up with a solution.
Understanding that phones in today's society have become an extension of ourselves, I set a goal to design a first aid app that equips users with basic life-saving knowledge for handling various medical emergencies.
Featuring an intuitive layout with visually distinct categories to help users quickly find relevant information for each topic, complete with illustrated and easy-to-follow instructions.
Information and instructions throughout the app was drawn from the Canadian and American Red Cross organizations in order to give the most accurate first aid support.
All images and diagrams were custom-made to represent corresponding information accordingly.
Due to potential urgency of user situations, accessibility and ease of use was critical, leading to the following design features:
Simple two button navigation bar
Fully responsive voice command to allow for hands-free navigation
Screen reader to provide users instruction without visual assistance
"Pin to home" option for users with specific medical conditions or those living with at-risk individuals, makes desired instructions more readily available
The initial plan included voice command and screen reader on the navigation bar, however, the design later moved these functions to the settings screen, though I believe there is room to revisit their potential on the fixed navigation bar.
The simplistic design was deemed most beneficial for executing straightforward direction and avoid information overload in the case of an emergency.
The app could also be used for educational purposes and to refresh memory outside of emergency scenarios.