L'importanza del design: login form e registration form per il vostro sito web
Uno dei criteri più importanti del successo sul web è la presentazione o appealing, intesa come capacità di attirare l'attenzione dell'utente, in modo intelligente e accattivante. Numerose ricerche hanno evidenziato come il giudizio dell'utente venga attribuito in una manciata di secondi. A volte basta un'occhiata, o la lettura delle prime righe, per etichettare come non interessante un sito web o un articolo. Nel caso di un sito uno degli aspetti più importanti è sicuramente la form di registrazione, assieme alla corrispondente form di login. Se la form di registrazione è troppo complessa, poco usabile o esteticamente deludente, è probabile che l'utente rivolga la sua attenzione altrove. L'argomento si complica se teniamo conto delle esigenze del mercato mobile o tablet: per semplicità qui ci limiteremo a considerare suggerimenti e indicazioni per un generico sito web. Vedremo però che i suggerimenti delle best practices offriranno guidelines che si adattano abbastanza bene anche al mondo mobile.
Iniziamo col dare un'occhiata ad alcuni esempi che hanno ricevuto un ampio consenso, come ad esempio qui e qui.
Da un punto di vista meramente statistico possiamo già dedurre alcune conclusioni:
- Analizzando una cinquantina di design di successo troviamo solamente 4 o 5 casi di form posizionate come layer trasparente sopra la pagina. Ciò sembra suggerire che i layer trasparenti sono un trend affermato per quanto riguarda le gallerie di immagini, ma non è il caso di usarle quando chiediamo l'utente di compilare una form. Dopotutto, la compilazione di una form dovrebbe rispettare soprattutto i criteri di usabilità del software, ovvero evitare trasparenze che potrebbero confondere l'utente
- Una buona form di login o registrazione dovrebbe contenere solamente due o tre campi, quattro al massimo. La presenza di troppi campi tende a scoraggiare l'utente. Se la nostra applicazione richiede un elevato numero di campi, possiamo considerare soluzioni alternative, come ad esempio collocare i campi supplementari in una seconda pagina o form, da mostrare solo dopo la registrazione principale. Oppure, budget permettendo, possiamo optare per un sistema di profilazione progressiva, delegando al software il compito di raccogliere i dati mancanti man mano che l'utente procede con la navigazione. Molti social network utilizzano questo metodo a tempo indeterminato
- Dimensioni e layout: la scelta di input grandi e ben visibili è praticamente uno standard. Ciò porta alla scelta di layout verticali, che ben si prestano ad ospitare i campi della form in colonna. Anche questo può essere interpretato come un criterio di usabilità, perché aiuta l'utente a concentrarsi sull'operazione di registrazione elogin, riducendo il tempo necessario a posizionare il mouse sul “campo giusto”
