healthcare-medical

Included with Lifetime

$97 forever

Use when designing animations for medical apps, patient portals, telehealth, or health tracking interfaces

Data & Analytics

What this skill does


# Healthcare & Medical Animation Principles

Apply Disney's 12 principles to create calming, trustworthy experiences that prioritize clarity and reduce anxiety.

## The 12 Principles Applied

### 1. Squash & Stretch
- **Minimal Use**: Avoid playful squash on health data
- **Breathing Exercises**: Gentle expand/contract for guided breathing
- **Heart Rate**: Subtle pulse matching actual rhythm

### 2. Anticipation
- **Appointment Booking**: Brief preparation before confirmation
- **Test Results**: Thoughtful pause before revealing sensitive data
- **Medication Reminders**: Gentle fade-in, never jarring

### 3. Staging
- **Critical Alerts**: Center stage with clear hierarchy
- **Vital Signs**: Most important metrics prominently displayed
- **Privacy First**: Blur or hide sensitive info until focused

### 4. Straight Ahead & Pose to Pose
- **Health Journeys**: Step-by-step progress (pose to pose)
- **Real-time Monitoring**: Continuous data streams (straight ahead)
- **Onboarding**: Clear sequential steps

### 5. Follow Through & Overlapping Action
- **Dashboard Load**: Cards appear in logical health order
- **Prescription Updates**: Medicine icon settles before details
- **Chart Animations**: Data points connect sequentially

### 6. Slow In & Slow Out
- **All Transitions**: Gentle easing, never abrupt
- **Modal Reveals**: Soft fade-in for sensitive information
- **Navigation**: Smooth 400-500ms transitions

### 7. Arc
- **Progress Indicators**: Circular arcs for completion
- **Body Diagrams**: Smooth paths between body regions
- **Timeline Navigation**: Curved paths through health history

### 8. Secondary Action
- **Confirmation Checkmarks**: Gentle pulse after booking
- **Loading States**: Calming animations during data fetch
- **Success States**: Subtle color transitions

### 9. Timing
- **Slower Overall**: 400-600ms for calm, measured feel
- **Critical Alerts**: Faster 200ms to ensure attention
- **Data Entry**: Responsive 150ms feedback

### 10. Exaggeration
- **Avoid in Most Cases**: Medical context requires restraint
- **Emergency Only**: Reserved for urgent alerts
- **Celebrations**: Subtle for health milestones

### 11. Solid Drawing
- **Anatomical Accuracy**: Correct body representations
- **Chart Clarity**: Legible graphs at all sizes
- **Accessibility**: High contrast, readable animations

### 12. Appeal
- **Calm Professionalism**: Trust through restraint
- **Warm Colors**: Soft blues, greens for comfort
- **Human Touch**: Gentle transitions feel caring

## Industry Timing Standards

| Action | Duration | Easing |
|--------|----------|--------|
| Page Transition | 400-500ms | ease-in-out |
| Modal Open | 350ms | ease-out |
| Alert Appearance | 200ms | ease-out |
| Data Refresh | 300ms | ease-in-out |
| Success Feedback | 400ms | ease-out |

## Key Principle
Animations must never cause anxiety or confusion. Prioritize clarity, accessibility, and a calming presence. When in doubt, animate less.

Files: 1

Size: 3.0 KB

Complexity: 6/100

Category: Data & Analytics

Source: https://github.com/dylantarre/animation-principles/tree/main/skills/08-by-industry/healthcare-medical

Related in Data & Analytics

clawarr-suite

Included

Comprehensive management for self-hosted media stacks (Sonarr, Radarr, Lidarr, Readarr, Prowlarr, Bazarr, Overseerr, Plex, Tautulli, SABnzbd, Recyclarr, Unpackerr, Notifiarr, Maintainerr, Kometa, FlareSolverr). Deep library exploration, analytics, dashboard generation, content management, request handling, subtitle management, indexer control, download monitoring, quality profile sync, library cleanup automation, notification routing, collection/overlay management, and media tracker integration (Trakt, Letterboxd, Simkl).

Data & Analyticsscripts

querying-soql

Included

SOQL query generation, optimization, and analysis with 100-point scoring. Use this skill when the user needs SOQL/SOSL authoring or optimization: natural-language-to-query generation, relationship queries, aggregates, query-plan analysis, and performance or safety improvements for Salesforce queries. TRIGGER when: user writes, optimizes, or debugs SOQL/SOSL queries, touches .soql files, or asks about relationship queries, aggregates, or query performance. DO NOT TRIGGER when: bulk data operations (use handling-sf-data), Apex DML logic (use generating-apex), or report/dashboard queries.

Data & Analyticsscripts

app-store-optimization

Included

App Store Optimization (ASO) toolkit for researching keywords, analyzing competitor rankings, generating metadata suggestions, and improving app visibility on Apple App Store and Google Play Store. Use when the user asks about ASO, app store rankings, app metadata, app titles and descriptions, app store listings, app visibility, or mobile app marketing on iOS or Android. Supports keyword research and scoring, competitor keyword analysis, metadata optimization, A/B test planning, launch checklists, and tracking ranking changes.

Data & Analyticsscripts

habit-flow

Included

AI-powered atomic habit tracker with natural language logging, streak tracking, smart reminders, and coaching. Use for creating habits, logging completions naturally ("I meditated today"), viewing progress, and getting personalized coaching.

Data & Analyticsscripts

app-store-optimization

Included

Data & Analyticsscripts

visualizing-data

Included

Builds dashboards, reports, and data-driven interfaces requiring charts, graphs, or visual analytics. Provides systematic framework for selecting appropriate visualizations based on data characteristics and analytical purpose. Includes 24+ visualization types organized by purpose (trends, comparisons, distributions, relationships, flows, hierarchies, geospatial), accessibility patterns (WCAG 2.1 AA compliance), colorblind-safe palettes, and performance optimization strategies. Use when creating visualizations, choosing chart types, displaying data graphically, or designing data interfaces.

Data & Analyticsscripts