A dashboard for healthcare professionals providing insights into disease prevalence, NHS treatment overview, and secondary care patient management.
Sanofi, a leading global healthcare and pharmaceutical company, has developed a groundbreaking drug for the treatment of Atopic Dermatitis and Severe Asthma.
The brief was to develop a dashboard aimed at helping patient access managers understand the status of each disease in the population, an overview of how the disease is treated in the NHS and how patients are managed in secondary care.
Lead UX Designer | OPEN Health
Wireframes, Information architecture, Visual design & Prototyping
After the initial kick-off meeting, I consolidated all the documents provided into a FigJam file.
I consider this step crucial as it centralises all relevant information in one location, preventing scattering. It also allows me to thoroughly dissect the brief, jot down my thoughts and questions, and regroup to seek answers efficiently.
Creating wireframes before the concept stage enables me to concentrate solely on the structure and functionality of the dashboard, without becoming distracted by the finer details of colours and visuals.
This approach ensures that the fundamental layout and usability of the dashboard are solid before moving on to more intricate design elements.
Option 1
This option is excellent for future-proofing the dashboard, especially if we anticipate the need to add more options in the therapy pathway. On the left-hand side, I've incorporated a Therapy Pathway section where users can seamlessly switch between different pathways.
Additionally, on the main right-hand side, I've included a dropdown menu for added flexibility. The tabbed format simplifies navigation, clearly indicating three sections within the Therapy Pathway, while the dropdown menu on the right-hand side allows users to select different data charts with ease.
Option 2
The left-hand side menu has been structured into the Therapy Pathway section, followed by subsections below. This layout enhances user visibility of available options and facilitates easy switching between Therapy areas.
However, a potential drawback is that if additional therapy pathways are added, the navigation may become lengthier, requiring scrolling to access other areas.
I began by drawing inspiration from various dashboards and data visualisation designs to generate initial ideas.
These concepts were sketched out on paper before transitioning to Figma for further refinement. Throughout the process, I explored numerous iterations of the dashboard design, ensuring alignment with brand guidelines.
The biggest challenge I faced when designing was ensuring that the data, which needed to be translated into graphs and other visual elements, would be easily understandable for patient access managers.
Given my limited expertise in the scientific aspects of the data, close collaboration with the scientific copywriter was essential. This collaboration ensured that the designs accurately conveyed the intended information and effectively communicated key insights to the target audience.
The dashboard is structured into three main sections: the left-hand navigation, top bar, and main content area.
Data is visually represented with colour coding; blue signifies severe cases of Asthma, while green represents the total number of Asthma patients. Additionally, icons are strategically utilised to break up the data and provide visual cues for related information.
The tabs located on the top bar offer users seamless navigation between the three sections and allow for the selection of specific years, enhancing user flexibility and ease of access to desired information.
The trend view showcases the data through a line graph, with the flexibility to select between metrics of total patients or total patients per 1k population.
Accessibility considerations are prioritised, with clear labels placed near the lines to highlight key information. Additionally, a dotted line is utilised to differentiate between national and local data, ensuring users can easily discern between the two.
Here, the data is presented differently; within the main blocks, key statistics are highlighted to emphasise their importance.
Additionally, a line chart accompanies the data to illustrate the proportion of severe cases among the total number of patients.
As users switch between the two therapy pathways, each pathway is colour-coded to differentiate between them. Furthermore, icons and title changes are employed to enhance user understanding and facilitate navigation between the pathways as well as for accessibility.
Following the design phase, a high-fidelity prototype was developed to breathe life into the designs and showcase how each page links and interacts seamlessly.
This prototype was presented to the client to garner buy-in and served as a valuable tool for collecting feedback and making necessary adjustments moving forward.
A website refreshed to inspire users in booking their dream holiday and experiencing the beauty and adventure of the Fiji islands to the fullest.
A refreshed educational platform exclusively for healthcare professionals seeking expertise in oncology.
A wellbeing website designed to support employees in optimising their lives both within and beyond the workplace.