F Kitchen Sink

UX audit rules

Studio job budget

Rule handbook metadata

Rule
DET.STUDIO.JOB_BUDGET · lane deterministic
Page status
current
page_version
3a4db172c90476c51294ff608ee3816489a846b1d1499cc07d387a2fc92f6549
generated_at
2026-08-13T00:00:00.000Z
registry_fingerprint
aef1de6082cf0f50d463783c843dee0ffb9132fbd5ed4ea6e5bb3f031f359c72

How this rule is fixed

Not in the deterministic fixer pilot registry (stub or not yet wired). Use the After example below as the target state and remediate manually or extend pilot-registry.json.

Detection module: docs/design/ux-audit/deterministic-design-rules.md#det-studio-job_budget. Scroll down for Before / After examples and Evidence and remediation steps.

Purpose

Operator Studio pages may be information-dense, but each workspace view should expose one primary job in the first viewport. Secondary jobs (Screen vs Alerts vs Compare, Charts vs Wiki) belong behind Svc segmented tabs ([role=tablist]), not as four peer h2 sections on one long scroll.

DET.STUDIO.JOB_BUDGET replaces marketing DET.SECTION.SINGLE_JOB for Studio SPAs. It counts h2 elements when no tablist is present: warn above 2, fail above 4. Mode tabs plus a single in-panel filter toolbar (Ftb) are progressive disclosure, not competing jobs, when only one data surface is visible.

Plan: List H2s above the fold and below. Do: Remount IA with Svc tabs before cosmetic polish. Check: has_tablist: true or h2_count ≤ 2. Adjust: Demote reference panels to tabs or collapsible Cap panels.

Passing signals

  • One primary table, chart, or builder visible; secondary jobs behind [role="tablist"].
  • h2_count ≤ 2 without tabs, or tabs present with one active panel.
  • Filters in Ftb scope the primary job—they are chrome, not a second page.

Failing signals

  • Five h2 sections (Lists, Screen, Alerts, Compare, Settings) on one scroll without tabs.
  • Two full-width tables visible simultaneously without a mode switch.
  • Wiki builder and operational table both expanded as peer jobs on a non-wiki route.

Before example

Before (failing example)

Watchlists

Your lists

Screen criteria

Alerts

Compare

Export

After example

After (passing example)

Watchlists

Evidence and remediation