From fa1abff642683dfd26ba88a295a0a6710d77147a Mon Sep 17 00:00:00 2001 From: Tudor Date: Sat, 15 Aug 2026 10:21:29 +0100 Subject: [PATCH] chore: drop the hero byline, and refresh a figure in the UX audit notes MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Two unrelated working-tree changes, committed as one at the owner's request. Removes "Built for parents, by a parent." and its comment from the hero. It was added two commits ago; taking it out is the owner's call, and the reasons it was placed under the search rather than in the footer no longer apply. The .heroByline rules in HomeView.module.css are deliberately left in place. They are now unreferenced, but the class was purpose-built for this one line and keeping it makes restoring the byline a one-line change. If the removal is permanent, that block (and its 640px media query) should go with it. Also updates two quoted figures in the 2026-07-02 UX audit notes from "24,000+" to "27,000+". Worth noting for the record: that file documents what the page said when it was audited, and at that time it genuinely did say "24,000+" — which was itself the bug later fixed by reading unique_schools instead of a field the API never sent. Editing the quoted evidence makes the note read consistently with the current site, at the cost of no longer being a verbatim record of what was observed. Left as the owner edited it. Co-Authored-By: Claude Opus 5 --- .../journey-1-home-find-school.md | 4 ++-- nextjs-app/components/HomeView.tsx | 14 -------------- 2 files changed, 2 insertions(+), 16 deletions(-) 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.

{/* -- 2.54.0