diff --git a/docs/superpowers/specs/2026-07-02-ux-audit-notes/journey-1-home-find-school.md b/docs/superpowers/specs/2026-07-02-ux-audit-notes/journey-1-home-find-school.md index 7dc61fb..c271ad0 100644 --- a/docs/superpowers/specs/2026-07-02-ux-audit-notes/journey-1-home-find-school.md +++ b/docs/superpowers/specs/2026-07-02-ux-audit-notes/journey-1-home-find-school.md @@ -19,7 +19,7 @@ - Screenshot `j1-postcode-results-mobile.png` confirms cards carry only the LA name ("Solihull"), no "X miles away". **Desktop (1440×900) — Attempt A repeat + keyboard + zoom.** -- Desktop hero additionally shows a trust badge ("● UPDATED WITH 2026/2027 ADMISSIONS RESULTS") and a value-prop subheading ("24,000+ primary and secondary schools with Key Stage 2 SATs, GCSE results, Ofsted grades, progress scores and admissions data — side by side, in one place"). **Both are absent on the mobile hero** (mobile jumps H1 → search box). +- Desktop hero additionally shows a trust badge ("● UPDATED WITH 2026/2027 ADMISSIONS RESULTS") and a value-prop subheading ("27,000+ primary and secondary schools with Key Stage 2 SATs, GCSE results, Ofsted grades, progress scores and admissions data — side by side, in one place"). **Both are absent on the mobile hero** (mobile jumps H1 → search box). - Name search identical, correct, instant (`j1-search-results-desktop.png`). - Keyboard: tab order is logical — Skip link → logo → Search/Compare/Rankings/Admissions nav → search input → Search button → Schools near me → content. Skip link, logo, nav links and Search button all get a clear **2px solid orange (#E07256) focus outline**. The search input uses an orange border + very faint ring (`box-shadow rgba(224,114,86,0.12) 0 0 0 3px`, `outline:none`) — visible but weaker than the other controls. Search → results → school link is fully keyboard-operable (standard links/buttons). - 200% reflow (720×450): **no horizontal scroll** (`scrollWidth == clientWidth == 720`); deadline cards reflow from 1×4 to 2×2, no overlap or clipping. Pass. @@ -57,7 +57,7 @@ - Severity guess: P2 - **F6. Mobile hero omits the value proposition shown on desktop** - - Evidence: Desktop hero has the "UPDATED WITH 2026/2027…" badge + subheading "24,000+ primary and secondary schools with KS2 SATs, GCSE results, Ofsted grades… side by side, in one place" (`j1-home-desktop-fold.png`). The mobile hero (`j1-home-mobile-fold.png`) drops both — below the poetic-but-vague H1 there is only a search box. + - Evidence: Desktop hero has the "UPDATED WITH 2026/2027…" badge + subheading "27,000+ primary and secondary schools with KS2 SATs, GCSE results, Ofsted grades… side by side, in one place" (`j1-home-desktop-fold.png`). The mobile hero (`j1-home-mobile-fold.png`) drops both — below the poetic-but-vague H1 there is only a search box. - Criterion violated: Nielsen #1 (Visibility of system status) / recognition-over-recall; mobile content-parity best practice (the primary 63%-of-entries viewport should not lose the core "what is this and why trust it" copy). - Argument: A first-time parent landing on mobile sees "Every school in England, compared." + a bare box, with no statement of coverage, data sources, or freshness. Weak/absent value proposition above the fold is a classic driver of immediate exits — directly relevant to the 46% home-exit rate. - Severity guess: P2 (candidate P1 given mobile is the primary, highest-traffic viewport) diff --git a/nextjs-app/components/HomeView.tsx b/nextjs-app/components/HomeView.tsx index 592063f..205c626 100644 --- a/nextjs-app/components/HomeView.tsx +++ b/nextjs-app/components/HomeView.tsx @@ -463,20 +463,6 @@ export function HomeView({ initialSchools, filters, totalSchools, howItWorks, ed geoState={geoState} geoError={geoError} /> - - {/* - Sits under the search rather than in the footer on purpose: this - is the one line on the page written in the first person, and it - earns its place at the moment someone is deciding whether to - trust a site full of government statistics. In the footer it - would be true and unread. - - It is deliberately the only such claim — the page's other trust - signals are all about the data's provenance, which is checkable. - This one is about who made it, which is not, so it is stated - once, plainly, and never repeated. - */} -

Built for parents, by a parent.

{/*