Tilbake til operasjonsbildet

VARDE designsystem

Token, typografi og kjernekomponenter — de samme som appen bruker. Kontrastverdiene måles i nettleseren fra de faktisk rendrede fargene mot WCAG AA (4.5:1 for tekst, 3:1 for store/grafiske elementer).

Farge- og statustoken

Farge er funksjonell: status, alarmnivå og seleksjon — aldri dekorasjon. Mening bæres alltid også av form, ikon eller tekst.

TokenPrøveVerdiKontrast

Typografi

Geist Sans for grensesnitt, Geist Mono for data: koordinater, MMSI, fart og tidsstempler. Normaltekst er 14–16 px; bare etiketter, metadata og piller går ned til 12 px, som er minste størrelse. All tekst er under terskelen for «stor tekst», så alle tekstpar måles mot AA-kravet 4.5:1. Hele paletten er revidert i scripts/wcag-audit.ts; statuspillene fikk nøytral mørk bakgrunn fordi tonede flater i samme fargetone målte 3.3–4.3:1 og strøk.

Aa — 24/semibold · sidetittelAa — 18/medium · seksjonstittelAa — 14/medium · radtittel og knapperAa — 14/regular · brødtekstAa — 12/regular · sekundærtekst og metadataAa — 12/caps · feltetiketter (minste størrelse)
59°27.12'N 010°30.45'E · 12.4 kn · 037°MMSI 257300301 · 14:02:36 — Geist Mono, tabulære tall

Avstand

4 px-basert skala (Tailwind). Tett, men luftig nok til rask skanning i datalister.

4
8
12
16
24
32

Fartøysmarkører

Status kodes med form først, farge etterpå: pil = i fart (rotert mot kurs), diamant = stilleliggende, stiplet ring = aktiv hendelse, siktebraketter + puls = valgt (i kartet dempes samtidig øvrig trafikk), hul kontur = mørkt fartøy vist på sist kjente posisjon. Blink er reservert for én tilstand: en ukvittert kritisk hendelse (ATC-disiplin) — kvitteringen stopper blinkingen. Fargespråket er fast i begge kartmoduser: grønn = normal trafikk, rød/gul/blå = alvorsgrad, cyan = valgt, fylt sirkel med senterhull = kontakt uten AIS.

I fart, normal
Stilleliggende, normal
Valgt
Hendelse · kritisk
Hendelse · advarsel
Hendelse + valgt
Mørkt fartøy — LKP (hul kontur)
Kontakt uten AIS (sensor)
Kontakt uten AIS · kritisk

Kartområder

Soner og infrastruktur har hver sin strektype i tillegg til farge, slik at de kan skilles uten fargesyn.

Overvåkingssone (geofence) — lang stipling
Kabelkorridor (illustrativ) — punkt-strek, sjøkartkonvensjon for kabler

Komponenter

Statuspiller

KritiskAdvarselInfoNormal

Hendelsesrad (interaktiv — beslutningen går gjennom samme tilstandslager som appen)

GRÅHOLM22 min
KritiskLav fart i kabelkorridor

Under 1.5 kn i K1 · Kabelkorridor (illustrativ) i 22 min, forflyttet 0.5 nm langs korridoren — mønster forenlig med ankerdragging.

257300304

Scorefaktorer (bidragslinje + chips)

  • +55Grunnscore: lav fart i kabelkorridor
  • +25Inne i kabelkorridor
  • +15Nylig oppstått

I appen ligger forklaringen bak selve score-tallet:

Beslutningshandlinger

Kritisk hendelse — scoringen peker mot eskalering:
Øvrige hendelser — bekreft er det trygge standardvalget:
Hurtigtaster i listen:K kvitterX avvisE eskalerU angre

Knapper

UX-prinsipper (Laws of UX)

Prinsippene under er ikke pynt — hvert av dem peker på et konkret valg i grensesnittet.

Jakobs lov
Brukere overfører forventninger fra systemer de kjenner fra før.
Hvor: Arbeidsflaten følger konvensjonen fra operative kartsystemer: kø til venstre, kart i midten, detaljer i et bunnpanel slik kartplottere gjør det.
Hicks lov
Beslutningstid øker med antall og kompleksitet av valg.
Hvor: Hver hendelse har nøyaktig tre beslutninger — kvitter, avvis, eskaler — pluss angre. Aldri flere.
Fitts' lov
Tid for å treffe et mål avhenger av avstand og størrelse.
Hvor: Beslutningsknappene ligger i selve hendelsesraden der blikket allerede er, og hurtigtaster (K/X/E/U) fjerner avstanden helt.
Millers lov
Arbeidsminnet holder rundt 7±2 enheter — gruppér innhold.
Hvor: Køen er delt i «Krever vurdering» og «Håndtert», tavlen i fire kolonner, og scoreforklaringen ligger bak selve score-tallet (progressiv avdekking) i stedet for å belaste hvert kort.
Von Restorff-effekten
Det som skiller seg ut, huskes og oppdages først.
Hvor: Bare kritiske hendelser får farget kant og tonet bakgrunn i køen; kontakter uten AIS er det eneste som tegnes med stiplet hul sirkel i kartet.
Seriell posisjonseffekt
Det første og siste i en liste får mest oppmerksomhet.
Hvor: Køen sorteres så høyeste prioritet alltid ligger øverst — toppen av listen er svaret på «hva trenger meg nå?».
Doherty-terskelen
Under ~400 ms svar holder systemet brukeren i flyt.
Hvor: Beslutninger oppdaterer lokal tilstand umiddelbart; kartfokus og listeoppdateringer skjer uten ventetid mot nett.
Teslers lov
Kompleksitet forsvinner ikke — noen må bære den.
Hvor: Trusselvurderingen bæres av scoringsmodellen i konfigurasjonen, ikke av operatøren. Faktorlisten viser regnskapet, operatøren tar bare stilling.