Intuitive Research Dashboard

This project was a unique convergence of UI/UX Design, Biomedical Research, and AI, developed to streamline experiment tracking and expedite research workflows. While working as a researcher analyzing AI models on biomedical datasets, I frequently found myself losing track of previous experiment data. The process of manually switching between different model configurations, dataset versions, and performance logs was inefficient, consuming unnecessary time and effort. This led me to pitch a proposal for an internal research dashboard, aiming to unify and simplify access to documentation and model performance analysis to speeds up research, and improves productivity across the team.

Skip to Design Details

Project Implementation Overview

Click the arrow mark to watch the video in full screen

Designing the dashboard started with understanding what researchers really needed. I dug into their workflow pain points, explored different project structures and dataset types, and mapped out key factors like accuracy, latency, and memory usage to ensure the data was presented in the most useful way. With these insights, I sketched out low-fidelity wireframes, refining them through multiple feedback loops to create an intuitive and efficient UI. Once the structure felt right, I designed high-fidelity wireframes in Figma, adding a clean navigation bar, a seamless layout, and smart documentation tracking to keep everything organized. The result? A dashboard that cuts out manual tracking, visually structures research data, and makes analyzing models faster and more intuitive.

One challenge was ensuring that sample placeholder data was relevant to the Biomedical and AI context while respecting confidentiality. Since I couldn’t include direct research data, I: Scouted various biomedical projects and datasets to extract relevant non-sensitive sample descriptions. Ensured AI-related terminologies and configurations accurately reflected real-world biomedical AI research. Created realistic test cases that aligned with the actual research being conducted in the lab. For the design language, I opted for: A lab-friendly red color palette with subtle UI elements, maintaining a scientific and professional feel. A structured hierarchy that mirrored the way AI researchers organize experiments and analyze performance. AI-driven enhancements, where I applied my understanding of AI workflows to optimize UI layouts for AI researchers, ensuring that key metrics and logs were always accessible without overwhelming the interface.

This project pushed my skills beyond UI/UX and AI into a multi-disciplinary blend of three domains—Biomedical Research, Artificial Intelligence, and User Experience. Some of the key challenges I overcame included: Creating a universal structure that worked for various research projects, despite their diverse methodologies. Designing an interface that balanced complexity with usability, ensuring it remained researcher-friendly while supporting intricate configurations. Optimizing data visualization, so that performance benchmarks and model logs were both insightful and non-cluttered. This project reinforced my ability to bridge technical and design-driven problem-solving, proving that a well-designed UI/UX can significantly improve research efficiency. It also gave me the confidence to handle even more complex UI/UX designs, incorporating faster rendering techniques and AI-driven design improvements for future projects. Scroll down to explore more insights into the design process and dashboard features.

Design Details

User Research & Pain Points

Conducted extensive research into biomedical lab workflows to identify key challenges: Fragmented Data Management, with scattered datasets causing inefficiencies; Inefficient Experiment Tracking, due to the lack of a centralized AI analysis platform; and Complexity Overload, making adoption difficult for non-technical users.

UX Architecture & Information Flow

Designed an intuitive information hierarchy to help researchers access insights effortlessly. Key UX elements included Progressive Disclosure to reduce cognitive load, a Data-Driven UI for visualizing model performance and errors, and Task-Oriented Navigation for seamless workflow transitions.

High-Fidelity Wireframes & Visual Design

To minimize cognitive load, I used clean typography and high contrast for readability. Data visualization included intuitive graphs and heatmaps, while a red-accented theme reinforced the biomedical context. Microinteractions enhanced engagement with smooth, meaningful animations.

Prototyping & Testing

Built an interactive prototype in Figma, allowing researchers to test workflows before development. Usability testing showed a preference for visual experiment logs, a floating search bar for faster data retrieval, and improved error log visualization. Final refinements included simplified log categorization, enhanced dataset filters, and real-time AI model monitoring for better usability.