Cómo mejorar el diseño UX del formulario
Mejores prácticas para campos de entrada opcionales y obligatorios: diseño creado por Niki Tisza
¿Cuál deberíamos utilizar para un buen diseño de experiencia de usuario en los campos de formulario?
Etiquetas requeridas háganos saber qué campos son obligatorios en un formulario.
Sin embargo, cuando las etiquetas requeridas o los campos de formulario obligatorios superan en número a los campos de formulario opcionales, se puede crear desorden visual.
Cuando miramos estas dos opciones, la Opción 2 y la Opción 3, podemos decir visualmente cuál está más ocupada.
Ejemplo de uso de etiquetas obligatorias y opcionales: el diseño de la imagen es de Niki Tisza
Si sólo etiquetamos el campos opcionalesadopta el enfoque opuesto y nos dice qué campos no son obligatorios y qué campos no son obligatorios.
Opción 1
Un enfoque es cuando tenemos todos los campos obligatorios marcados con un asterisco.
Ejemplo de diseño de formulario utilizando el asterisco como indicador de campos obligatorios – imagen de Niki Tisza
opcion 2
Este enfoque también se centra en los campos obligatorios marcando los obligatorios, pero eliminamos la línea de instrucciones.
Ejemplo de diseño de formulario utilizando las etiquetas de campo obligatorias – imagen de Niki Tisza
Opción 3
En esta última opción marcamos únicamente los campos opcionales.
Ejemplo de diseño de formulario etiquetando solo los campos de entrada opcionales – imagen de Niki Tisza
La respuesta es mi respuesta favorita: Eso depende.
Realmente depende de la forma.
Por ejemplo, si tenemos un formulario donde todos los campos son obligatorios, entonces en lugar de marcar cada uno de ellos con un asterisco, tal vez esto sea…