Vademecum per la realizzazione di un FORM

Vademecum per la realizzazione di un FORM FILLING.
Il “form filling” è adatto ad utenti abituati ad usare la tastiera, i tasti “speciali” come tab, shift, le
combinazione di tasti ed il mouse.
Regole di progetto:
1. Istruzioni per agevolare l’inserimento dati
a. Ove necessario e con termini sintetici.
b. Usate lo stesso formato / stile di scrittura ovunque, di tipo semplice e leggibile.
c. Descrivete solo le azioni necessarie.
2. Layout della maschera di inserimento dati.
a. Raggruppate i campi relativi ad informazioni simili o correlate (es.: tutti i dati personali)
b. Disponete i campi in modo gradevole / immediato alla vista.
c. Aggiungete ETICHETTE ai campi, sintetiche e familiari.
d. Quando il cursore passa sul campo dovrebbe apparire una spiegazione.
e. Le dimensioni di caselle di testo o di campi di input devono essere ben visibili.
f. Se l’utente deve compilare un modulo cartaceo, il “form filling” deve assomigliarvi e la
posizione dei campi di input essere la stessa.
g. Errori: deve comparire un messaggio di errore al termine dell’inserimento di dati errati.
h. Fate capire bene quali campi sono OPZIONALI e quali obbligatori.
i. Ci vuole un pulsante ben visibile che confermi / chiudi il form filling.
j. Non avvicinate tasti/pulsanti con operazioni pericolose (il pulsante di reset del modulo) a
pulsanti per operazioni frequenti.
3. Grafica e puntatori.
a. Nel layout del form filling prevedete la possibilità di inserimento “note/osservazioni” da
parte dell’utente.
b. È preferibile usare un’unica schermata di input.
c. Se la maschera di input è troppo grande usate allora più maschere.
d. Maschere troppo piene di informazioni sono difficili da leggere.
e. Sfondi di colori troppo appariscenti rendono la maschera meno leggibile, quindi schiariteli.
4. Spostarsi e posizionarsi sui campi.
a. Uso del puntatore per cambiare campo o posizionarsi in esso.
b. Uso del pulsante TAB, backspace, e sovrascrittura.
c. Usate trattini di sottolineatura (per es.: “CAP: _ _ _ _ _”) per indicare il numero di caratteri
da utilizzare.
5. Elenchi.
a. I campi alfabetici sono allineati a sinistra.
b. I campi numerici sono allineati all’immissione, a destra alla conferma e visualizzazione.
c. L’immissione delle date va illustrato con esempio (es.: gg/mm/aaaa)
d. Per l’immissione di valute fate apparire il segno “€” in modo che venga inserito solo il
valore numerico.