Buildin' an EHR- Healthcare Edition #1

Designing the patient side

Notes & Sketches from an EHR redesign (concept) that would ideally help in:

  1. Better collaborating with patients on the patient journey
  2. Better management

Moodboard

Then I went through the whole stylescape process of:

  1. Defining attributes:
I am not gonna retype that whole shit again... so here's a screengrab

2. Creating Image Buckets:

3. Empathy Mapping:

And then taking inspiration from this:

"Inspiration" for colour and typography

Here are the colours and fonts I settled for.

Final Color and Typography

Finally building some shit...

Not that we're over with the basic look tone and feel for the thing is set let's start building the goddam thing.

So here's the process that I'll be using to build it:

The dashboard sidebar thingy...

The Upper portion looks a bit too cluttered, might move the doctor drop-down option to the sidebar
brainstorming the icon designs a bit

I think I’ll go with the boxy ones, they fit more with the design language...

Final Prototype:

The Dashboard Sidebar Prototype

Now with that done, I'm gonna start with the patient screen since that seems to be the most complex and challenging one...

The Multi-patient Screen

So it seems that the patient screen can be broken into two levels:

  1. The Multi-Patient List Screen
  2. The Detailed Patient Screen

Okay, let's make the multi-patient list first.

The names, I know, so what…? I am still an immature bubbling hooligan at heart

The Detailed Patient Screen

The Patient Overview Card

Breadboarding and fat marker sketches for the pt. detail card
Wireframing the patient detail cards
I think I like the second one best... it has a certain lettuce-like essence to it.

The Medication Card

Breadboarding the medication card
Wireframing the med cards
Wireframes for the medication list.
The Med Card
Slapping the card on the dashboard

The Diagnostic Overview Card

Oh boy, this was a thinker!
  • The sketches that I was initially coming up with were just too text-heavy, I wanted it to be a bit more visual, something with a lot less clutter and more hierarchy.
  • Had to do a bit more research. Two things caught my eye and got me thinking:
  • I think I now had some idea. I am gonna break it into two parts:
    a) The Overview card, shows all the diagnostics visually as pins on the body area, and you can click on them to access the detailed notes
    b) The Detailed Notes/Files/Docs Section
That guy is undoubtedly gonna come and haunt me in my dreams...
Final Wireframe for the diagnostic overview card
Prototype v1.0 of the diagnostic card
Prototype v2.0 of the diagnostic card

The Detailed Notes Card

Patient Vitals

Document View Card

Drop A Line

Drop me a line to let me know if you have any thoughts or suggestions that you'd like to see or if you would be interested in seeing this product all the way through to infinity and beyond

Don't be shy! Drop me a line. It's only me, I'm not Kristey Alley!

Subscribe to Kay's Logs

Don’t miss out on the latest issues. Sign up now to get access to the library of members-only issues.
jamie@example.com
Subscribe