Last ned ELMER 2 som PDF (573 KB)

NHD logo

ELMER — Retningslinjer for brukergrensesnitt i offentlige skjema på Internett — v2.0

2.3: Oppbygging av siden

Hvis struktur og spørsmålsrekkefølge på Internett tilpasses mediet og utfyllerens situasjon, kan det øke forståelsen av og oversikten over den enkelte delen av utfyllingsoppgaven. Dette kan kreve store avvik fra en eventuell papirutgave av skjemaet.

2.3.1

Alle skjemasider skal ha en overskrift (sidenavn) som sammenfatter hva som behandles på siden. Hvis sidenavnet ikke er identisk med ”kortnavnet” i navigasjonsområdet, skal kortnavnet gjengis i parentes bak det fullstendige navnet.

Se også: 1.1.3

2.3.2

Feltrekkefølgen innen en side skal følge en naturlig logikk, fra det første til det siste (f.eks. fra fjorårstall til tall for i år og fra januar til desember) og fra delene til helheten (f.eks. fra kroner pr. utgiftspost til sum utgifter).

Se også: 2.2.3

2.3.3

Rekkefølgen av alle elementer på siden skal følge naturlig leseretning fra venstre til høyre, ovenfra og nedover.

2.3.4

Elementene knyttet til ett og samme felt bør presenteres i følgende rekkefølge:
[ev. feltnummer] [ledetekst] [hjelpsymbol] [ev. fortegn] [svarfelt] [ev. benevning, format, grenseverdi e.l.]
På linjen under:
[referanse eller annen umiddelbar forklaring (framskutt hjelpetekst)]

Figur 6: Rekkefølge for feltelementer (utfyllingsområdet)

Figur 6: Rekkefølge for feltelementer (utfyllingsområdet)(klikk på bildet for større versjon)

Se også: 3.1.2, 3.1.4

2.3.5

Når et skjema inneholder tre eller flere felter som logisk hører sammen (feltgruppe), skal disse grupperes på samme side og gis et beskrivende navn. Dette gjelder også for summeringer og kalkyler. Gruppen skal innrammes og alle felter i gruppen skal holdes innenfor rammen. Hvis en side inneholder bare én feltgruppe skal den ikke innrammes.

Figur 1: Innramming

Figur 1: Innramming (klikk på bildet for større versjon)

2.3.5.a

Alternativ til rammer, for å uttrykke svakere sammenhenger, er bruk av ekstra luft mellom rader i bildet.

2.3.6

Der en feltgruppe ikke vil være synlig innenfor ett skjermbilde, bør man om mulig finne fram til logiske undergrupper og presentere dem hver for seg.

2.3.7

Det skal ikke være behov for vannrett scrolling. Sideelementer bør plasseres under hverandre heller enn side om side, der det er nødvendig for å oppfylle kravet.

Se også: 3.2.3

2.3.8

Verdier i avkrysningsbokser, radioknapper og nedtrekkslister skal ha tilstrekkelig tekst til å gi mening for brukeren.

Se også: 3.4.5

2.3.9

Verdier i lister med mange svaralternativer skal sorteres i en rekkefølge som gir mening for utfylleren. Hvis alternativene er ukjent for aktuelle utfyllere og rekkefølgen samtidig ikke kan forutses logisk, bør lange flervalgslister deles opp og énvalgslister presenteres i to trinn.

Figur 4: énvalgsliste i to trinn (utfyllingsområdet)

Figur 4: énvalgsliste i to trinn (utfyllingsområdet) (klikk på bildet for større versjon)

Mer om dette: presisering