01.

User Experience/Research

Competition

My first step was to figure out what variables where needed to be on a blood result app. So I just decided to Start off with a simple Google search. Here is where I found a bunch of different apps that showed blood results from tests.

What I Found

A lot fo the apps that where out there had a lot of informative information. Many of these apps were also hard to understand. There was so much on the screen at once it was hard to digest.

Design Goal

I wanted to make my app a lot easier to read, and have the same type of information organized in a digestible way. So I decied on four flows.

Audience

After some of the research and direction, I created personas to make sure i keep in mind the different type of users I want to

02.

Wireframes

Home UI

Finding a good balance with having the right amount of information, and too much was going to be the challenge. I started sketching out possible designs for how the home interface would look like. I wanted to represent the users data on the home screen.

UI Solution

The third variation was close to what I wanted, but still lacked the obvious information of 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 else where. Here was my solutions to integrating the types of blood tests.

Soluion 1: Filter

I tried a filter method to organize the information for speciphic tests, but it still left a lot of information on the home screen which got a bit confusing.

Solution 2: Cards

When I sorted the different blood tests into cards it made more sense to have this as the home screen. It wasn't to much information, but it helped filter out what needed to be shown.

Final Home Solution

After finding out that this screen worked the best I made my final version of the home screen that set the style for the rest of the other screens.

03.

Style

Color / Type

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

Naming The App

For the name of the app, I wanted to use a word related to blood, but at the same time wasn’t so obvious. Hema was the word that came to mind so I decided on that being the first part.

Logo-Exploration

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

Final Logo

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

04.

Hifi Screens

Final Screens

The final designs revolve around the idea of only presenting information when it was needed. The big flaw with most of the competeing apps, was that they displyed a bunch of information all at once.