EllieMD PSQ - Design Decisions

1

Eligibility disclaimer on the welcome screen

Where it shows: Welcome screen, between the benefit pills and the "I confirm and continue" CTA. Presents the 4 V1 Stack Rules R1 conditions that disqualify a user from the programs.

V1 source: Stack Rules R1, four conditions verbatim plus "reach out to our care team directly" redirect. Current default: A.

Not decided

A

Putty box, horizontal conditionsCurrent default

Warm putty box with uppercase "Before you begin" label and the four conditions in a wrap-row separated by small dot dividers. Compact single-line layout.

B

Soft sage-rule callout

No box. Thin sage-green vertical rule on the left, quieter treatment. Reads as passive reference rather than a hard stop.

C

Centered chips (no container)

No box. Conditions shown as soft pill chips with "x" prefixes, centered below intro text. Light but reads as tag soup for serious medical content.

D

Two-column icon grid

Each condition rendered as a cell in a 2-column grid with a neutral info icon. More visually balanced, reads as formal.

E

Collapsed accordionLegal review

Conditions hidden behind a collapsible summary row. User taps to expand. Lightest page weight but conditions are not visible without interaction, so legal may require expanded by default.

F

Editorial two-column

Serif headline "A quick safety check" on the left, the 4 conditions listed on the right with dividers. Editorial and considered, feels premium.

Notes (optional)

2

Goals selection screen (step 1)

Where it shows: Step 1 of the quiz. User picks one or more health areas. 14 V1 goal categories presented together.

V1 source: Q1.0 verbatim headline "What health areas matter most to you right now?" with subhead "Unlimited selection." Options are the 14 V1 goal names verbatim. Current default: A.

Not decided

A

Stronger-prompt gridCurrent default

2 to 4 column card grid. Each tile is horizontal: icon plus name plus check on one row. Compact, no dead space. Headline reframed as "What matters most right now?" with subhead "Pick your top 1-3."

B

Theme-first drill-downNeeds source

4 broad buckets (e.g. daily energy, longevity, performance, wellness) shown first, user picks a theme and drills into its goals. Reduces visual overwhelm but V1 does not define these themes, so grouping needs your input.

C

Progressive reveal

5 most popular goals shown by default with a "Show 9 more" expander. Fast completion for typical user, hides the full list until needed.

D

Typeahead search

Search input at the top, matches filter below as user types. Power-user pattern. Slower for users who don't know goal names.

E

Conversational yes/no

Shows one goal at a time with yes/no answer. Feels low-effort but becomes 14 taps in a row. Takes much longer than a single grid.

Notes (optional)

3

Rank the priority of selected goals

Where it shows: Step 1 rank phase (only if user picked 2+ goals). User orders selected goals to set primary, secondary, tertiary.

V1 source: Q2.0 verbatim headline "Rank the priority of your selected health goals" with subhead "Drag selections into ordered list 1-3." V1 scoring multipliers (rank 1 = 1.0, rank 2 = 0.7, rank 3 = 0.5) apply regardless of variant. Current default: V2.

Not decided

V1

Pill stack with drop zones

Three numbered dashed drop zones on top, pool of selected goals below. User drags items from pool into slots. Explicit and literal.

V2

Single sortable listCurrent default

All selected goals in one list. User drags anywhere on a card to reorder. Coral-to-muted weight strip on the left shows rank weights. Matches Linear, Notion patterns.

V3

Two-column tray

Left column shows unranked pool, right column shows ranked slots. User drags across. More space per item, better for long goal names, takes more screen real estate.

V4

Weight preview bars

Single list with a visual weight indicator on each ranked item ("Strongest, Strong, Moderate, Light"). Makes the scoring effect concrete and transparent.

V5

Tap-or-drag hybrid

Drag handle plus up/down arrow buttons on each row. Accessibility fallback for users who can't or don't want to drag. Wider per-row footprint.

Notes (optional)

4

Height and weight input

Where it shows: Step 2, first question for goal paths that require BMI (Weight Loss, Longevity, Muscle, Metabolic, Overall Wellness).

V1 source: Q3.0 verbatim headline "Please provide your height and current weight" with three fields: Feet, Inches, Lbs. Current default: B.

Not decided

A

Three separate number inputs

V1 verbatim spec. Three fields side by side: feet, inches, lbs. Works everywhere, but three tiny fields feel like paperwork on mobile.

B

Height dropdown plus weight numberCurrent default

Combined height dropdown (5 ft 8 in, etc.) plus weight number input. Two fields instead of three. Fewer keystrokes on mobile, quicker to complete.

C

Inline pill fields with unit toggleInternational only

Pill-shaped containers with inline ft/in/lbs labels plus an imperial, metric toggle. Adds unit conversion work on backend. Only worth it if international markets are on the roadmap.

Notes (optional)

5

Yes / No radio layout (prior GLP-1 use)

Where it shows: Step 2 for goal paths that ask about prior GLP-1 medication use. Binary choice, V1 Q4.0.

V1 source: Q4.0 verbatim headline "Have you used GLP-1 medications or any other prescription weight loss drugs in the last 45 days?" with options Yes, No. Current default: B.

Not decided

A

Stacked buttons

Two full-width buttons stacked vertically, each with a radio dot. Matches the look of other radio questions for consistency.

B

Side-by-side large tilesCurrent default

Two large tiles side by side, bigger touch targets. Binary choice deserves binary layout. Fastest completion pattern on mobile.

C

Inline toggle switchNot recommended

Small toggle switch inline with the label. Toggle switches carry "setting" semantics that imply persistence. Probably the wrong match for a one-time quiz answer.

Notes (optional)

6

Multi-select question layout

Where it shows: All 12+ step 2 multi-select questions. Examples: "Which aspect of long-term health optimization interests you most right now?" (Q7), "Which energy pattern feels most familiar?" (Q8), "Which sleep pattern..." (Q11), and 9 more.

V1 source: 5 to 6 option labels per question, full sentence length. Applied uniformly across all multi-select category questions. Current default: A.

Not decided

A

Grid tiles (2-col)Current default

Responsive 2-column grid. Icon plus option label with a radio dot. Works for long V1 sentences, scannable on desktop, collapses to single column on mobile.

B

Pill chips

Horizontal-wrap pill chips, tap to toggle. Fun and modern for short text. V1 options are full sentences so chips wrap awkwardly for the category questions.

C

Stacked cards (baseline)

Full-width cards one per row, each with a checkbox visual. Most accessible, least visually interesting. 6 full-width rows eats screen space on desktop.

D

Tap to prioritizeStructural change

First tap becomes #1, second becomes #2, etc. Captures order of importance as free signal. Changes from flat multi-select to ranked, so the scoring engine needs updating before this can ship.

E

Primary plus also-relevantStructural change

Forces the user to pick one lead answer, with the rest as optional secondary picks. Captures stronger lead signal. Structural change from V1 flat multi-select, needs engine updates before shipping.

Notes (optional)

7

Rich radio layout (single-select with descriptions)

Where it shows: Q4.3 "What type of support would you like to complement your protocol?" (support-preference), Q24 "Which format would you prefer for your sexual health protocol?" (sexual-health-format), and other V1 radios that have descriptive option labels.

V1 source: Option labels verbatim. Component auto-detects whether labels have descriptions or are short names, and adapts layout. Current default: A.

Not decided

A

Stacked rich cardsCurrent default

One per row, radio dot on the left, name bold with description below. Most accessible, best for longer V1 option descriptions.

B

Side-by-side comparison

2 or 3 column grid, each option a column. Best for direct comparison (e.g. Nasal Spray vs Troche, or 2-3 support preferences side by side).

C

Pills with detail below

Compact pill row at the top, description of the selected option appears in a panel underneath. Good when option names are short and description is reference context.

D

Letter-badge list

Each option gets an A, B, C letter badge on the left. Keyboard-shortcut feel, fast to scan. Works for any option count.

Notes (optional)

8

Metabolic support approach question

Where it shows: Q4.2 and 5 sibling instances (Q6.2, Q15.2, Q19.2, Q22.2, Q29.2) across Weight Loss, Longevity, Muscle, Metabolic Health, Overall Wellness paths. GLP-1/GIP vs GLP-1-only selection.

V1 source: Q4.2 verbatim headline "Which type of metabolic support are you most interested in?" with verbatim option descriptions. Current default: B (zero content change).

Not decided

A

Side-by-side with pathway bars

Two cards side by side. Each shows a mini visual indicator of single-pathway vs dual-pathway mechanism. Adds visual metaphor without changing copy.

B

Title-subtitle splitCurrent default

Parses V1 "Name: Description" labels into a bold name with description below. Zero content change from V1, cleanest reading experience.

C

Plain-English pill labelsContent change

Adds plain-English pill badges ("Broader" vs "Focused") next to the V1 names. Reduces jargon load but adds badge copy that is not in V1. Needs your approval on the badge wording.

D

Pathway diagramsMedical review

Small mechanism diagrams showing single vs dual pathway. Very clear visually. Any mechanism diagram is a compliance surface and likely raises FDA off-label concerns. Needs medical affairs before ship.

E

Recast H1Copy change

Rewrites headline from V1 "Which type of metabolic support are you most interested in?" to "Would you like a single-pathway or dual-pathway approach?" Needs your approval on the rewrite.

Notes (optional)

Pending Copy Approvals

Content items waiting on your signoff, separate from the presentation decisions above. For each, pick one: Approve as-is, Needs changes (write what in notes), or Needs more info.

Eligibility wrapper framingProposed copy

V1 Stack Rules R1 reads:

"we want to make sure our programs are a safe fit for you. Unfortunately, we're unable to provide personalized recommendations if any of the following apply"

. The prototype trims this to "Our programs aren't a fit if any of these apply to you". The four conditions and the "reach out to our care team directly" redirect are kept V1 verbatim. The shorter intro reads faster, but it drops the softer framing.

Approve the trimNeeds changesKeep V1 verbatim

Multi-select variants D and E (structural changes)Engineering alignment

Multi-select variants D (tap-to-prioritize) and E (primary plus also-relevant) change the underlying data structure from flat multi-select to ranked or hierarchical selection. V1 specifies flat multi-select. If either is chosen, the scoring engine and backend schema need updating before ship. Sameer will need to weigh in on effort before we commit to either.

OK to pursue (loop in Sameer)Only if cosmetic changeStick with flat multi-select

Metabolic pathway diagrams (variant D)Medical review

Variant D on the metabolic approach question renders small visual diagrams of single-pathway vs dual-pathway mechanisms. Any mechanism visual is a compliance surface and may raise FDA off-label concerns for compounded GLP-1/GIP. Needs medical affairs sign-off before shipping.

Proceed with medical reviewDrop the diagramNeed more info

Metabolic variant C pill badgesAdded copy

Variant C adds plain-English badges next to the V1 option names: "Broader" (GLP-1/GIP) and "Focused" (GLP-1 only). This is new copy not in V1. Purpose is to reduce jargon.

Approve "Broader" / "Focused"Different wordingDon't ship this variant

Metabolic variant E headline rewriteCopy change

Variant E rewrites the V1 H1 from "Which type of metabolic support are you most interested in?" to "Would you like a single-pathway or dual-pathway approach?" The rewrite trades V1 phrasing for a more direct framing.

Approve rewriteNeeds changesKeep V1 verbatim

Goals variant B theme groupingsNot in V1

If goals variant B (theme-first drill-down) is selected, we need 4 theme buckets for the 14 V1 goal categories. V1 does not define themes. Proposed groupings: daily energy, longevity, performance, wellness.

Approve proposed themesDifferent themesDon't ship variant B

Standalone BMI result screenNot built

V1 Q4.1 specifies a standalone "Based on the height and weight you provided, your current BMI is [BMI]" screen between height/weight entry and the next question. The prototype currently displays the BMI inline with the height/weight input instead, on the same screen.

Inline is fineBuild standalone screenNeed more info

Em dashes inside V1 option labelsV1 copy

Ten V1 multi-select option labels contain em dashes (examples: "I had energy before — age or stress took it from me", "My mind won't switch off — stress or anxiety keeps me awake"). The style rule for this project is no em dashes in user-facing copy, but these are V1 authored and untouched.

Keep V1 verbatimReplace em dashesNeed more info

Final Design Decisions

for Stephanie's review and signoff

How to use this document

Eligibility disclaimer on the welcome screen

Goals selection screen (step 1)

Rank the priority of selected goals

Height and weight input

Yes / No radio layout (prior GLP-1 use)

Multi-select question layout

Rich radio layout (single-select with descriptions)

Metabolic support approach question

Pending Copy Approvals

Signoff