FORM DESIGNHoorcollege 2/2

IAD

1 • Q

3 •

HC

2

PROGRAMMA

1. Input fields

2. Acties

3. Help

4. Errors

5. Succes &

6. Inline validatie

INPUT FIELDSDe basis van formulier interactie

KIES JUISTE

TYPE

TEXT BOX VRIJE INVOER

RADIO BUTTONS 1 KEUZE MOGELIJK

CHECK BOX1 OF MEERDERE

KEUZES MOGELIJK

DROP DOWN 1 KEUZE MOGELIJK UIT LANGERE LIJST

VEEL GEMAAKTE KEUZES OOK BOVEN AAN

LIST BOX 1 OF MEERDERE

KEUZES MOGELIJK

DROPDOWN CHOOSER

KEUZE IN POP-UP

JUISTE FORMAT EN

LENGTE

STRUCTURED FORMAT

FORGIVING FORMAT

FILL IN THE BLANKS

LENGTE VELD GEEFT

INDICATIE WAARDE

“VERPLICHTE” VELDEN

DUIDELIJK AANGEVEN NAAST HET

LABEL

ACTIESDingen gedaan krijgen

TWEE SOORTEN

PRIMARYGERICHT OP

“COMPLETION”

SUBMIT, SAVE, CONTINUE, NEXT STEP

SECONDARYHINDEREN

“COMPLETION”

BACK, CANCEL, RESET, SAVE FOR

LATER

VERMIJDSECONDARY

ACTIONS ZOVEEL MOGELIJK

PAS TOE MET DUIDELIJK

VISUEEL ONDERSCHEID

COMMUNICEERACTIES IN

UITVOERING

HELPGebruikers op weg helpen

HELP = HULP IN GEVAL VAN

“NOOD”

ALS DE GEBRUIKER ER

WELLICHT NIET UIT ZOU KOMEN

“VREEMDE” DATA, EXTRA UITLEG,

VERKLARING CONCEPTEN

HELP != COMPENSATIE

VOOR TEKORTKOMING

DESIGN

MAAK INPUT NIET AFHANKELIJK

VAN HELPTEKST

PLAATS TRIGGERS NAAST

LABELS

BEN ZO SPECIFIEK MOGELIJK

ERRORSHouston, we have a problem…

COMMUNICEER ERRORS HELDER,

SPECIFIEK EN IN CONTEXT

GEEF OPLOSSINGEN

VOORKOM DEAD-ENDS

GEBRUIK EEN TOP-LEVEL

MELDING

SUCCESGeen nieuws != goed nieuws

COMMUNICEER WANNEER ACTIES SUCCESVOL ZIJN

VOORKOM DEAD-ENDS

INLINE VALIDATIEBevestiging in het moment

VALIDEER INLINE

BIJ VOORKEUR REAL-TIME

(DIRECT FEEDBACK)

GEEF SUGGESTIES

COMMUNICEER LIMIET IN

REAL-TIME