NOTE: Visual UI design has been updated + I developed new branding! See video click through of my prototype here: https://vimeo.com/202786745

My client needed to transform their proof of concept into a fully designed, holistic experience for both providers and patients. The goal was to provide a platform that could serve multiple purposes for various user groups, including a web-based dashboard for care teams and a tablet experience for elderly & disabled patients. 

This is a work in progress. Check out how I'm progressing and more about my design decisions below. Thanks!
PROVIDER DASHBOARD screens
The provider sign-in page was designed to remind care teams why they do what they do. Using a quote and the beautiful photos that make the brand, I designed this layout to inspire a people-first mentality.
It was crucial that the loading screen (the dashboard) indicate critical alerts first. When providers first sign in they need to clearly see what needs attention. This page's layout uses a lot of open white space to make critical alerts the focus.
A success message automatically slides over, the movement and green checkmarks visually confirm it.
Once alerts are acknowledged, they can then clear the headline story out of the queue.
Some patients may be on more than one program. Above, Merl is on the weight management program, below Bob is a patient being monitored on his weight, his glucose and his oxygen levels. 
I designed a "threaded" alert headline to show when a patient has more than one alert attached to their profile. When opened each alert is shown in its own tab with the most critical alert showing first. The provider must address each alert, so the design flows you from one alert right into the next..
Below you see the orange coloration indicating this second alert is less severe, more of a "reminder." In this example the provider dismisses the alert, because he already left a voice message addressing all three concerns.
Users can toggle to their past alerts. By default they see the alerts addressed within the past 5 days, and further drill down by date range. Language like "today" and "yesterday" speaks the users' language.
On the member directory the orange boxes indicate an in-home patient while the purple indicates nursing home patients.
Below you see the "tabbed" functionality again. Any time a patient profile is opened up it becomes a new tab, making it easy to toggle between where you were before and what you need to do now. The member directory is always opened, so when profiles are closed the tabs simply collapse back down to one page.

Shown below is Merl's profile. You can see the details of his weight scale in the top orange bar, when it was issued and a quick link to open up his measurements. In the grey box are incident notes which show the actions the provider just took on the home screen.
The tabs make it convenient to have several profiles opened up at once. This makes comparing patients and multi-tasking accessible and easy. 
Below you see a third profile tab opened. Maysen is a patient with two devices. You can toggle between his weight measurements and his glucose measurements.
On the left the actual, numerical data points makes it easy to quickly comprehend the measurements. Charts used in a less obtrusive way, turning the numbers into a visual timeline of data points. Users see the current weeks' measurements on load and then select a date range to look further into the past.
Next to the current measurement box, a quick one-liner & checkmark tells the provider whether measurements are on track or not. Below you can see with Maysen's weight, 1 concern was reported. If there are multiple concerns on a person's profile this would be the place to see how many have been reported. 
When the text link is clicked a popup shows all concerns ever reported for this patient profile, showing the most recent first and including alert details, dates and resolution notes.
Below, Sharon's profile shows no concerns reported. Her measurements are on track.
When the "see measurements" button is clicked, the orange/purple box expands bigger to reveal measurements. So the notes section underneath it must collapse smaller, with a scroll bar, to make room aremain accessible.
Below are examples of inactive accounts, and profiles of those passed on.
The devices directory shows stats for the different patient programs, including start & end dates, and an active list of what devices are online and who they're assigned to.
Connected devices page version 1.
Connected Devices page version 2.
This is a work in progress. Besides the care team providers, an additional user type, a "triage" or "service desk" person will need a dashboard UI as well. 

Another future user is the care professional visiting the homeless shelter; she takes and records measurements on behalf of these patients, who don't have a tablet. Additionally, screens are needed for walk-in clinics, patients looking to self serve and request appointments.
PATIENT TABLET screens
And now the patient experience...

Starting with in-home patients, who are elderly and/or people with mobility issues, the patient tablet is the "hub" for all patient measurements and communications.

The technology will be smart enough to read measurements in real-time as they come through. But my job is to design a task-based flow for patients who want or need to enter their measurements manually. Also, what happens when you step on the smart scale?How does a patient confirm their weightt? How can they dismiss it if it wasn't really them on the scale?

This is a rewarding part of the project, designing for an older audience with worsening vision, less mobility, and less technical acuity. Visual UI currently in refinement.
Just like in the provider dashboard, color is used in a meaningful way.
Patients can manually add their weight, and are alerted if they miss a measurement.
The smart scale sends measurements to the tablet automatically. Patients must confirm their weight. Above is an example of the ability to bypass logging in to confirm incoming measurements.

The system will alert patients when something seems wrong. Like the example above, if someone else other than the patient steps on the scale, or a very different measurement is read, the patient must review and dismiss.
Providers can send messages to patients directly inside the app. In the example above, Merl hasn't weighed himself in 3 days and his care team sent him an urgent message after they saw this alert.
Thank you for viewing this work in progress. A lot more work is yet to be done! 

Let me know what you think so far. Huge thanks to my trusting clients. It's been a wonderful process creating requirements together and refining the UI to fit each need.

Thank you!

You may also like

Back to Top