Produkteksempel · Offentlig transport

Rejseplanen

Danmarks nationale rejseplanlægger — ét søgefelt til tog, bus, metro og udvalgte færger på tværs af hele landet, ejet af trafikoperatørerne selv. Forsiden er ren opgave-først-design: kerneopgaven fylder skærmen. Til gengæld er skallen ældre, og den offentlige tilgængelighedserklæring melder selv om huller.

Analyseret Juli 20267 min læsning4 principper

UX-scorecard7.8 /10

Navigation8.5
Visuelt design7.0
Performance7.5
Onboarding8.8
Tilgængelighed7.0

rejseplanen.dk

Executive summary

Rejseplanen scorer 7,8 for et stykke kritisk civil UX, der gør én ting forbilledligt: den vigtigste opgave — at planlægge en rejse — er hele forsiden. To felter, fornuftige defaults (afgang i dag, nu, nuværende lokation) og ét klik fører til et resultat.¹

Tjenesten er reel national infrastruktur: ejet af de offentlige trafikoperatører (DSB, Movia, FynBus, Midttrafik m.fl.), neutral på tværs af selskaber, med omkring 450 millioner søgninger om året og en kendskabsgrad på cirka 90% af befolkningen.²

Prisen for scoren er skallen og tilgængeligheden: produktions-UI er den ældre HAFAS-webapp, en beta-version kører parallelt, og den statslige tilgængelighedserklæring melder selv om delvis WCAG-overholdelse — inklusive et manglende spring-til-indhold-link og kontrastfejl. For en skattefinansieret tjeneste, alle skal kunne bruge, er det en reel mangel.¹⁴

Kort fortalt

Opgave-først-design: forsiden er kerneopgaven — to felter, fornuftige defaults, ét klik til et resultat.
Neutral national infrastruktur ejet af trafikoperatørerne selv — ~450 mio. søgninger/år, ~90% kendskab.
Reelt tilgængeligheds-stillads (tekst-version, ARIA live-regioner) er til stede, men ufuldstændigt.
Den statslige tilgængelighedserklæring melder selv »delvist« — bl.a. manglende skip-link og kontrastfejl.
Ældre HAFAS-skal + en parallel beta + SPA/consent-gate trækker helheden ned trods den stærke kerneopgave.

Hvad gør siden rigtig godt?

Opgave-først forside
Det vigtigste job — planlæg en rejse — er hele forsiden. To felter, en byt-om-knap og en Find-knap; ingen navigation kræves for at nå kerneopgaven.¹
Fornuftige, intention-reducerende defaults
Afgang i dag, nu, samt en genvej til nuværende lokation lader en førstegangsbruger fuldføre en søgning med minimal indtastning. Fuld tastaturbetjening understøtter desuden power-brugere.¹
Neutral, national dækning
Tog, bus, metro og udvalgte færger i én søgning på tværs af alle operatører — og fordi tjenesten ejes af operatørerne selv, er der ingen kommerciel bias mellem selskaberne.²
Tilgængeligheds-stillads er til stede
En dedikeret tekst-version, ARIA live-regioner til dynamiske resultater og mærkede/required-felter viser, at tilgængelighed ikke er en ren eftertanke — selvom implementeringen er ufuldstændig.¹

Forbedringsmuligheder

Luk de publicerede WCAG-huller
Tilføj et spring-til-indhold-link, ret farvekontrast-fejlene, sørg for synligt fokus og inline-fejlbeskeder ved validering. Fejlene står i tjenestens egen erklæring og er lav-indsats, høj-tillids gevinster for en offentlig tjeneste.⁴
Gør kerneopgaven robust uden fuld JavaScript
Server-render (eller progressivt forbedr) søgeformularen, så den virker før/uden fuld JS, og lad ikke cookie-samtykket blokere den primære opgave ved entré. Det beskytter brugere på svage mobilforbindelser.¹
Saml den ældre webapp og betaen
To parallelle indgange (den nuværende skal og beta.rejseplanen.dk) kan forvirre. Konsolidér til én moderne, tilgængelig forside for at afslutte dual-UI-splittet.¹

Gennemgang af hver kategori

Navigation

8.5

Informationsarkitekturen er bevidst smal: en menubar med reelt kun »Find en rejse« og »Afgangstavler«, mens sekundære links (Hjælp, Om, Erhverv, Privatliv & cookies, Tilgængelighedserklæring) ligger i footeren. Skoleret opgave-først — kerneopgaven ejer skærmen.¹

En »Prøv rejseplanen.dk beta« kører parallelt med den nuværende webapp. To samtidige indgange kan forvirre tilbagevendende brugere og signalerer, at den nuværende skal er ved at være udtjent.¹

Visuelt design

7.0

Produktionsskallen er den ældre, HAFAS-baserede webapp — funktionel, men visuelt dateret sammenlignet med moderne transit-apps. Både den separate beta og selve tilgængelighedserklæringen peger på et redesign undervejs.¹⁴

Performance

7.5

Forsiden er en klient-renderet SPA, hvor selve søgeformularen kræver JavaScript for at vises, og en cookie-samtykke-boks lægger sig oven på siden ved første besøg. For en national forsyningstjeneste på svage mobilforbindelser ville en server-renderet søgeformular være mere robust — den vigtigste, mest intentionelle opgave belastes af render- og consent-lag.¹

Onboarding

8.8

Kerneopgaven er tilgængelig uden ét eneste klik i navigationen: Fra- og Til-felter, »Brug din nuværende lokation«, et byt-om-knap, dato/tid der som standard står på »Afgang i dag« lige nu, en »Tilpas søgning« og en Find-knap. Fornuftige defaults lader en førstegangsbruger fuldføre en rejsesøgning med to felter og ét klik.¹

Tilgængelighed

7.0

Der er reelt tilgængeligheds-stillads (en dedikeret »Tekst-version«, ARIA live-regioner til resultater, required- og autocomplete-felter). Men den statslige tilgængelighedserklæring vurderer selv, at siden kun »overholder loven delvist«, med navngivne fejl — bl.a. et manglende spring-til-indhold-link, utilstrækkelig farvekontrast og manglende synligt fokus. En egen scanning gav 81/100 og bekræfter billedet.⁴⁵

Top 5 anbefalinger

Prioritér skip-link og kontrast først
Et spring-til-indhold-link og korrekt farvekontrast er blandt de billigste og mest betydningsfulde WCAG-rettelser — og de står allerede navngivet i tjenestens egen tilgængelighedserklæring.
Server-render søgeformularen
Lad kerneopgaven fungere før fuld JavaScript, og sørg for, at consent-laget ikke dækker søgefeltet ved første besøg. En national forsyningstjeneste skal virke på den svageste forbindelse.
Færdiggør og udrul redesignet
Brug det igangværende redesign til at samle beta og produktion til én moderne, tilgængelig forside — og luk WCAG-hullerne i samme ombæring.
Bevar de fornuftige defaults
Uanset redesign bør de intention-reducerende defaults (afgang nu, nuværende lokation, byt-om) og den fulde tastaturbetjening overføres uændret — de er kernen i den stærke opgave-UX.

Hvad kan andre lære?

Lad kerneopgaven eje skærmen
Når én opgave dominerer brugen, bør den også dominere forsiden. Rejseplanens to-felts-søgning er en påmindelse om, at fornuftige defaults ofte slår flere valgmuligheder.
Offentlig UX er en juridisk forpligtelse, ikke kun best practice
Som skattefinansieret tjeneste er Rejseplanen omfattet af webtilgængelighedsloven (WCAG 2.1 AA). En selv-erklæret delvis overholdelse med manglende skip-link er en reel mangel for national infrastruktur.⁴
Progressiv forbedring beskytter de svageste forbindelser
En kritisk forsyningstjeneste bør kunne fuldføre sin kerneopgave, før al JavaScript er hentet — og consent-lag må ikke stå i vejen for den vigtigste handling.

Afslutning

Rejseplanen er et lærebogseksempel på opgave-først-design: den vigtigste handling i hele danskernes daglige transport er reduceret til to felter og ét klik, med defaults der fjerner unødig indtastning.

De 7,8 point afspejler afstanden mellem den fremragende kerneopgave og den aldrende ramme omkring den: en dateret skal, en parallel beta og en selv-erklæret delvis WCAG-overholdelse. Redesignet undervejs er chancen for at løfte rammen op på niveau med opgaven.

Ofte stillede spørgsmål

Hvem ejer Rejseplanen?

Rejseplanen ejes af de offentlige trafikoperatører (bl.a. DSB, Movia, FynBus, Midttrafik, Sydtrafik, Nordjyllands Trafikselskab og metroselskabet) gennem selskabet Rejsekort & Rejseplan A/S. Det er derfor en neutral, operatør-uafhængig tjeneste.

Hvor meget bruges Rejseplanen?

Der foretages omkring 450 millioner søgninger på Rejseplanen om året, og cirka 90% af den danske befolkning kender tjenesten. Den fungerer reelt som national digital infrastruktur for offentlig transport.

Er Rejseplanen tilgængelig for alle?

Delvist. Siden har reelt tilgængeligheds-stillads (en tekst-version, ARIA live-regioner), men den statslige tilgængelighedserklæring vurderer selv, at den kun »overholder loven delvist« — med navngivne fejl som et manglende spring-til-indhold-link og utilstrækkelig farvekontrast. Et redesign er undervejs.