Web Design  »  Articoli  »  Usabilità 

Aiuti dinamici nella compilazione dei form

di: Luke Wroblewski     07 Ottobre 2010

Questa è la traduzione dell'articolo Dynamic Help in Web Forms di Luke Wroblewski, pubblicato originariamente su UXmatters il 21 Maggio 2007. La traduzione viene qui presentata con il consenso dell'editore (UXmatters) e dell'autore.

Molti designer di applicazioni web si sforzano di ridurre la quantità di testo esplicativo che appare nelle interfacce utente da loro create. Una possibile spiegazione di questo fatto si ritrova nell’impressione che, se spiegare come utilizzare qualcosa richiede troppe istruzioni, vorrà dire che probabilmente non è semplice da utilizzare e, perciò, vi è margine di miglioramento per il design. Una seconda motivazione potrebbe essere la tendenza di molti a non leggere nessuna delle istruzioni poste sullo schermo, esattamente come non si curano di leggere il manuale di istruzioni di alcuni prodotti.

Questo tipo di ragionamento si può applicare anche ai form del web. Quando possibile, i designer si impegnano sempre ad utilizzare pochi testi per spiegare agli utenti come completare i vari campi di input in un form. Nei casi in cui i form richiedano tassativamente delle spiegazioni addizionali o degli esempi, un piccolo e chiaro testo accanto a un campo di input può essere un ottimo trucco, come mostrato nella figura 1.

Figura 1 - Su videoegg.com, un chiaro e sintetico testo d'aiuto compare accanto ai campi del form

screenshot

Un conciso testo d’aiuto, posto accanto ad un campo di input, è molto utile se:

  • si richiedono dati su cose poco familiari per l'utente – Cos’è il codice PAC?
  • le persone si domandano perché certi dati sono necessari – Perché vi serve la mia data di nascita?
  • vi sono modi specifici per fornire dei dati – Separate gli elementi utilizzando le virgole
  • certi campi di dati sono facoltativi.

Ad ogni modo, esistono diversi tipi di form che richiedono dati particolari, perché formati unici oppure perché hanno delle limitazioni nell'input. In tali circostanze, la quantità di testi d’aiuto necessari per ogni campo di input potrebbe facilmente inondare un form, rendendolo relativamente complesso o addirittura intimidatorio. Per questo tipo di form, potrebbe essere conveniente prendere in considerazione un aiuto contestuale dinamico. Dato il continuo aumento di sistemi d’aiuto apparsi su internet, ho pensato di catalogare i vari tipi che ho incontrato.

Il comportamento delle persone può automaticamente condizionare l’accesso ai sistemi d’aiuto. I sistemi automatici mostrano testi d’aiuto quando gli utenti utilizzano un dato form. Azioni quali il muoversi tra vari campi del form oppure tra diversi gruppi di elementi delllo stesso form portano alla visualizzazione di utili testi d’aiuto. Sistemi d’aiuto attivabili dall’utente, d’altro lato, richiedono specifiche azioni per poter rivelare importanti testi d’aiuto.

Visualizzazione automatica

Sistemi d’aiuto in linea automatici compaiono dove e quando sono maggiormente applicabili le informazioni che contengono. Per esempio, quando un utente preme o si sposta su un campo di input, l’appropriato testo d’aiuto apparirà accanto o sotto tale campo. La figura 2 mostra questo comportamento in un form su Wufoo.

Figura 2 - Su Wufoo il testo d'aiuto appare automaticamente quando l'utente arriva su uno specifico campo per compilarlo

screenshot

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