Health Monitor Application

Project goal

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?

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.


UI/UX Design, Data Visualization, Animation, Art Direction, Style Guide, Prototyping, Dashboard Design.


Completed and ready for trials.






36 weeks

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.



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.



“We believe all successful design is the bi-product of an extensive process of experimentation and research.”

1 / 6

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

Problem Overview

2 / 6

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.

Notes & Graphs

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.

3 / 6

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.

Department/ Scheduler

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, size of blocks, and types of patterns are added to results to give the most information in the least amount of space.


4 / 6

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/ Overview

5 / 6

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.

Departments/ Management

6 / 6


Thanks for checking out our attempt to redesign the medical EHR portal, we appreciate it!

We know that reading long pages like this one takes some effort, and therefore we would just like to say thanks for sticking with us as we spell out our approach to modernizing the medical EHR.

Do you want to create something similiar?

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

Contact us