DBS
Mobile eLearning Technique Guide
Project
An immersive, visually intuitive platform designed to bridge the gap between theory and practice. This digital environment allows neurologists and neurosurgeons to master the complexities of the Vercise DBS system through risk-free, hands-on simulation.
Role
UI Visual Lead
Services
UI Design
Client
Level Ex Games
Discovery
Framework
Collaborated with Boston Scientific to build a specialized training application from the ground up. By applying the ADDIE framework (Analysis, Design, Development, Implementation, Evaluation), our team translated technical documentation into an immersive UI/UX experience. I bridged the gap between 2D interface design and 3D assets to create a unified, responsive tool tailored for professional medical education.
Team Challenge
Platforms
Developed a cross-platform instructional application designed for seamless adaptability across web and mobile interfaces. Prioritized digital equity by ensuring full compliance with Section 508 and WCAG standards, delivering an accessible educational tool for all users regardless of device or ability.
Goals & Scope
-
Objective: Developed an adaptable UI tailored for presenting complex medical data through a natural doctor-to-patient dialogue format.
-
Rapid Iteration: Executed end-to-end UI design and comprehensive validation testing within a condensed 6-week timeframe.
-
Collaboration: Partnered with cross-functional teams to align design goals with a 4-month full-scale development roadmap.
User Research
Research Process
Partnered with cross-functional stakeholders to define user personas for a specialized medical technical guide. I conducted research into the workflows of neurologists and neurosurgeons, creating a behavioral summary that directly informed the UI design strategy and information architecture based on user behavior.
Problems & Solutions
To identify core friction points, I conducted stakeholder interviews with data scientists and subject matter experts. I narrowed my focus to two primary user challenges: cognitive overload caused by dense text and diminished trust due to outdated content. I then explored targeted UX/UI interventions to streamline the information architecture and ensure content relevancy.
Design Solutions
Ideate Solutions
I collaborated with SMEs and data scientists to audit existing workflows and pinpoint user frustrations. This discovery phase highlighted two priority areas for the redesign:
-
Content Overload: Reducing cognitive load through better visual hierarchy.
-
Information Decay: Implementing UI cues to address user reports of outdated content.
User Flow & Wireframes
Tasked with building this concept from the ground up, I designed a responsive web application focused on seamless user flows and a polished aesthetic. I initiated the process in Figma, architecting a strategic framework that included a high-conversion landing page, a versatile introduction/completion module, and a detailed case page to anchor the experience.
Design Process
Leveraging Boston Scientific’s brand identity, I curated a comprehensive mood board and style guide using Adobe Illustrator. This foundational documentation standardized the application’s visual language, including color palettes, typography, and UI assets, ensuring a cohesive and brand-aligned user experience.
Design Systems
I leveraged a custom Figma UI kit to bridge the gap between design and development. By applying our brand styles to a library of production-ready components ranging from complex forms to navigation systems ensuring a seamless handoff for direct implementation into the Unity front-end.
The Results
UI Design Mockups
I designed high-fidelity UI layouts centered on accessibility and scalability. By pairing a high-contrast color palette with legible typography and a library of reusable components, I ensured a consistent visual language. To manage complex information, I developed a modular dialogue system for doctor-patient interactions, using a guided prompt structure to improve readability and user flow.
Accessibility
Committed to WCAG and 508 guidelines, I integrated inclusive practices throughout the design lifecycle:
-
Information Architecture: Designed robust layouts with intuitive navigation.
-
Visual Integrity: Verified color contrast and iconography using industry-standard testing software.
-
Readability: Audited font scales and color palettes for maximum legibility.
-
Assistive Tech: Authored precise alt-text and captions for screen-reader compatibility.
The Impact
Testing & Validation
I transformed the DBS Virtual Technique Guide into a user-centric educational tool that balances technical depth with visual clarity.
-
Enhanced Accessibility: Used high-contrast 2D art and large-scale typography to eliminate eye strain and simplify navigation.
-
Strategic Narrative: Introduced an engaging "doctor-patient" dialogue format to make complex systems approachable.
-
Technical Scalability: Engineered a modular system in Unity for effortless content updates.
