- Bekijk site: niet openbaar toegankelijk.
- Klant: ING Design & Document Management
- Grafisch ontwerp: ING DDM
Opdracht: ING DDM is bezig met het ontwerpen van een generieke stijl voor alle ING formulieren.
Deze stijl dient ook op het Web te worden geimplementeerd. Daarnaast moeten de online formulieren
zo gebruikersvriendelijk mogelijk worden gemaakt door middel van moderne technieken.
Als proefopdracht diende een demo van een hypotheekaanvraag die in het screenshot getoond
wordt.
Oplossingen:
- HTML/CSS template.
- Gebruik maken van de W3C DOM om heldere foutmeldingen te schrijven, direct naast het
formulierveld dat de fout bevat.
- 'Blader'-script waarmee meerdere 'bladzijden' (DHTML layers) van het formulier in 1 pagina getoond kunnen
worden. Zonder dit script zou elke bladzijde apart naar de server gestuurd moeten worden, of zou
het hele formulier getoond moeten worden.
- Implementeren van formulierlogica ("indien je deze optie kiest,
moet je dat veld niet meer invullen"). Hiervoor schreef ik mijn Usable Forms
script.
Mijn taken: Client side programmeren, interactie, advies over design. Naar aanleiding van
deze opdracht schreef ik mijn artikel Forms, usability, and the W3C DOM.
- View site: not publicly accessible
- Client: ING Design & Document Management
- Graphic design: ING DDM
Commission: ING DDM is working on a generic style for all ING forms. This style should be
implemented in print, but also on the Web. Furthemore the online forms should be made user friendly
by using the latest technology.
A demo for a mortgage application form, shown in the screenshot, serves as a test case.
Solutions:
- HTML/CSS template.
- A W3C DOM script writes error messages next to the form field that contains the error.
- A 'browse' script that allows the form to be spread over several 'pages' (DHTML layers).
Without this script every page would have to be separately submitted to the server, or the entire
form would have to be displayed in one page.
- I wrote my Usable Forms script for implementing form
logic ("if you check this option you must fill out that field").
My tasks: Client side programming, interaction, advisory role in graphic design. I wrote my
Forms, usability, and the W3C DOM article about this
commission.
