Interaction Design 3.5: Inline Validation & Smart Defaults

17
Interaction Design 103 Vragen of feedback? @ferrydendopper Inline Validation & Smart Defaults Smart ways of helping

description

 

Transcript of Interaction Design 3.5: Inline Validation & Smart Defaults

Page 1: Interaction Design 3.5: Inline Validation & Smart Defaults

Interaction Design 103 Vragen of feedback? @ferrydendopper

Inline Validation & Smart Defaults

Smart ways of helping

Page 2: Interaction Design 3.5: Inline Validation & Smart Defaults

Interaction Design 103 Vragen of feedback? @ferrydendopper

Inline validatie

Bevestiging Suggesties Limieten e.d.

Page 3: Interaction Design 3.5: Inline Validation & Smart Defaults

Interaction Design 103 Vragen of feedback? @ferrydendopper

BEVESTIGING: kies een gebruikersnaam

Page 4: Interaction Design 3.5: Inline Validation & Smart Defaults

Interaction Design 103 Vragen of feedback? @ferrydendopper

Bevestiging: kies een gebruikersnaam

Page 5: Interaction Design 3.5: Inline Validation & Smart Defaults

Interaction Design 103 Vragen of feedback? @ferrydendopper

Beter: direct feedback tijdens typen

Page 6: Interaction Design 3.5: Inline Validation & Smart Defaults

Interaction Design 103 Vragen of feedback? @ferrydendopper

Metertjes werken (bijna) altijd

Page 7: Interaction Design 3.5: Inline Validation & Smart Defaults

Interaction Design 103 Vragen of feedback? @ferrydendopper

Voordeel van alles inline valideren: minimaliseren van fouten

Page 8: Interaction Design 3.5: Inline Validation & Smart Defaults

Interaction Design 103 Vragen of feedback? @ferrydendopper

Nadelen?

Soms kun je wel valideren of de waarde syntactisch correct is, maar niet inhoudelijk. Bv. Naam: hoe weet het formulier mijn naam?

Soms is het onduidelijk voor de gebruiker wat het uitroepteken betekent. Bv. E-mail: Is het niet mijn e-mail, is het adres op deze site al bekend, of is het niet valide?

Page 9: Interaction Design 3.5: Inline Validation & Smart Defaults

Interaction Design 103 Vragen of feedback? @ferrydendopper

Valkuil

Page 10: Interaction Design 3.5: Inline Validation & Smart Defaults

Interaction Design 103 Vragen of feedback? @ferrydendopper

SUGGESTIES

Page 11: Interaction Design 3.5: Inline Validation & Smart Defaults

Interaction Design 103 Vragen of feedback? @ferrydendopper

Gebruikersnaam kiezen kan ook zo

Page 12: Interaction Design 3.5: Inline Validation & Smart Defaults

Interaction Design 103 Vragen of feedback? @ferrydendopper

LIMIETEN

Page 13: Interaction Design 3.5: Inline Validation & Smart Defaults

Interaction Design 103 Vragen of feedback? @ferrydendopper

SLIMME ‘DEFAULTS’

Page 14: Interaction Design 3.5: Inline Validation & Smart Defaults

Interaction Design 103 Vragen of feedback? @ferrydendopper

SLIM WEGLATEN

Page 15: Interaction Design 3.5: Inline Validation & Smart Defaults

Interaction Design 103 Vragen of feedback? @ferrydendopper

SLIM WEGLATEN

Page 16: Interaction Design 3.5: Inline Validation & Smart Defaults

Interaction Design 103 Vragen of feedback? @ferrydendopper

Lezen:

Web Form Design (boek)Hoofdstuk 9+10

Page 17: Interaction Design 3.5: Inline Validation & Smart Defaults

Interaction Design 103 Vragen of feedback? @ferrydendopper

Vragen? Feedback?

[email protected]

@ferrydendopper