how to aid app thumbnail image

How to Aid

Overview

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.

The Problem

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.

how to aid persona

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.

how to aid persona

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.

how to aid user journey map

Affinity Map

how to aid affinity map
how to aid competitive audit
how to aid competitive audit

Sitemap

how to aid sitemap

Ideation & Paper Wireframe

After conducting a quick ideation exercise, I generated several ideas for the learning and testing process.

how to aid ideation
how to aid paper wireframe

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.

how to aid digital wireframe

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.

how to aid mockup

I simplified the design for the time feature for a better user experience.

how to aid mockup

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

how to aid app group training class user flow
how to aid app android version high fidelity prototype screenshot

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.

Cross-Platform App UI Design

how to aid cross-platform ui design

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.

Responsive Designs

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.

how to aid responsive designs

High-Fidelity Prototype of Mobile Friendly Website

how to aid web version high fidelity prototype screenshot

Style Guide

how to aid 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.