Planlæg projektformularer med tydelige felter og fejlbeskeder

En lang projektformular kan revideres mere målrettet, når næste arbejdstrin er klart. Fastlæg først, hvilke oplysninger teamet faktisk behøver. Planlæg derefter etiketter, validering og tilbagemelding samlet.

Begynd med næste arbejdstrin

I den følgende fiktive portal skal teamet inddele en første softwareforespørgsel fagligt og stille spørgsmål via e-mail. Projekttitel, projektmål og e-mail er derfor obligatoriske. Telefonnummeret er frivilligt. Faktureringsadresse og internt kundenummer kræves ikke til denne første forespørgsel. Det er et valg for eksemplets forløb.

W3C WAI anbefaler kun at bede om oplysninger, der er nødvendige for den pågældende proces. Hvert tilbageværende spørgsmål skal have et forståeligt formål.

Hold felttekster synlige

Etiketter forbliver synlige under indtastning og forbindes teknisk med felterne. En pladsholder i et tomt felt erstatter ikke etiketten: den forsvinder, når man skriver. Formål og frivillighed forklares derfor ved feltet.

“Frivilligt” skal passe til valideringen ved afsendelse. Et tomt telefonfelt må ikke udløse en fejl i dette forløb.

Knyt fejlen til den konkrete situation

For denne formular planlægges validering ved afsendelse. Manglende oplysninger, ufuldstændige indtastninger og ubekræftet overførsel får forskellige tilbagemeldinger.

En formatkontrol bekræfter ikke, at postkassen kan nås. Et overførselsproblem vises ikke som et forkert udfyldt e-mailfelt.

Ret uden datatab

Efter en indtastningsfejl omfatter designet en fejloversigt, som får tastaturfokus og linker til det berørte felt. Samme forståelige fejltekst står ved feltet; hjælpemidler skal også kunne forbinde den med feltet. Eksisterende værdier bevares, også den indtastning, der skal rettes.

En succesbesked følger først efter serverens bekræftelse af modtagelsen. Ved et uklart resultat skal forløbet for ny afsendelse afklare, hvordan en forespørgsel, der måske allerede er modtaget, genkendes.

Kontrollér en hel opgave

Lad eksemplets forespørgsel blive udfyldt uden telefonnummer. Kontrollér også fejlvejen med en ufuldstændig e-mail: kan beskeden findes, adressen rettes og forespørgslen afsluttes, mens projektmålet bevares? Inddrag tastatur, smal skærm og anvendte hjælpemidler. Notér, hvor en person behøver hjælp, og om modtagelsen faktisk bekræftes til sidst.

Kilder

• W3C WAI — Forms Tutorial

• W3C WAI — Form Instructions

• W3C WAI — User Notification

• GOV.UK — Recover from validation errors

• GOV.UK — Email addresses

• GOV.UK — Moderated usability testing