Skip to content

Outcomes - improve ux #365

@InfinityBowman

Description

@InfinityBowman

Description

Now that the app supports multiple outcomes per study (and therefore multiple checklists per study), the UI across all stages needs to better accommodate this multi-outcome paradigm. The current UX was originally designed for single-checklist-per-study and while outcomes have been added, the overall experience needs refinement.

Areas Requiring Improvement

All Studies Tab

  • How studies with multiple outcomes and checklists are displayed
  • Clarity around which outcomes have been defined and which still need checklists

Todo Tab

  • Managing multiple checklists per study (one per outcome) should be intuitive
  • Current expandable rows (TodoStudyRow.jsx) need clearer visual hierarchy when multiple checklists exist
  • ChecklistForm.jsx outcome selector UX

Reconcile Tab

  • Grouping reconciliation pairs by outcome needs to be clearer
  • Ready vs. waiting groups per outcome should be visually distinct

Completed Tab

  • Viewing completed results across multiple outcomes per study
  • CompletedStudyRow.jsx compact "+N more" indicator may not be sufficient

Key Files

  • packages/web/src/components/project/todo-tab/TodoStudyRow.jsx
  • packages/web/src/components/project/reconcile-tab/ReconcileStudyRow.jsx
  • packages/web/src/components/project/completed-tab/CompletedStudyRow.jsx
  • packages/web/src/components/project/all-studies-tab/AllStudiesTab.jsx
  • packages/web/src/lib/checklist-domain.js (outcome grouping logic)

Notes

This is a UX improvement pass, not a feature addition. The underlying outcome/checklist data model and grouping logic in checklist-domain.js already work correctly.

Metadata

Metadata

Labels

No labels
No labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions