UX Internship Project
Team
1 Associate UX Designer (Intern) + 2 Lead Designer.
Scope of work
Audited the existing Ada Design System and conducted secondary research on healthcare standards, accessibility, and compliance.
Impact
Unified workflows through accessible, compliant design systems, reducing design and delivery gaps.
Short on time? Here’s a quick audio walkthrough.
hhh
About Ada
The Ada Design System by Coditas is an internal, comprehensive collection of UI components, guidelines, and visual styles, serving as a single source of truth to ensure consistency and efficiency across products.
Core Goals of the Project
• Studied healthcare workflows to find gaps and built a unified, reusable component library with clear guidelines for consistency and accessibility.
• Designed role-based experiences for clinicians, patients, and staff with WCAG, WHO, HIPAA compliance.
• Delivered scalable, reliable UI components adaptable across systems and platforms.
Problem
UX Challenges Affecting Patient Safety and Care Efficiency
Limited Real-Time Support
Weak handling of live, time-sensitive data.
No Role-Based Experiences
Components were not for role based doctors, nurses, and patients leading to inefficient use.
Not Built for Healthcare
Lacked clinical workflow and compliance design.
Missing & Unclear Essentials
Key daily tracking components, states, and alerts unclear.
Due to NDA restrictions, specific project details and documentation cannot be disclosed. A high-level overview is presented.
On paper, Ada looked complete
In hospitals, it wasn't.
Process
Designing for Safety, Compliance, and Real-World Care
Compliance
Compliance in healthcare design isn’t just a rule it’s a responsibility. It protects patient data, builds trust, and ensures your app doesn’t just look good, but even does good.
HIPAA compliance keeps patient data safe with tap-to-reveal, encrypted messaging, user-controlled access, and masked errors that prevent accidental experiences.
Design healthcare experiences that meet global standards with adaptive Uls, accessible visuals, WCAG support, and inclusive usability across regions.
Balancing Compliance, Accessibility, and Real-World Workflows
Safety first: Prioritize clear, error-preventing, essential info only.
Accessible by default: Work across roles, abilities, devices, and assistive technologies.
Compliant & secure: Align with healthcare privacy + accessibility standards.
Flexible consistency: Use modular, workflow-aware components that adapt without being overwhelming.
Role-based clarity: Supports clinical decisions, admin, and patient understanding.
Smartwatches
Addressed missed smartwatch constraints by defining reusable wearable components and design guidelines.
Glanceable UX: Core actions and info accessible in under 10 seconds.
Micro-moment interactions: Fast, contextual, and low-effort by design.
Multimodal input: Touch, motion, voice, and biometrics working together.
Accessible & secure: WCAG-ready with a privacy-first approach.
Platform-aligned: Meet Apple HIG, Wear OS, and Fitbit guidelines.
Wearable-first constraints: 44pt touch targets, high-contrast typography, and battery-efficient UI.
Solution
UX That Works Across Devices, Roles, and Critical Moments
Habit tracking
Enable habit tracking through wearable-optimized, intuitive health visualizations.
Real-time Communication
Facilitate secure, real-time patient-provider communication across all platforms.
Clear Cues
Provide clear and accessible indicators for urgency and status.
Consistent UX
Deliver a consistent, responsive user experience across all devices and care contexts.
Balance
Balance usability, engagement, and compliance in healthcare experiences.
Visual Language
Clean, legible typography for all devices, paired with healthcare-specific icons and accessible, WCAG-compliant colors from Coditas’ Ada design system.
Typography (Font)
It is the primary typeface, chosen for clarity and legibility, with standardized type scales to support readability across devices and for low-vision users.
Colours
Iconography
Evolving Components and Patterns
Extended the Design System by adding missing mobile/web, and smartwatch components. These additions do not replace existing components; instead, they address different use cases and fill gaps for the overall library.
Cross-Device Health UI Components System
Smartwatch
Cards
Cards organize content into clear, scannable chunks, improving visual clarity and readability.
Component Breakdown
Labels, guidance, descriptions, and images clarify context and usage.
Graphs and buttons enable primary or secondary user actions linked to badges.
Layout and Spacing
Mobile/Web Component
Progress Bar
A progress bar shows task completion at a glance, reducing uncertainty and offering real-time feedback.
Base Component
Error and Edge Case States
Error scenarios are documented with red indicators and clear messaging to guide users, ensuring clarity and issue resolution.
Component Breakdown
Show clear stage headers with icons and labels to guide users.
Connect stages visually to indicate progress flow and current status.
Layout and Spacing
Mobile Component
Streak Calendar
A streak calendar shows daily progress, habit continuity with clear visual cues.
Base Component
Component Breakdown
Holders and graphs display state actions and visualize daily progress based on the app use case.
Day, date, and subtext guide users and support primary or secondary task actions.
Layout and Spacing
