Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

HC3 • Q3 • IAD1 DT

345 views

Published on

Hoorcollege Web form design 2/2. IAD1 Q3.

Published in: Education
  • Be the first to comment

  • Be the first to like this

HC3 • Q3 • IAD1 DT

  1. 1. IAD 1 • Q3 • HC2FORM DESIGN Hoorcollege 2/2
  2. 2. PROGRAMMA1. Input fields2. Acties3. Help4. Errors5. Succes &6. Inline validatie
  3. 3. INPUT FIELDSDe basis van formulier interactie
  4. 4. KIESJUISTE TYPE
  5. 5. TEXT BOXVRIJE INVOER
  6. 6. RADIO BUTTONS1 KEUZE MOGELIJK
  7. 7. CHECK BOX 1 OF MEERDEREKEUZES MOGELIJK
  8. 8. DROP DOWN1 KEUZE MOGELIJKUIT LANGERE LIJST
  9. 9. VEEL GEMAAKTE KEUZES OOK BOVEN AAN
  10. 10. LIST BOX 1 OF MEERDEREKEUZES MOGELIJK
  11. 11. DROPDOWN CHOOSERKEUZE IN POP-UP
  12. 12. JUISTEFORMAT EN LENGTE
  13. 13. STRUCTURED FORMAT
  14. 14. FORGIVING FORMAT
  15. 15. FILL IN THE BLANKS
  16. 16. LENGTE VELD GEEFT INDICATIE WAARDE
  17. 17. “VERPLICHTE” VELDEN
  18. 18. DUIDELIJKAANGEVENNAAST HET LABEL
  19. 19. ACTIESDingen gedaan krijgen
  20. 20. TWEESOORTEN
  21. 21. PRIMARY GERICHT OP“COMPLETION”
  22. 22. SUBMIT, SAVE, CONTINUE, NEXT STEP
  23. 23. SECONDARY HINDEREN“COMPLETION”
  24. 24. BACK, CANCEL,RESET, SAVE FOR LATER
  25. 25. VERMIJD SECONDARYACTIONS ZOVEEL MOGELIJK
  26. 26. PAS TOE MET DUIDELIJK VISUEELONDERSCHEID
  27. 27. COMMUNICEER ACTIES IN UITVOERING
  28. 28. HELPGebruikers op weg helpen
  29. 29. HELP = HULP IN GEVAL VAN “NOOD”
  30. 30. ALS DEGEBRUIKER ERWELLICHT NIETUIT ZOU KOMEN
  31. 31. “VREEMDE” DATA, EXTRA UITLEG, VERKLARING CONCEPTEN
  32. 32. HELP != COMPENSATIE VOORTEKORTKOMING DESIGN
  33. 33. MAAK INPUT NIET AFHANKELIJKVAN HELPTEKST
  34. 34. PLAATSTRIGGERS NAAST LABELS
  35. 35. BEN ZO SPECIFIEK MOGELIJK
  36. 36. ERRORSHouston, we have a problem…
  37. 37. COMMUNICEERERRORS HELDER,SPECIFIEK EN IN CONTEXT
  38. 38. GEEFOPLOSSINGEN
  39. 39. VOORKOMDEAD-ENDS
  40. 40. GEBRUIK EEN TOP-LEVEL MELDING
  41. 41. SUCCESGeen nieuws != goed nieuws
  42. 42. COMMUNICEERWANNEER ACTIESSUCCESVOL ZIJN
  43. 43. VOORKOMDEAD-ENDS
  44. 44. INLINE VALIDATIE Bevestiging in het moment
  45. 45. VALIDEER INLINE
  46. 46. BIJ VOORKEUR REAL-TIME(DIRECT FEEDBACK)
  47. 47. GEEF SUGGESTIES
  48. 48. COMMUNICEER LIMIET IN REAL-TIME

×