Dónde poner las etiquetas en los formularios

Una duda clásica cuando se diseñan formularios es dónde ponemos las etiquetas respecto a los campos de texto:

a) a la izquierda del campo, pero con el texto alineado a la izquierda
b) a la izquierda del campo, pero con el texto alineado a la derecha
c) encima del campo de texto

Matteo Penzo ha probado, mediante un experimento de eyetracking titulado Label Placement in Forms, que es mejor la opción c: etiqueta justo encima del texto.

Parece que esto funciona mejor porque tendemos a ver etiqueta y campo como un sólo bloque, como una acción y no dos distintas (leer y relacionar).

Me imagino que este planteamiento se va al garete si el espacio entre la etiqueta y el campo es grande, o si simplemente es igual al que haya entre el campo y la siguiente etiqueta. Es pura gestalt: se trata de componer bloquecitos separados para que por proximidad se asocie etiqueta con campo.

En el estudio también se probó poniendo las etiquetas en negrita, pero parece que no funciona tan bien. El autor no sabe explicar por qué ocurre esto, pero cualquiera con conocimientos de tipografía sabe que la negrita resalta más, pero es menos legible. Se tarda más en "procesar" lo que dice. Si todas son negritas, nada destaca. Símplemente se pierde legibilidad.

Se comenta alguna cosa más como que en desplegables la etiqueta no funciona arriba y el autor sugiere que el valor por defecto del desplegable sea el que funcione como etiqueta. Yo discrepo (y me quedo tan ancho porque esta parte no está testada). Creo que es más adecuado poner texto en la misma linea del desplegable, alineado a la derecha.

En fin, que ya está todo el artículo resumido, que no hace falta que vayáis a verlo :-D

servido por Javier 1 comentario compártelo