Bookmark sui form
Mercoledì 26 Settembre 2007 - 08:29
di Alessandro Fulciniti
I form sono decisamente un elemento cruciale nell’ambito dello sviluppo e del design per il web, soprattutto per le implicazioni che la loro progettazione presenta a livello di usabilità. Spero anche che siano uno degli argomenti da voi più graditi, perché oggi ho preparato una appuntamento con i bookmark interamente dedicato proprio ai moduli.
Cominciamo con tre belle ispirazioni: Contact form design showcase, Login Form Design Patterns
e Registration Forms design showcase coprono buona parte delle tipologie dei form.
Passiamo alla validazione: LiveValidationPHP
è una soluzione PHP/Javascript per ridondare lato server la libreria Javascript
LiveValidation di cui abbiamo parlato qui sul blog. Altre soluzioni che ho scovato di recente, esclusiamente lato client, sono FormCheck, JSValidate e fValidator.
Fresco fresco di pubblicazione anche questo esempio di modulo di login in Ajax e PHP di cui è disponibile per il download il codice completo.
Ora alcune soluzioni Javscript/CSS per il replacement grafico di elementi di form (in particolare checkbox e radiobutton):
CRIR: Checkbox Radio Input Replacement, aggiornata di recente, Fancy Form, basata su mootools, e NiceJForms, un porting di NiceForms in JQuery.
Concludo con un bel tutorial rapido e sfizioso sulla personalizzazione dei form con i CSS, ovvero Spruce up your search box with CSS and a background image e con 101 Resources to Help You Build a Better Web Form. Buona lettura!
Categoria: Web Design | Permalink
Commenti
1
Link utilissimi! ;)
# - postato da Alessandro - 26 Settembre 2007 - 09:13
2
il primo penso basti per tutto…
molto carino il login con ajax
# - postato da Francescoc - 26 Settembre 2007 - 09:54
3
I link sono davvero magnifici grazie!
4
il link “Contact form design showcase” contiene delle personalizzazioni veramente ghiotte e originali, già ho in mente qualche soluzione da adottare…
per la validazione lato cliente, finora mi sono appoggiato o a script da me stesso realizzati “ad hoc” a seconda delle esigenze, o alla libreria di deagogo, per i siti in cui utilizzo prototype.
Voglio testare a tal proposito JSValidate, sempre basta su prototype.
5
Grazie dei link… utilissimi
6
In merito al “replacement grafico di elementi di form” non mi convince molto il fattore usabilità, lo vedo più un’alternativa per siti frequentati da web developer
7
Davide, i tuoi dubbi sono assolutamente leciti: avevo esposto la mia posizione in merito circa due anni fa in questo post. Si tratta di un’uso di javascript piuttosto pericoloso che davvero può compromettere usabilità e fruibilità dei form.
# - postato da Alessandro Fulciniti - 26 Settembre 2007 - 16:17
8
Che fare se si ha la necessità di costruire un form l’obbligatorietà dei cui campi dipenda dalle scelte dell’utente?
Es°: 2 gruppi di 2 radio button.
A seconda della scelta (VV,VF,FV,FF) cambiano i campi da compilare. Alcuni sono obbligatori, altri proprio inutili.Nel mio sito ho dovuto suddividere il form in più pagine, per non dipendere da javascript. Solo che questo significa avere n pagine da manutenere, invece che una sola. In questo caso come si può fare?