Web Design  »  Articoli  »  Usabilità 

Realizzare form usabili: un'introduzione

di: Cesare Lamanna     21 Ottobre 2002

Il titolo di questo articolo dovrebbe essere autoesplicativo: si tratta di una semplice introduzione, una raccolta di "pillole", su un argomento complesso e su cui esistono centinaia di risorse online e non solo.

La questione è in effetti davvero cruciale: i form sono un formidabile strumento di interazione e in certi casi (come nei siti di e-commerce) sono il cuore stesso del sistema. Le applicazioni sono poi svariate: raccolta di informazioni, sondaggi e interviste online, registrazione, login, ricerca e altro ancora. È chiaro che sbagliare la progettazione o realizzazione di un form può compromettere il funzionamento e il successo di un sito. Ciò che va evitato è, in buona sostanza, che un difetto a questo livello porti un utente ad abbandonare il sito o a non usufruire di certi servizi. O, ancora, che il nostro database costruito con grande cura e dispendio di tempo si riempia presto di dati inutili. Penso spesso a quelli che tentano di mandare una newsletter a tyweugfh@euasdyg.tr...

Iniziamo il nostro percorso partendo dall'impostazione generale di un form. Passeremo poi ad analizzare alcune questioni riguardanti i singoli tipi di campo.

Impostazioni generali

Ogni form dovrebbe essere preceduto da un titolo chiaro ed esplicativo che ne spieghi la funzione. Allo stesso tempo è opportuno fornire all'inizio un breve testo di istruzioni e/o spiegazioni: chiarire perché vengono richieste certe informazioni, specificare quali sono i campi obbligatori, per esempio. Un errore da evitare è, infatti, quello di costruire form con richieste di cui l'utente non coglie immediatamente l'utilità in quel contesto.

Internet non è uno strumento che ispira in genere molta fiducia e se l'utente non si fida da subito il pericolo dell'abbandono o della falsificazione è dietro l'angolo. Se si tratta di form di registrazione ricordate di inserire alla fine la richiesta di assenso al trattamento dei dati personali. Per form lunghi può essere utile suddividere il modulo in sezioni precedute da un titolo (dati anagrafici, residenza, dati finanziari, etc).

Per quanto riguarda il layout, molti esperti sottolineano l'importanza della visualizzazione. Il suggerimento è in genere che sia visibile nella sua interezza in una schermata a 800x600.

Splitting?!?

Ecco una parola inglese che trovo di difficile traduzione. Potremmo dire semplicemente "suddivisione", ma sarebbe meglio parlare di "frantumazione di un elemento in più parti". A noi, però, interessa qui una cosa: è utile fare lo splitting? La risposta non può essere univoca e qui più che mai è fondamentale l'analisi dei comportamenti degli utenti, al fine, eventualmente, di correggere il sistema. In linea generale possiamo dire che lo splitting va evitato all'interno di un singolo form. Gli esempi che vengono subito alla mente sono le richieste dell'indirizzo o della data di nascita. Sono due cose che i visitatori del nostro sito dovrebbero conoscere! E che sono anche abituati a scrivere di getto.

Perchè dunque frantumare il campo indirizzo in 3 campi (una per il tipo di via, uno per il nome e uno per il numero civico)? Diverso potrebbe essere il discorso per la data di nascita. Se i dati vanno in un db, è probabile che si sia impostato un formato data ben definito. Giusto "pretendere" il rispetto di quel formato nell'immissione. Ma una cosa è suggerire il formato corretto, un altra costringere l'utente a scegliere giorno, mese e anno da scomodi menu a tendina.

Dove invece lo splitting va fatto è per form lunghi. Qui è fondamentale suddividere la compilazione in diversi step per non intimidire e creare confusione. Ove si faccia così è importante evidenziare il punto di ogni singolo step, perché si sappia da subito quanto dura il processo. In alto mettiamo dunque un'indicazione tipo "Pagina 1 di 4" e simili.

Guide Web design

Guida Progettazione siti web

Dall'analisi dei requisiti fino allo sviluppo e alla promozione:...

Guida Pubblicare un sito web

Le verifiche fondamentali da effettuare prima del lancio di un nuovo...

Guida Architettura dell'Informazione

L'Architettura dell'informazione è la disciplina che permette di...

Altre guide

Newsletter @Grafica e Web Design

Ogni settimana, direttamente nella tua e-mail: guide, articoli, tutorial e FAQ su Web Design e grafica per il Web.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti