User Research, User Flows, Visual Design, Interaction Design, Prototyping, Usability Testing
“During a patient visit, I want to quickly upload a picture to their encounter.”
“I’m covering for another physician today and I need to quickly see their schedule along with mine.”
“I’m out of the office, and a parent calls and says her child is in the ER and she needs to know what medication her daughter is allergic to.”
“I’m out of the office and a parent has sent me an image and I want to message my staff about it.”
These are some of the use cases we set out to solve with the first phase of OP Web. OP Web represents a goal that by 2023 we will fully replace our legacy Windows EHR. With the first phase, physicians will be able to check their schedules, review aspects of the patient chart, upload files, and utilize messaging from any device.
As a starting point for the project, we needed to move over the important mobile features from our OP Mobile app that had become dated and only accessible from iOS devices. We planned to build OP Web as a responsive web-based app so that physicians who used Android, and Windows devices could have access.
At the beginning of the project, we began by mapping out the enrollment process and what the flow would look like for a practice administrator to enroll their staff members.
While working on the enrollment process, I began creating a foundational design system that would cover all of our needs. The design system would have to be flexible since physicians would access OP Web from all different types of devices. I collaborated with our development team during the process, and they took the visual designs and turned them into reusable React components.
The messages feature gives providers the ability to mark messages and urgent as well as send messages to multiple staff members or departments within their practice. Providers can reference a patient in the message and share messages with that patient so they can respond.
Physicians have the ability to search for patients by ID, name, phone number, email address, and birthdate. They can also quickly jump back into a recently searched patients chart from the patients tab. Inside the chart, physicians can view problems, allergies, and medications.
The schedule tab offers physicians a daily view of their appointments. They can move day to day throughout their schedule or jump to a specific date. They also can view other staff appointments using the staff filter. This feature is very useful for when a physician needs to have their mornings covered or they’re running late to the office.
Using the upload file feature, physicians can upload patient photo identification, documents, and encounter images. This feature helps get images into the document manager inside OP and attached to the patient's chart.