Jon Parro

Al diseñar un formulario una de las primeras cuestiones importantes a tener en cuenta es la alineación de los label y los campos. A continuación voy a comentar las ventajas y desventajas de los distintos tipos de alineaciones.

1. Horizontal, label alineados a la izquierda.

La excesiva distancia entre un label y su campo correspondiente dificulta su relación y ralentiza la lectura, siendo esto un pequeño inconveniente. Sin embargo, a su vez esto puede resultar interesante para formularios con datos con los que el usuario no está familiarizado, ya que se le obliga a prestar mayor atención.

La alineación a la izquierda de los label permite predecir al usuario fácilmente dónde comienza el siguiente label, facilitando la lectura vertical.

2. Horizontal, label alineados a la derecha.

Mayor facilidad para relacionar label y su campo correspondiente gracias a estar ambos más juntos. De esta manera el formulario se rellena con mayor rapidez.

Se dificulta la lectura vertical debido a las diferentes longitudes de los label y que el usuario tiene que forzar la vista para ver dónde comienza el siguiente label.

3. Alineación vertical.

Al encontrarse label y su campo correspondiente muy juntos y en el mismo eje de visión, el usuario puede rellenar el campo prácticamente al mismo tiempo que lee el label, por lo tanto reduce el tiempo necesario para completar el formulario. Esto se acentúa si los datos a rellenar son fáciles y familiares para el usuario, en dónde casi no necesita pararse a leer los label.

En la parte negativa, está el hecho de que se necesita más espacio vertical.

En las alineaciones verticales es necesario jugar con los espacios, separando correctamente un label y su campo, del siguiente label.