Design Strategy & Ui Design
SunnyOp Research Maps
Visually synthesizing research findings with the goal to understand gaps in the pre-surgical process for patients, doctors, nurses, residents, and familial caregivers.
September to December 2022
Visually synthesizing research findings with the goal to understand gaps in the pre-surgical process for patients, doctors, nurses, residents, and familial caregivers.
September to December 2022
Lead UI design and prototyping
Interactive research maps built for the SunnyOp Research project at George Brown College in partnership with the Sunnybrook Health Science Center.
Built in collaboration with Yefri and Marko under the guidance of Sabrina Curutan.
After meeting with various participants, including nurses, doctors, residents, patients, and caregivers, we had to condense a significant amount of information on pre-surgical care into a searchable and visually engaging format to identify potential design opportunities.
In 2020, the SunnyOp research project began with the aim of creating a pre-surgical e-health system that streamlines patient care and education while improving workflow. Our initial focus was on understanding pre-surgical care, including priorities, responsibilities, available technologies, artefacts, constraints, gaps, and coping strategies.
We met with nurses, doctors, residents, patients, and familial caregivers to gain insights into their journey. To synthesize this information visually, our team collaborated on a design strategy, which we outline below.
Data Overview
Understanding visualized data from participant meetings and finding common themes.
New Legend
Creating a new legend to enable a modular method of understanding themes and categories within mentioned aspects of the pre-surgical journey outlined by participants.
Design System
I created necessary components, variants, icons, and colours for the rest of the team to use when creating each participant map.
System Map
I created a system map displaying front-end interactions with back-end databases. I provided this system map to other team members to comprehend the structure of the working file.
Interactive journey maps enabling you to view the tasks of each role in pre-surgical care and the constraints, feelings, and technologies associated with them.
Database
Team members created individual participant journeys using the design system that formed the whole database. They added interactions for each task of the maps. I was in charge of linking the database maps to the front-end templates and creating category and comparison sections.
Templates
I ensured the front-end templates were all linked together and provide easy comparison between roles and participants. These templates provided easy presentation to stakeholders and internal teams.
Our final maps enable us to visually compare the journey of each role throughout pre-surgical care and identify design opportunities for the next stage of the project.
Improving Figma Technical Skills
This project allowed me to improve my knowledge on figma. Specifically on building design systems, prototyping, and additional functionalities such as creating a horizontal scroll effect, creating dropdowns, and animating pop-ups.
Next Steps
These maps will play a crucial role in structuring future meetings with participants, as well as identifying opportunities for exploration in pre-surgical care. Their design ensures that all stakeholders can quickly and easily understand the information presented which has the potential to lead to significant improvements in pre-surgical care.
