⚙️ Settings — Design Audit
Superseded — 2026-07-24
The seven-tab, PDF-density and zero-token-sheet descriptions below are superseded by Program Masterplan as of 2026-08-13: current Settings is a nine-section single-scroll document — General, Builder, Player, Presentation, PDF & Print, Theme, AI, Data, Advanced — whose four active era sheets
qwizz-admin-settings-core.css,qwizz-admin-settings-layout.css,qwizz-admin-settings-search-preview.cssandqwizz-admin-settings-workspace.cssare enqueued byincludes/Admin/SettingsPage.php:90-93, with the shared responsive shellqwizz-admin-responsive.cssenqueued byincludes/Bootstrap/SurfaceProvider.php:86, and the active sheets consume the shared--qw-*layer. The dated density measurements and grades were not browser-remeasured. Preserved as observed.
TL;DR
Best search + save-status chrome in the product, undermined by extreme density skew: PDF&Marke = 52 controls / 2314px vs KI = 8 / 120px (~19×). Settings CSS (
qwizz-admin-settings-visual.css1909L) has zero token scopes — hardcoded type (24 font-sizes). Grade: A search/IA scent · D density rhythm · F tokens-in-file.
- surface:
admin.php?page=qw-settings - 2026-07-24 audit inputs:
qwizz-admin-settings-visual.css(1909L) ·includes/Admin/SettingsPage.php·views/settings-page.php - historical tabs observed on 2026-07-28: Allgemein · Builder · Player · Darstellung · PDF & Marke · KI · Erweitert
🧭 Rubric scores (1–5)
| Lens | Score | One-line |
|---|---|---|
| Visual hierarchy | 3 | Page H1 24/400; section 15.7/600; sub 13.4/600 — OK but soft |
| IA / progressive disclosure | 4 | 7 tabs + in-page panels; search across all settings |
| Information scent | 5 | Tab icons + subtitles; ”✓ Alle Änderungen gespeichert” |
| Chrome-less / content-first | 3 | Custom settings shell; still inside WP admin |
| Hook paths & density modes | 2 | No compact/comfy mode; tabs wildly uneven |
| Visual weight & Gestalt | 3 | Feature tiles group well on Allgemein; PDF tab overwhelms |
| AR / rhythm | 2 | 22 paddings, 24 font-sizes, no shared scale |
| Art direction | 3 | Violet selected tiles; competent but not distinctive |
| Design-token discipline | 1 | 0 --qw token scopes in settings-visual.css |
| Affordances & signifiers | 4 | Selected feature tiles purple+check; language chips clear |
| Fitts / Hicks | 3 | Tiles large; PDF tab choice overload |
| Hover-intent vs instant | 2 | 8 hovers / 3 transitions / 1 reduced-motion — thin |
| Escape hatches | 4 | Search · visitor-view link · restore snapshots (Advanced) |
| Micro-interactions / continuity | 2 | Save status is the main juice; little anticipation |
2026-07-28 correction
The current source and live bench expose seven tabs, including Darstellung. The matrix below is preserved as the measured six-tab baseline from 2026-07-24; no Appearance metrics are retroactively invented.
🔬 Live density matrix
| Tab | Panels | Controls | Text len | Panel H (px) |
|---|---|---|---|---|
| Allgemein | 1 | 26 | 1157 | 663 |
| Builder | 1 | 15 | 867 | 527 |
| Player | 1 | 16 | 354 | 332 |
| PDF & Marke | 3 | 52 | 2768 | 2314 |
| KI | 1 | 8 | 248 | 120 |
| Erweitert | 2 | 12 | 1044 | 686 |
Density skew
PDF&Marke is ~19× taller and ~6.5× more controls than KI. Same nav chrome, no learnable rhythm — matches the earlier frontend audit’s density chart, now quantified live.
🔬 Findings
| # | Finding | Sev | Evidence |
|---|---|---|---|
| T1 | Extreme cross-tab density skew | 🔴 | Live matrix above; KI panel 120px feels abandoned |
| T2 | Settings CSS has no design tokens | 🔴 | qwizz-admin-settings-visual.css: token scopes = 0; 24 unique font-sizes; 22 paddings |
| T3 | PDF tab packs 3 panels (presentation + print + themes) | 🟠 | Should split “Darstellung” vs “PDF” or use progressive disclosure inside tab |
| T4 | Search + saved status are exemplary | ✅ | “Alle QuizWizz-Einstellungen durchsuchen…” + green ”✓ Alle Änderungen gespeichert” + “Besucheransicht prüfen” |
| T5 | Feature tiles on Allgemein are strong affordances | ✅ | Quiz-Quellen / Ergebnisse tiles selected violet with check |
🩹 Prioritized fixes
- 🔴 Introduce tokenized type/spacing scale into settings-visual (or share admin tokens)
- 🔴 Rebalance density: gate/fill KI; split PDF&Marke; optional “compact” density mode
- 🟠 Move “Gemeinsame Darstellung” out of PDF tab (it affects Player too) — IA honesty
- Keep search + save-status pattern; reuse on Dashboard
🔗 Anchors
- live: Settings
- historical measured css (2026-07-24):
qwizz-admin-settings-visual.css - related: admin-dashboard · tokens-palette · 2026-07-24-frontend
Current stylesheet ownership — updated 2026-08-13
The singular
qwizz-admin-settings-visual.cssreference above is preserved only as 2026-07-24 audit evidence; that file no longer exists. Current Settings CSS is split across the four active era sheets named in the supersession note, enqueued byincludes/Admin/SettingsPage.php:90-93. Cross-admin responsive rules live inqwizz-admin-responsive.css, owned and enqueued byincludes/Bootstrap/SurfaceProvider.php:86.
- auditor: live tab-click density probe 2026-07-24