Skip to content

Outcomes - improve ux #365

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.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Labels

uxInteraction, layout, and visual polish

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions