END TO END MOBILE APPLICATION

IcTHERAPY

process

003 define

002 research + discovery

+

004 analysis

005 ideation + design

001 empathize

006 prototype

+

+

+

+

+

Screens for IC Header.png

OVERVIEW

UXD DESIGN JAM

ROLE

UX/UI DESIGNER, VISUAL DESIGNER

TEAM

WEB DEVELOPER,

SOFTWARE ENGINEER,

UX DESIGNER

TOOLS

SKETCH, INVISION

DURATION

3 WEEKS

empathize

001

THE PROBLEM

The entire planet has felt the effects of COVID-19.  Many of the survivors of this illness will be treated in the ICU and suffer from Post-Intensive Care Syndrome (PICS). This can result in a loss of cognitive function and mental health issues, such as depression, anxiety and PTSD.  The healthcare profession is already overwhelmed with the increase in patients due to the virus. This is going to cause an increase in the number of patients who will need additional care to recover from the aftermath of COVID-19 and the ICU.

Screen Shot 2020-04-27 at 5.23.01 PM.png

research + discovery

002

RESEARCH PLAN

As a team we separated different areas of research into eHealth market analysis and gathering information about the needs of patients in order to find a solution.

Screen Shot 2020-04-26 at 7.20.50 PM.png
ICU data.png

define

003

PERSONA

After completing thorough research, we were able to establish who the target user currently is. Given that this problem is a few months old, we wanted to create an interface that would be adaptable if this target audience shifted in the future.

IC PERSONA.png

analysis

004

COMPETITIVE ANALYSIS

My responsibility for the team was to research the current market and competition for eHealth applications. By comparing the interfaces and features of the following apps, we were able to prioritize features and organize the IA of IcTherapy.

mychart.png
IcComp Analysis.png
LUMOSITY.png
LUMOSITY2.png
Kaiser App.png
Kaiser App.png
IcComp Analysis.png
IcComp Analysis.png
IcComp Analysis.png

solution

An app that allows users to complete daily activities to improve their mental wellness and cognitive function. The results of these activities are transferred to their doctor so they can assess the patients progress without needing an in-person appointment.

ideation + design

005

INFORMATION ARCHITECTURE

Once the market analysis was completed, we decided on the core screens and developed what features needed to be available. 

Screen Shot 2020-04-24 at 12.14.09 AM.pn

USER FLOWS

The site map allowed us to realize all of the potential features of the app. I created these user flows to help us guide our final prototype, which is broken up into new user onboarding, and how a user would complete a daily activity.

Screen Shot 2020-04-24 at 12.14.20 AM.pn

MED-FI WIREFRAMES

The market analysis and user flows gave us insight on what the key screens would be for our prototype. Each team member sketched out the desired user flow so we could compare and contrast our ideas. 

Screen Shot 2020-04-24 at 12.38.47 AM.pn

HI-FI WIREFRAMES

After combining the teams med-fi wireframes, we each created a combined mockup in sketch and decided which features and screens helped us achieve our design goal. The following wireframe is the end result of combining the teams ideas. The illustrations used in our prototype are from unDraw.com.

Screen Shot 2020-04-24 at 1.10.05 AM.png
Screen Shot 2020-04-24 at 1.09.53 AM.png

prototype

006