Produkteksempel · Offentlig transport
Rejseplanen
Rejseplanen er Danmarks nationale rejseplanlægger, med é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, hvor kerneopgaven fylder skærmen. Til gengæld er skallen ældre, og den offentlige tilgængelighedserklæring melder selv om huller.
- Navigation8.5
- Visuelt design7.0
- Performance7.5
- Onboarding8.8
- Tilgængelighed7.0
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.1
Tjenesten er national infrastruktur: den ejes af de offentlige trafikoperatører (DSB, Movia, FynBus, Midttrafik m.fl.), er neutral på tværs af selskaber og havde ifølge selskabets årsrapport omkring 863 millioner søgninger i 2025.27
Prisen for scoren er skallen og tilgængeligheden: produktions-UI er den ældre HAFAS-webapp, en beta-version kører parallelt, og den officielle tilgængelighedserklæring melder selv om delvis WCAG-overholdelse, inklusive et manglende spring-til-indhold-link og kontrastfejl. For en offentligt ejet tjeneste, alle skal kunne bruge, er det en reel mangel.14
Kort fortalt
- Opgave-først-design: forsiden er kerneopgaven, med to felter, fornuftige defaults og ét klik til et resultat.
- Neutral national infrastruktur ejet af trafikoperatørerne selv, med ~863 mio. søgninger i 2025.
- Tilgængeligheds-stillads (tekst-version, ARIA live-regioner) er til stede, men ufuldstændigt.
- Den officielle tilgængelighedserklæring melder selv »delvist«, bl.a. med 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
Hele forsiden handler om det vigtigste job: at planlægge en rejse. To felter, en byt-om-knap og en Find-knap er nok, og der kræves ingen navigation for at nå kerneopgaven.1
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.1
Neutral, national dækning
Tog, bus, metro og udvalgte færger i én søgning på tværs af alle operatører. Fordi tjenesten ejes af operatørerne selv, er der ingen kommerciel bias mellem selskaberne.2
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.1
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.4
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.1
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.1
Gennemgang af hver kategori
Navigation
8.5Informationsarkitekturen er bevidst smal: menubaren har i praksis kun »Find en rejse« og »Afgangstavler«, mens sekundære links (Hjælp, Om, Erhverv, Privatliv & cookies, Tilgængelighedserklæring) ligger i footeren. Det er skoleret opgave-først-design.1
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.1
Visuelt design
7.0Produktionsskallen er den ældre, HAFAS-baserede webapp. Den er funktionel, men visuelt dateret sammenlignet med moderne transit-apps. Både den separate beta og selve tilgængelighedserklæringen peger på et redesign undervejs.14
Performance
7.5Forsiden 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. Som det er nu, belastes den vigtigste og mest intentionelle opgave af render- og consent-lag.1
Onboarding
8.8Kerneopgaven er tilgængelig uden ét eneste klik i navigationen: Fra- og Til-felter, »Brug din nuværende lokation«, en 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.1
Tilgængelighed
7.0Der er tilgængeligheds-stillads på plads (en dedikeret »Tekst-version«, ARIA live-regioner til resultater, required- og autocomplete-felter). Men den officielle tilgængelighedserklæring vurderer selv, at siden kun »overholder loven delvist«, og navngiver 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.45
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, for 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 viser, at fornuftige defaults ofte slår flere valgmuligheder.
Offentlig UX er en juridisk forpligtelse
Rejseplanen er ifølge sin egen tilgængelighedserklæring 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.4
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?
Ifølge Rejsekort & Rejseplans årsrapport blev der foretaget omkring 863 millioner søgninger på Rejseplanen i 2025, i gennemsnit 71 millioner om måneden. Den er dermed national digital infrastruktur for offentlig transport.
Er Rejseplanen tilgængelig for alle?
Delvist. Siden har tilgængeligheds-stillads (en tekst-version, ARIA live-regioner), men den officielle tilgængelighedserklæring vurderer selv, at den kun »overholder loven delvist«, og navngiver fejl som et manglende spring-til-indhold-link og utilstrækkelig farvekontrast. Et redesign er undervejs.
Anvendte principper
- Opgave-først-design
- Fornuftige defaults
- Progressiv forbedring
- Offentlig tilgængelighed (WCAG)
Relaterede mønstre
Kilder
Flere eksempler
