User Interface

Professional healthcare UI design principles.

Design Philosophy

• Safety first: Patient context always visible
• Efficiency: Minimal clicks to complete tasks
• Clarity: Clean, uncluttered design
• Accessibility: Keyboard navigation, WCAG 2.1 AA

Key Components

Patient Identity Bar

Always visible, sticky positioning: - Patient name (large, bold) - MRN (click to copy) - Gender color coding - Age, blood group

Allergy Safety Banner

Red banner for high-criticality allergies: - Shows on all clinical pages - Cannot be permanently dismissed - Allergen + reaction displayed

Clinical Tab Navigation

Quick access to all records: - Overview, Allergies, History - Visits, Problems, Medications - Procedures, Labs, Documents

Responsive Design

Works on: - Desktop (primary) - Tablet (responsive) - Mobile (optimized)

See Getting Started for screenshots.