Input-felter

Input-felter bruges i løsningen, når brugeren skal angive, vælge eller ændre oplysninger. Felterne findes blandt andet i søgeområder, oprettelsesformularer, redigeringsmodaler og indstillinger.

Formålet med input-felterne er at gøre det tydeligt, hvilke oplysninger brugeren skal angive, hvilket format der forventes, og hvilke felter der er nødvendige for at kunne gennemføre en handling.

Felternes opbygning

Input-felter er som udgangspunkt opbygget efter en fast struktur, så brugeren møder felter på en ensartet måde på tværs af løsningen.

Den typiske rækkefølge er:

1. Label
2. Hjælpetekst
3. Inputfelt med eventuel placeholder
4. Fejltekst

Element	Beskrivelse
Label	Viser hvad feltet indeholder, eksempelvis Målepunktstype, Gyldig fra eller Produkt.
Hjælpetekst	Giver brugeren ekstra vejledning om feltets betydning, forventet indhold eller konsekvensen af valget. Hjælpetekst vises kun, hvor der er behov for yderligere forklaring.
Inputfelt	Selve feltet, hvor brugeren indtaster eller vælger en værdi. Feltet kan eksempelvis være et tekstfelt, datofelt, dropdownfelt eller numerisk felt.
Placeholder	Viser en vejledende tekst i inputfeltet, før brugeren har angivet en værdi. Placeholderen kan eksempelvis vise forventet format eller et eksempel på indhold.
Fejltekst	Vises under feltet, hvis værdien mangler, er ugyldig eller ikke lever op til feltets krav.

Ikke alle felter har hjælpetekst eller fejltekst. Hjælpetekst vises kun, hvor den understøtter brugerens forståelse af feltet, mens fejltekst kun vises, når feltet ikke er udfyldt korrekt.

Hjælpetekster

Hjælpetekster bruges til at give brugeren ekstra støtte ved felter, hvor det kan være relevant at forklare betydningen af feltet, det forventede format eller hvordan værdien anvendes i løsningen.

Hjælpetekster kan eksempelvis bruges til at forklare:

• hvad feltet betyder
• hvilket format værdien skal angives i
• hvordan valget påvirker andre felter
• hvornår feltet er relevant
• hvilke konsekvenser værdien har for den videre arbejdsgang

Formålet med hjælpetekster er at gøre formularer lettere at forstå uden at gøre selve feltets label for lang.

Påkrævede felter

Felter, der skal udfyldes, markeres med en rød stjerne *.

Hvis brugeren forsøger at fortsætte eller gemme uden at udfylde et påkrævet felt, vises en fejltekst ved feltet. Fejlteksten fortæller, hvad brugeren skal rette, eksempelvis at feltet er påkrævet.

På den måde kan brugeren hurtigt finde de felter, der mangler at blive udfyldt, og rette dem direkte i formularen.

Placeholder og fejltekst

Placeholderen vises inde i inputfeltet og kan hjælpe brugeren med at forstå, hvad der forventes, før en værdi er angivet.

Placeholderen erstatter ikke feltets label, men fungerer som en ekstra vejledning. Et felt skal derfor stadig kunne forstås ud fra sin label, også selvom placeholderen ikke længere er synlig, når brugeren har indtastet eller valgt en værdi.

Fejltekst vises under feltet, når feltet ikke er udfyldt korrekt. Det kan eksempelvis være, hvis et påkrævet felt mangler, eller hvis værdien ikke matcher det forventede format.

Ved fejl vises beskeden tæt på det relevante felt, så brugeren hurtigt kan se, hvad der skal rettes.

Feltvalidering

Input-felter valideres for at sikre, at de angivne oplysninger kan bruges af løsningen.

Validering kan eksempelvis ske, når brugeren forlader et felt, forsøger at gemme eller udfører en handling, der kræver, at formularen er korrekt udfyldt.

Validering kan blandt andet omfatte:

Valideringstype	Beskrivelse
Påkrævede felter	Feltet skal udfyldes.
Formatkrav	Værdien skal angives i et bestemt format, eksempelvis en dato eller et nummer.
Gyldige værdier	Brugeren skal vælge eller angive en værdi, der er gyldig i den aktuelle sammenhæng.
Sammenhæng mellem felter	Nogle felter afhænger af andre valg i formularen. Et valg kan derfor påvirke, hvilke felter der vises, eller hvilke værdier der kan vælges.

Fejl vises så tæt på det relevante felt som muligt, så brugeren tydeligt kan se, hvad der skal rettes.

Dropdown-felter

Dropdown-felter bruges, når brugeren skal vælge mellem faste muligheder.

Feltet åbnes ved at klikke på pilen i højre side af feltet. Herefter kan brugeren vælge en værdi fra listen.

Dropdowns anvendes eksempelvis til felter som type, status, produkt, afregningsform eller andre værdier, hvor løsningen allerede kender de gyldige valgmuligheder.

Datofelter

Datofelter bruges, når brugeren skal angive en dato, eksempelvis en startdato eller en gyldighedsdato.

Afhængigt af feltet kan brugeren enten skrive datoen direkte eller vælge den via kalenderikonet i feltet.

Hvis datoen skal angives i et bestemt format, validerer løsningen feltet og viser en fejl, hvis datoen ikke kan accepteres.

Felter med enheder

Nogle numeriske felter har en fast enhed, der vises i eller ved feltet.

Det kan eksempelvis være:

• kW
• A
• kWh

Enheden hjælper brugeren med at forstå, hvilken type værdi der skal angives, og reducerer risikoen for, at værdier indtastes i en forkert sammenhæng.

Forudfyldte og afhængige felter

Nogle felter kan være forudfyldt af løsningen. Det kan eksempelvis ske på baggrund af en skabelon, tidligere valg eller den kontekst, brugeren arbejder i.

Andre felter kan afhænge af brugerens valg i formularen. Når brugeren vælger en bestemt værdi, kan løsningen eksempelvis vise flere felter, skjule felter eller begrænse hvilke værdier, der kan vælges efterfølgende.

Selvom et felt er forudfyldt, bør brugeren altid kontrollere, at værdien passer til den konkrete opgave.

Deaktiverede felter

I nogle tilfælde kan et felt være deaktiveret eller låst. Det betyder, at feltet vises, men ikke kan ændres af brugeren i den aktuelle kontekst.

Det kan eksempelvis skyldes, at feltet ikke er relevant for de valgte oplysninger, at værdien styres af løsningen, eller at feltet kun kan ændres i en anden arbejdsgang.

Gode arbejdsgange

Når brugeren arbejder med input-felter, anbefales det at udfylde formularen fra toppen og ned, da nogle felter kan påvirke de efterfølgende valg.

Hvis der vises fejl, bør brugeren rette dem direkte ved de markerede felter og derefter forsøge handlingen igen.