2025 · 04 · 22 · 4 min

Form design: i dettagli che fanno la differenza

I form sono il punto in cui il design incontra l'attrito reale. Un campo mal etichettato o un errore mal comunicato può vanificare tutto il resto del sito.

▞ ▚ ▞ ▚ ▞ ▚ ▞ ▚ ▞ ▚

Label sempre visibili, mai solo placeholder. Il placeholder scompare mentre scrivi e l'utente dimentica cosa stava inserendo. La label deve restare visibile sempre — usa il pattern floating label se vuoi risparmiare spazio verticale.

Messaggi di errore: specifici, non generici. 'Formato email non valido' è meglio di 'Errore nel campo email'. 'La password deve contenere almeno 8 caratteri' è meglio di 'Password non valida'. L'utente deve sapere esattamente cosa fare.

Ordine dei campi: dal generale allo specifico. Nome, poi cognome, poi email, poi telefono. Non mescolare categorie diverse senza separatori visivi. Ogni sezione del form deve avere un tema chiaro.

Validazione in tempo reale solo per le regole di formato (email, telefono, codice fiscale) — non per i campi obbligatori. Non dire all'utente che un campo è vuoto mentre sta ancora digitando.

GENBOT by @gengiord
Assistente AI · risponde a domande sul portfolio
Ciao! Sono GenBot :)
Come posso aiutarti?