Kollektivtransport · Nettsidedesign og utvikling
VKT-nettstedet
Et responsivt nettsted for Viken Kollektivterminaler som samler reiseinformasjon, terminaldetaljer og organisasjonsinnhold i en helhetlig struktur.
Utforsk nettstedetKundeprosjekt · Figma og WordPress
01 / Prosjektoversikt
Utfordringen
Ett nettsted skulle fungere for reisende, transportoperatører, samarbeidspartnere og besøkende som lette etter organisasjonsinformasjon. Utfordringen var å gjøre riktig informasjon lett å finne for mennesker med ulike behov.
Mitt bidrag
Jeg bidro til design og utvikling som del av prosjektgruppen. Arbeidet omfattet informasjonsstruktur, Figma-prototyper, WordPress-utvikling, evaluering av universell utforming, brukertesting og revisjon. Designvalgene og leveransen som presenteres her, var gruppearbeid.
Prosjektmål
Finne riktig informasjon
Skille reiseoppgaver fra organisasjonsinnhold.
Utforme for ulike brukere
Vurdere universell utforming gjennom design og testing.
Forenkle vedlikehold
Bygge i WordPress for løpende innholdsarbeid.
Nettstedet
Viken Kollektivterminaler / 2023Opprinnelig forsidedesign. Historisk plassholdertekst er bevart i skjermbildet.
Informasjonsarkitektur
Innholdet trengte flere tydelige innganger, fremfor én udifferensiert meny.
Viken Kollektivterminaler
For reisende
Terminaler · Ruter · Billetter · Assistanse
Om VKT
Organisasjon · Nyheter · Rapporter
Terminaler og fasiliteter
Steder · Parkering · Tjenester
Kundeservice
Hjelpesenter · Kontakt
En forenklet oppsummering av dokumenterte innholdsområder, ikke et fullstendig nettstedskart.
Utvalgte sider
Fra terminaloversikt til praktiske detaljer og hjelp. Sidene løser ulike oppgaver med et felles navigasjonssystem.
Testing og iterasjon
Testingen omfattet 13 brukere ved Oslo Bussterminal 12. april 2023, etterfulgt av flere økter med venner og familie.
- Viktig funn
- Menyen var vanskeligere å finne enn forventet.
- Designendring
- En tydeligere struktur med nedtrekksmenyer.
Tallet gjelder brukertester gjennom prosjektet. Det betyr ikke 29 uavhengige reisende eller en målt forbedring i oppgaveløsning.
Universell utforming i praksis
Universell utforming sto sentralt. Gruppen brukte en evalueringssjekkliste basert på WCAG 2.1 og WAVE, i tillegg til manuelle kontroller.
- Kontrast, bildealternativer og ARIA
- Tastaturnavigasjon og overskriftsstruktur
- Skjemaer, lesbarhet og responsive oppsett
Bildegalleri
14 originale utsnitt, med hele sider og deler av sider.
Utforsk alle skjermbildene
Forside1 av 14
14 originale utsnitt, med hele sider og deler av sider.
Resultat og refleksjon
Levert
Gruppen leverte et responsivt WordPress-nettsted med terminalinformasjon, navigasjon og organisasjonsinnhold, tilrettelagt for løpende vedlikehold. Tilbakemeldinger fra brukere førte til konkrete endringer i navigasjonen.
Veien videre
Prosjektet knyttet sammen informasjonsarkitektur, grensesnittdesign og utvikling for en reell kunde. Mer testing med hjelpemidler ville styrket evalueringen. De dokumenterte kontrollene fastslår ikke fullt WCAG-samsvar, og det ble ikke målt noen forretningsmessig effekt.