Mobile is not big enough for this project...

Overview

Hema Quest is a an application where patients who want their blood lab results can find and interpret them without actually being in the doctors office. This was a final assignment for my User Experience 1 class

Project

IOS App

Role

Product Designer

Year

2018

Tools

Figma, Adobe After Effects, 
Adobe Illustrator, Adobe Photoshop

Research

Interviews

In Order to find the best approach to this situation, I Interviewed a doctor about that the process of getting your blood results.

Learnings and Insights

I interviewed Doctor Ramon Yu from Marin General hospital, and he let me know about the different types of tests that are possible. I didn't know how many tests there were, and so started to get a better picture of what needed to exist in the app.

Problem Validation

This issue

I choose to interview more elderly people at the hospital, and noticed a consistent issue. They all wished that they were able to have a central place where they can always keep track of their blood test results. some of the features listed were answers to pain points for those I interviewed.

Personas

These Personas where based on the 6 people I interviewed in order to make sure my app serves a purpous on these peoples lives.

Ideation/Conepts

Early Wireframes

Finding a good balance between having the right amount of information and having too much was going to be the challenge. I started sketching out possible designs for what the home interface would look like.

Home Screen Verison 1

There were three variations of who I envisioned the home screen

Findings

The third variation was close to what I wanted, but still lacked the obvious information: the types of blood tests. So I made sure that the different types of blood tests were represented instead of the personal data of the user. That data could live elsewhere. Here was my solution to integrating the types of blood tests.

Wireframes

Low Fidelity

After trying out more variations, I started to get my flows together in order to bring the app to its final forms.

Low Fidelity

The final layouts helped organize, and give purpose to the wants and needs of the personas.

High- Fidelity

Final Mockups

The final designs revolve around the idea of only presenting information when it was needed. The big flaw with most of the competing apps was that they displayed too much information all at once.

Hi-F- Screens

The final layouts helped organize, and give purpose to the wants and needs of the personas.

Branding

Styles of Hema-Quest

For the color and type used in the app, I kept in mind color psychology. I wanted the style to remain related to the health sciences, and to be able to adjust for accessibility.

Logo

The final logo here demonstrated everything that I wanted to show about the app: the color psychology, an easy to read font, along with a mark that represented health. As much as I wanted to stay away from a blood drop, it was one of the only shapes that I felt fit the app. So I just turned it to the opposite color and reversed its orientation to give the same feel, but not directly related to blood itself.

More Projects