Progress Pills Focus Form

Preview

Overview

The Progress Pills Focus Form is tailored for clinical symptom assessments, PROMs (Patient-Reported Outcome Measures), and multi-topic questionnaire intake. Rather than overwhelming users with long vertical lists, it chunks health domains into a horizontal progress pill strip:

• Completed Category: Displays a green checkmark Abdominal pain ✓.
• Active / Focused Category: Highlights in solid royal blue #3f41c5 with an integrated sub-step counter Fatigue 1/2.
• Upcoming Categories: Display subtle borders and muted text Nausea, Cough.

Key UI Features

1. Horizontal Progress Pills Track:

   • Smooth horizontal scrolling with automatic center-snapping as questions advance.
   • Live visual status: Completed (✓), Active with sub-step fraction (1/2, 2/2), and Unvisited.
   • Direct category jumping: Users can tap any pill to inspect or modify previous answers.

2. Dual-Weight Question Typography:

   • Empathetic phrasing that emphasizes clinical criteria: "In the last 7 days, what was the severity of your fatigue at its worst ?"

3. Spacious Radio Option Cards:

   • Large touch targets (py-4 px-5 rounded-2xl) with clear radio indicators:
     • None
     • Mild (Selected state with blue central dot)
     • Moderate
     • Severe
     • Very Severe
   • Smooth auto-advance transition on tap with gentle 220ms pacing.

4. Dual Display Modes:

   • Toggle between authentic iPhone View (with 11:08 ☾ status bar, camera notch, and home bar) and an Expanded View for tablet or desktop clinical portals.