Tools Used
ROLE:
Senior UI / UX Designer
Prototype
Animation
User Research
TOOLS:
Figma
Illustrator
Photoshop
After Effects
Sketch
Jira
Confluence
MEMBERS OF THE TEAM:
Łukasz Szymański
Sourena Mansouri
Farzad Moghbel
My work
During my tenure at OutcomeMd, I was responsible for revamping the existing Electronic Health Records (EHR) system with a primary focus on optimizing the user experience. The ultimate goal was to enable users to seamlessly navigate the entire dashboard in the easiest way possible.
SiteMap
It was imperative to develop a comprehensive sitemap prior to the creation of wireframes in order to gain a clear understanding of how the medical dashboard operates. This process allowed for a deeper understanding of the various components and functionalities of the dashboard, ensuring that the wireframes accurately depicted the intended design and functionality of the interface.
By establishing a sitemap, a visual representation of the website's hierarchical structure and content, the design team was able to identify the key components and features necessary for the medical dashboard to effectively meet the needs of healthcare professionals. This step-by-step process helped to ensure that the final product is both user-friendly and intuitive, promoting ease of use and efficient navigation.
The development of a comprehensive sitemap also allowed for the identification of potential gaps or inefficiencies in the design, ultimately leading to a more refined and effective end product. With a clear understanding of the dashboard's structure and content, the wireframes could then be developed with a strong foundation, ensuring that the final design meets the needs of both healthcare professionals and their patients.
Overall, the creation of a sitemap before the wireframing process is a crucial step in designing an effective and efficient medical dashboard. This method ensures that the dashboard is well-structured, easy to navigate, and provides users with the necessary tools and features to effectively manage patient care.
Experimentation
We conducted a user research experiment using various designs and analyzed the optimal approach for presenting the data. Here are some of the examples that we created:
The data was pretty visible but some user reported confusion by using different colours and gradients on each section
The navigation bar on the top and the iconography on the left corner of the dashboard was too bold for the design, it was hard to find the data
UX, UX and a little bit of UI
To identify a more effective approach for identifying the pain points of the dashboard, the initial step involved analyzing the user experience. Specifically, attention was given to the filters located in the left corner of the dashboard.
Easy Navigation
The colour and the layout were improved for easier navigation of the Patient list and the details and reports of each assessment.
Graphs and Notification
The colour and the layout were improved for easier navigation of the Patient list and the details and reports of each assessment.
Easy way to send Assessments
When it comes to sending assessments to patients, designing a user experience (UX) that is intuitive, engaging, and easy to navigate is crucial. One effective way to enhance the UX is by incorporating icons to help identify different assessments and create a well-organized UI.
Icons provide a visual cue that quickly communicates the purpose of the assessment, making it easier for patients to understand what they need to do. A well-designed icon should be clear and concise and should convey the intended message with minimal visual noise. Furthermore, consistent iconography can help patients easily navigate through different assessments, reducing the cognitive load required to complete them.
When the tabs are close this is how it looks:
When the tabs are open this is how it looks:
