Designing for Patients

laptop shot
Accessing the Patient Portal
Timeline Wireframe
Timeline Final Mockup
picnic app snapshot


PicnicHealth is a web application that provides patients with more control over managing their medical records by giving them direct access without any need for manual entry. The service automatically gathers the records from patient portals and mediates the information through a web interface; a core function that is yet to be seen in personalized patient apps. It also serves to inform physicians and provides easy access for a multitude of doctors.


Chronically ill patients and their families have expressed the daunting task of tracking medical records and constantly having to transport them from one doctor to another; a burdensome distraction from the focus of getting well. Since today's tools and software for medical records have been designed for physicians, designing a usable platform for patients require a solution with much greater accessibility; a new way to organize the dense format of medical reports and an easier learning curve for patients who are not accustomed to it. Like all other reporting methods; every medical test, procedure and doctor's visit also contain more pertinent details that can be conferred to the foreground over other pieces of information based on context - which required a consultant's overview analysis with each type of report. We believe this approach also benefits doctors who need greater efficiencies in dealing with massive amounts of paperwork. Another challenge was to consider the dynamic nature of medical titles and descriptors; which are subject to change in size drastically - a solution that would require a relative amount of elasticity.


The key model is the timeline(or like a journal) that would provide both the ability to scan and absorb the report details. Valuable input from the team's physician and limited usability tests contributed to determining what names and categories were more helpful and informative. A filtered view of seven basic categories along with a simpler visualized lab test(shown below) with its own scatter plot history served to give the patient more control and insight into their data. Constant iterations of the visual hierarchy and visual design were made with the intent of keeping the interface light but highly efficient, capable of supporting the dynamic nature of medical reporting.

Project Info

  • Materials: UXPin, Adobe CC