Interaction Design 3.5: Inline Validation & Smart Defaults
-
Upload
ferry-den-dopper -
Category
Design
-
view
103 -
download
0
description
Transcript of Interaction Design 3.5: Inline Validation & Smart Defaults
![Page 1: Interaction Design 3.5: Inline Validation & Smart Defaults](https://reader033.fdocuments.us/reader033/viewer/2022051613/54c7e9334a795921328b458d/html5/thumbnails/1.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022051613/54c7e9334a795921328b458d/html5/thumbnails/2.jpg)
Interaction Design 103 Vragen of feedback? @ferrydendopper
Inline validatie
Bevestiging Suggesties Limieten e.d.
![Page 3: Interaction Design 3.5: Inline Validation & Smart Defaults](https://reader033.fdocuments.us/reader033/viewer/2022051613/54c7e9334a795921328b458d/html5/thumbnails/3.jpg)
Interaction Design 103 Vragen of feedback? @ferrydendopper
BEVESTIGING: kies een gebruikersnaam
![Page 4: Interaction Design 3.5: Inline Validation & Smart Defaults](https://reader033.fdocuments.us/reader033/viewer/2022051613/54c7e9334a795921328b458d/html5/thumbnails/4.jpg)
Interaction Design 103 Vragen of feedback? @ferrydendopper
Bevestiging: kies een gebruikersnaam
![Page 5: Interaction Design 3.5: Inline Validation & Smart Defaults](https://reader033.fdocuments.us/reader033/viewer/2022051613/54c7e9334a795921328b458d/html5/thumbnails/5.jpg)
Interaction Design 103 Vragen of feedback? @ferrydendopper
Beter: direct feedback tijdens typen
![Page 6: Interaction Design 3.5: Inline Validation & Smart Defaults](https://reader033.fdocuments.us/reader033/viewer/2022051613/54c7e9334a795921328b458d/html5/thumbnails/6.jpg)
Interaction Design 103 Vragen of feedback? @ferrydendopper
Metertjes werken (bijna) altijd
![Page 7: Interaction Design 3.5: Inline Validation & Smart Defaults](https://reader033.fdocuments.us/reader033/viewer/2022051613/54c7e9334a795921328b458d/html5/thumbnails/7.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022051613/54c7e9334a795921328b458d/html5/thumbnails/8.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022051613/54c7e9334a795921328b458d/html5/thumbnails/9.jpg)
Interaction Design 103 Vragen of feedback? @ferrydendopper
Valkuil
![Page 10: Interaction Design 3.5: Inline Validation & Smart Defaults](https://reader033.fdocuments.us/reader033/viewer/2022051613/54c7e9334a795921328b458d/html5/thumbnails/10.jpg)
Interaction Design 103 Vragen of feedback? @ferrydendopper
SUGGESTIES
![Page 11: Interaction Design 3.5: Inline Validation & Smart Defaults](https://reader033.fdocuments.us/reader033/viewer/2022051613/54c7e9334a795921328b458d/html5/thumbnails/11.jpg)
Interaction Design 103 Vragen of feedback? @ferrydendopper
Gebruikersnaam kiezen kan ook zo
![Page 12: Interaction Design 3.5: Inline Validation & Smart Defaults](https://reader033.fdocuments.us/reader033/viewer/2022051613/54c7e9334a795921328b458d/html5/thumbnails/12.jpg)
Interaction Design 103 Vragen of feedback? @ferrydendopper
LIMIETEN
![Page 13: Interaction Design 3.5: Inline Validation & Smart Defaults](https://reader033.fdocuments.us/reader033/viewer/2022051613/54c7e9334a795921328b458d/html5/thumbnails/13.jpg)
Interaction Design 103 Vragen of feedback? @ferrydendopper
SLIMME ‘DEFAULTS’
![Page 14: Interaction Design 3.5: Inline Validation & Smart Defaults](https://reader033.fdocuments.us/reader033/viewer/2022051613/54c7e9334a795921328b458d/html5/thumbnails/14.jpg)
Interaction Design 103 Vragen of feedback? @ferrydendopper
SLIM WEGLATEN
![Page 15: Interaction Design 3.5: Inline Validation & Smart Defaults](https://reader033.fdocuments.us/reader033/viewer/2022051613/54c7e9334a795921328b458d/html5/thumbnails/15.jpg)
Interaction Design 103 Vragen of feedback? @ferrydendopper
SLIM WEGLATEN
![Page 16: Interaction Design 3.5: Inline Validation & Smart Defaults](https://reader033.fdocuments.us/reader033/viewer/2022051613/54c7e9334a795921328b458d/html5/thumbnails/16.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022051613/54c7e9334a795921328b458d/html5/thumbnails/17.jpg)
Interaction Design 103 Vragen of feedback? @ferrydendopper
Vragen? Feedback?
@ferrydendopper