Gå til innholdet

Planlegg prosjektskjemaer med tydelige felt og feilmeldinger

Et skjemautkast viser obligatoriske opplysninger, forståelige felttekster og konkrete feil. Opplysninger som er fylt inn, beholdes mens feil rettes.

Julia Hoffmann2 min lesetid
Grønt nettleservindu med to inntastingsfelt, tekstmarkør og knapp.

Et langt prosjektskjema kan forbedres mer målrettet når neste arbeidstrinn er klart. Avklar først hvilke opplysninger teamet faktisk trenger. Planlegg deretter etiketter, validering og tilbakemelding samlet.

Begynn med neste arbeidstrinn

I den følgende fiktive portalen skal teamet vurdere innholdet i en første programvareforespørsel og stille spørsmål via e-post. Prosjekttittel, prosjektmål og e-post er derfor obligatoriske. Telefonnummeret er frivillig. Fakturaadresse og internt kundenummer kreves ikke for denne første forespørselen. Dette er et valg for eksempelforløpet.

W3C WAI anbefaler bare å spørre etter opplysninger som trengs for den aktuelle prosessen. Hvert gjenværende spørsmål må ha et forståelig formål.

Hold felttekstene synlige

Etiketter forblir synlige under innskriving og kobles teknisk til feltene. En plassholder i et tomt felt erstatter ikke etiketten: den forsvinner når man skriver. Formål og frivillighet forklares derfor ved feltet.

Felt

Før

Planlagt

projectTitle

Prosjekt

Prosjekttittel (obligatorisk) – Hva kaller teamet ditt prosjektet?

projectGoal

Beskrivelse

Prosjektmål (obligatorisk) – Hvilken oppgave skal programvaren gjøre lettere?

contactEmail

Kontakt

E-post for oppfølgingsspørsmål (obligatorisk).

contactPhone

Telefon *

Telefonnummer (frivillig).

«Frivillig» må stemme med valideringen ved innsending. Et tomt telefonfelt skal ikke gi en feil i dette forløpet.

Knytt feilen til den konkrete situasjonen

For dette skjemaet planlegges validering ved innsending. Manglende opplysninger, ufullstendige innskrivinger og ubekreftet overføring får ulike tilbakemeldinger.

Situasjon

Planlagt melding

E-post mangler

Skriv inn en e-postadresse for oppfølgingsspørsmål.

E-post inneholder name@

E-postadressen er ufullstendig. Eksempel: name@example.com.

Overføring ubekreftet

Mottaket av forespørselen din er ennå ikke bekreftet. Opplysningene dine beholdes her.

En formatkontroll bekrefter ikke at postkassen kan nås. Et overføringsproblem vises ikke som et feil utfylt e-postfelt.

Rett uten datatap

Etter en inntastingsfeil viser utkastet en feiloversikt som får tastaturfokus og lenker til det berørte feltet. Samme forståelige feiltekst står ved feltet; hjelpemidler må også kunne koble den til feltet. Eksisterende verdier beholdes, også opplysningen som skal rettes.

En suksessmelding følger først etter serverens bekreftelse av mottaket. Ved uklart resultat må forløpet for ny innsending avklare hvordan en forespørsel som kanskje allerede er mottatt, gjenkjennes.

Kontroller en hel oppgave

La eksempelforespørselen fylles ut uten telefonnummer. Kontroller også feilveien med en ufullstendig e-postadresse: kan meldingen finnes, adressen rettes og forespørselen fullføres mens prosjektmålet beholdes? Ta med tastatur, smal skjerm og brukte hjelpemidler. Noter hvor personen trenger hjelp, og om mottaket faktisk bekreftes til slutt.

Kilder

Skrevet av

  • Julia HoffmannRedaktør for design og UXJulia Hoffmann har ansvaret for det redaksjonelle innholdet om design og brukeropplevelse hos ASES. Artiklene hennes handler om bruken av nettsteder og applikasjoner, utforming av brukergrensesnitt og digital tilgjengelighet.

Følg ASES

Les videre

Alle artikler

Design og UX med ASES

Brukeropplevelse, grensesnitt og merkevare