Actualizado el 28/07/2020
Al igual que los botones, los formularios son un elemento imprescindible en una web.
Es muy importante que sean claros, fáciles de seguir y rápidos de cubrir. A nadie le gusta completar formularios extensos ni responder a preguntas muy rebuscadas, ¿no?
Presta atención a estas 6 reglas básicas a seguir en el diseño y desarrollo de formularios web.
Índice de contenidos
Consejo 1: Una columna
En la medida de lo posible, intenta montar tus formularios en una sola columna. Esta disposición es más fácil de seguir para el ojo, y genera una mejor disposición del espacio.
Como bien dice el refrán, menos es más.
Consejo 2: Labels encima
Es muy importante colocar cada label de forma que quede claro a qué elemento del formulario hace referencia. Varios estudios afirman que la colocación superior es la óptima, pues pone a una misma distancia el label del input, independientemente de la longitud del texto.
Consejo 3: Agrupación
Es importante que los label y sus input estén lo suficientemente cerca como para generar sensación de grupo compacto. A su vez es necesario que exista espacio suficientemente entre grupos para evitar confusiones.
Consejo 4: Mensajes de error
Dar feedback al usuario es muy importante. Tiene que saber qué campos son obligatorios, así como el formato a seguir para rellenarlos. Si en algún momento el usuario comete un error, hay que dejarle claro a qué campo afecta. Por ello, siempre que sea posible es recomendable que el mensaje se coloque al lado del campo al que corresponde.
Consejo 5: Guiar al usuario
Mientras diseñamos un formulario tenemos que pensar en el usuario. Hacerle la vida fácil. Seguir una jerarquía en los botones y diferenciar la opción más habitual de la secundaria hará que cubra el formulario antes, y que por lo tanto esté más satisfecho.
Consejo 6: Dar opciones
Muchas veces un formulario se dispone en varios apartados que no siempre aplican o no son obligatorios para todos los usuarios. Por eso, una buena práctica es dar una salida al formulario si el usuario quiere escapar de alguna parte concreta.
Además del diseño, cuando trabajamos con formularios hemos de tener en cuenta el Reglamento General de Protección de Datos (RGPD). Tratamos con datos sensibles de los usuarios y tienen que almacenarse de una manera adecuada. ¡No lo pases por alto!
En este post te ponemos al día sobre las novedades en materia de RGPD. Y si aún así te siguen surgiendo dudas, echa un ojo a nuestro servicio de Asesoría Legal y te echamos un cable con lo que necesites.