Il posto giusto per le label
Mercoledì 19 Luglio 2006 - 10:05
di Cesare Lamanna
Dove è preferibile piazzare le label che accompagnano i campi di input di un form? Almeno 3 sono le opzioni più comuni: allineamento orizzontale (label accanto al campo) a sinistra, allineamento orizzontale a destra, allineamento verticale (la label è sopra il campo di input). Bisogna poi decidere se dare enfasi alla label formattandola in grassetto.
Luke Wroblewski segnala in questo intervento un corposo articolo di Matteo Penzo, che riprendendo una precedente ricerca dello stesso Wroblewski, analizza la questione con l’ausilio di tecniche di eyetracking.
Categoria: Web Design | Permalink
Commenti
1
senza offesa ma questo post mi sembra una stupidata. una label vicino ad un input si può mettere (o non mettere) dove si vuole, dipende da come è strutturata la pagina.
# - postato da lloyd27 - 19 Luglio 2006 - 11:57
2
Interessante come lettura, è una delle cose su cui mi capita spesso di arrovellarmi, senza riuscire mai a trovare qualcosa che soddisfi al 100%.
Ho notato una cosa leggendo i due articoli, i dati empirici ottenuti da Matteo Penzo sono in contrasto con le raccomandazioni di Luke Wroblewski: il secondo suggerisce l’uso del grassetto nelle label, ma dai test risulta che questo aggiunge complessità alla informazioni, senza renderne più immediata la lettura, allo stesso modo Wroblewski suggerisce di utilizzare l’allineamento a sinistra nel caso di font che si sviluppano orizzontalmente, mentre i test dicono che in caso di allineamento a destra la lettura risulta più veloce.
E’ chiaro che le prove effettuate con eyetracking sono un indice parziale di quella che è l’efficacia di una comunicazione visiva[*], ma è interessante vedere come i due articoli, partendo dalle stesse basi, arrivino a conclusione significativamente diverse…
[*] sarebbe interessante avere qualche informazione in più sul campione utilizzato per i test, da quante persone è composto e come è suddiviso (l’articolo dice solo che è misto fra utenti inesperti ed esperti di usabilità).
Salutazioni ;)
Marcello
3
Interessante come lettura, è una delle cose su cui mi capita spesso di arrovellarmi, senza riuscire mai a trovare qualcosa che soddisfi al 100%.
Ho notato una cosa leggendo i due articoli, i dati empirici ottenuti da Matteo Penzo sono in contrasto con le raccomandazioni di Luke Wroblewski: il secondo suggerisce l’uso del grassetto nelle label, ma dai test risulta che questo aggiunge complessità alla informazioni, senza renderne più immediata la lettura, allo stesso modo Wroblewski suggerisce di utilizzare l’allineamento a sinistra nel caso di font che si sviluppano orizzontalmente, mentre i test dicono che in caso di allineamento a destra la lettura risulta più veloce.
E’ chiaro che le prove effettuate con eyetracking sono un indice parziale di quella che è l’efficacia di una comunicazione visiva[*], ma è interessante vedere come i due articoli, partendo dalle stesse basi, arrivino a conclusione significativamente diverse…
[*] sarebbe interessante avere qualche informazione in più sul campione utilizzato per i test, da quante persone è composto e come è suddiviso (l’articolo dice solo che è misto fra utenti inesperti ed esperti di usabilità).
Salutazioni ;)
Marcello
4
esiste lo stesso articolo in italiano?
5
No, mi spiace in italiano non ne esiste. Ma se il tema ti interessa ti suggerisco gli articoli che trovi su Leeander.com
# - postato da Matteo Penzo - 26 Luglio 2006 - 22:12