Health Monitor Application

Health Monitor Application

Change the approach to Electronic Healthcare records to meet the needs of the modern provider’s needs.

How can we take

what is currently available in the EHR space and make it more effective?



Create a patient electronic healthcare record that is interactive and that can house all of the data currently included in current EHR systems.



There were two UI/UX design principles that we needed to address first, and they were: 1. Data Density and 2. Speed of Use. Medical providers need as much critical data as possible, while not be overwhelmed or confused, and the utility of the dashboard needed to be self explanatory. Working in an ER does not provide a lot of free time for learning new technologies.

Problem Statement

Create a patient electronic healthcare record that is interactive and that can house all of the data currently included in current EHR systems. We began addressing this task by listing, grouping, and organizing all of the components that were going to be required to create a system that is as comprehensive as possible. As a UX design agency we were quite used to conducting this kind of research, but quickly realized the enormous design task that was in front of us.


UX/UI Design Strategy

Beginning with Sketches and low fidelity wireframes.

The design process begins with hundreds or rough wireframes. Some of the wires were simply data visualization blocks that showed how many different ways we could illustrate the same health record data. While other wires included full mock-ups of landing areas with high-level patient data, critical data, and the most recent medical interactions or events with a particular patient. One of our primary goals during this process was to find a way to simplify and reduce the amount of clicks or touches needed to satisfy the medical provider’s immediate needs.

Integral to our UI design was that whatever gets built needs to address the medical provider’s need to multi-task, such as looking at labs, notes, orders, tests, exams and see these kinds of information at the same time in one simplified view.

Our UI design strategy began by taking the approved UX wireframes and reducing them down to their most intuitive functions and then designing a series of data visualizations, iconography, and meaningful color theory based design to play well with what the medical community has become accustomed to. Additionally all the panels you see can slide up or down to discover more data.

Heart rate

Heart rate

Banded red bars illustrate heart rate deviation.

Oxygen Saturation

Oxygen Saturation

Upper levels indicate the healthy saturation and the solid line indicates a consistent regimine of testing.


One of the key results we found when working with the medical community is that the more dense the data is the better. Doctors and nurses are looking for signals in the noise, and feel more confident in their decision making when provided with enormous amounts of data.

The boxes below show the maximum amount of data for different vitals over time in the least amount of space. For example, the blood pressure data visualization shows each time blood pressure was taken, the highs and lows, abnormal readings in red, and the baseline for a healthy marker across the middle of the graph.

Diastolic pressure

Is indicated on each test at the bottom of each line and systolic pressure indicated by the height of each line. Red being used to indicate abnormal reading.

Diastolic pressure

Problem Overview

The full body graphic below helps critical care providers to immediately understand the patients problem areas without reading a single panel of information.



The Ma (Mass) and Ca (Calcium) variables play crucial roles in understanding the body's composition and overall health.



Body imaging techniques provide a fascinating glimpse beneath the surface, revealing the intricate landscapes of our internal anatomy with remarkable detail and precision.

Notes & Graphs

To better treat patients, all current patient data has been converted into a one-page visual summary with live links to X- Rays, MRI’s, and other important patient data, and depending on the date selected this patient’s information can be viewed over time, significantly adding to the value of this kind of system.

Our approach to interaction dashboard design focused on a “90-second review window” for medical providers to view a particular EHR.

As we were tasked with first considering “touch” or tablet navigation and creating an interface that would enable providers to view top-level patient history, current health issues, and allergies or chronic issues within this short window of time.

This new EHR platform is positioned to become a kind of “right-hand” for busy primary practice doctors and nurses, as well as emergency medical care providers that often had much less than 90 seconds to view any kind of existing patient data. Obviously, integration with EHR systems and others was not just an enormous task for the development team, we also were tasked with creating an interface and front-end that would work seamlessly with several third-party applications, which would alleviate another common frustration by eliminating the need to log in and out of separate record systems.

Daily Prescription Indicator

Departments Scheduler

Scheduling has been the Achilles heal of the medical community for as long as there has been waiting rooms. Including a scheduling interface that can be viewed by department, provider, or patient was essential.



An important aspect of tracking some conditions such as heart arrythmia is daily monitoring to detect when and how often fluctuations take place.

Color Coding

Color Coding

Color coding, size of blocks, and types of patterns are added to results to give the most information in the least amout of space

Departments/ Overview

For administrative and medical facility management, all scheduled appointments for all departments can be seen in the weekly view, and basic capacity can be seen by department within seconds.

Departments/ Management

Department specific view can be adjusted to see capacity by day, week or month, while also viewing the increase or decrease in appointments within the same category of time.

Designed by:

Art Direction

George Railean

Project management

Vladimir Bobu


Marcel Sendrea
Lina Ghimp

Do you want to create something similar?

Get a free estimation for your project requirements and start it within 24 hours.

Browse more

Start with a top Creative Agency like Fuselab Creative