¿Cómo diseñar formularios web centrados en el usuario?

Nos encontramos casi a diario con formularios para iniciar sesión en cuentas, rellenar información para acceder a servicios, publicar contenidos, etc. Sin embargo, el proceso de completar un formulario no siempre es agradable. Sin embargo, el proceso de completar formularios a menudo no es agradable porque necesitamos dedicar tiempo a ingresar información, hacer clic en enviar y es posible que debamos esperar a que se revisen, especialmente cuando se trata de formularios complejos y largos; es fácil tener un usuario deficiente; experiencia Hace que la gente se sienta frustrada y se dé por vencida a mitad de camino.

Entonces, ¿cómo podemos mejorar la eficiencia de los usuarios al completar formularios, evitar que cometan errores o se rindan a medio camino y aumentar las tasas de placer y conversión? Este artículo resume algunos de los siguientes métodos de diseño de formularios web:

Convencer eficazmente a los usuarios para que completen el formulario

Primero, dígale al usuario por qué necesita completar el formulario y qué puede obtener de él, para que el usuario pueda ver la dirección de los beneficios de la información que usted proporciona. beneficio. Por ejemplo, GitHub te dice claramente lo que obtendrás cuando te registres en el lado derecho de su formulario de registro:

Además de decirle al usuario lo que obtendrá por completar todo el formulario, puedes También sea más específico sobre lo que se le pide al usuario que haga al completar información específica.

Para convencer eficazmente a los usuarios de que rellenen un formulario, también es necesario eliminar el ruido negativo y ganarse su confianza. En la mayoría de los casos, la principal preocupación de los usuarios al completar un formulario es qué hará el sitio web con la información que recopila. Los usuarios no quieren recibir un flujo constante de spam ni que su información privada se haga pública. En este punto, puede hacerlo citando las promesas de algunas autoridades influyentes o mostrando alguna evidencia de efecto público (como informes de los medios, casos de usuarios, etc.).

También puedes hacerlo más personal diciéndoles a los usuarios cuánto tiempo pueden esperar para completar el formulario.

Organizar adecuadamente la información

Para formularios complejos con muchos elementos que deben completarse, si la información no está organizada, fácilmente puede hacer que parezca complicada y confusa, lo que hará que Los usuarios confundidos al principio surgirán resistencia y es posible que incluso decidan darse por vencidos. Para organizar racionalmente la información de forma jerárquica, puede utilizar líneas de marco, intervalos de espacio y diferentes colores para dividir bloques según las categorías, atributos y correlaciones de diferente información, y utilizar barras de pasos para representar el proceso actual.

En términos generales, las notificaciones son azules, las advertencias son amarillas, los errores son rojos y las confirmaciones exitosas son verdes.

Las líneas de navegación claras, el diseño razonable de las etiquetas, los mensajes de texto y los botones y evitar la duplicación innecesaria de información pueden reducir la carga visual y física de los usuarios.

Ocultar información correctamente puede hacer que el formulario se vea más limpio y parte de la información se puede configurar para que aparezca solo cuando se requieran operaciones relevantes.

Distinguir entre operaciones primarias y operaciones secundarias. Utilice botones para definir acciones principales y enlaces para definir acciones secundarias, o dé a los botones de acciones principales y secundarias un estilo más distintivo.

Ahorrar tiempo a los usuarios

Los formularios que requieren mucho tiempo para completarse tienden a impacientar a los usuarios. Los usuarios son perezosos y están ocupados, así que intente eliminar los campos innecesarios y considere si hay mejores formas (como una investigación de seguimiento) de recopilar la información que necesita en lugar de que los usuarios ingresen datos mecánicamente en un formulario usando un teclado.

El código de verificación es siempre uno de los dolores de cabeza para los usuarios en los formularios. Necesita esperar a que se genere el código de verificación, confirmar el contenido del código de verificación y asegurarse de que el código de verificación se ingrese correctamente antes. puede hacer clic en enviar. Todo este proceso es muy difícil para él. Se dice que no hay valor real y que los usuarios no obtendrán ninguna recompensa si completan el código de verificación varias veces. Podemos eliminar los CAPTCHA cambiando la experiencia de ingresarlos para hacerlos más simples y divertidos, o limitar la cantidad de veces que un usuario puede enviar un CAPTCHA por día a través de una nueva lógica de backend y otros comportamientos.

Actualmente, muchos sitios web extranjeros convencionales (como Facebook, Twitter, LinkedIn, Friendster, etc.) no requieren que los usuarios confirmen su contraseña al completar el formulario de registro. Wordpress ni siquiera le pide al usuario que complete un formulario, sino que envía la contraseña directamente a la dirección de correo electrónico del usuario.

Además de los métodos simples y sencillos anteriores, puede utilizar la confirmación de texto sin formato al ingresar la contraseña por primera vez, lo que ahorra el tiempo de ingresar la contraseña por segunda vez. necesita ayudar a los usuarios a cambiar a visualización de texto oscuro en cualquier momento.

Modo avanzado El modo avanzado proporciona un entorno UEFI BIOS más completo y está especialmente diseñado para overclockers y usuarios intensivos que desean tener el máximo control del hardware de su computadora. Los usuarios pueden completar formularios más rápido agregando selectores, opciones de acceso directo, enlaces inteligentes, controles deslizantes de RANGO, empujones de NÚMEROS y más.

Utilice los cuadros desplegables con precaución. Debido a que los cuadros desplegables pueden ocultar información al usuario, requieren una acción externa para mostrarse y son más adecuados para seleccionar opciones amplias como fechas, provincias, etc. Para un número limitado de opciones importantes, las opciones más obvias son más apropiadas.

Relajar los requisitos de entrada del usuario, incluido el formato, las mayúsculas, etc. Haga que su sistema sea más flexible en lugar de pedir a los usuarios que cambien sus hábitos de entrada por usted.

Prevención de errores. Realizar una verificación instantánea efectiva para que los usuarios puedan corregir y agregar información faltante de manera oportuna. Además, también podemos restringir el comportamiento del usuario restringiendo el comportamiento del usuario (por ejemplo, al reservar un boleto, la hora de regreso no se puede seleccionar antes de la hora de salida); , y la ciudad de salida no puede ser la misma que la hora de llegada) ciudades, etc.) o proporcionar corrección automática para evitar que los usuarios cometan errores.

Haga que sus formularios sean más inteligentes proporcionando comentarios interactivos más positivos, completando texto previamente, obteniendo información automáticamente, corrigiendo automáticamente el formato, completando puntos decimales y más.

Por ejemplo, cuando un usuario ingresa un número de tarjeta de crédito, puede determinar automáticamente qué tarjeta de crédito está utilizando.

Cuando un usuario ingresa un número de teléfono móvil, puede determinar a dónde pertenece ese número. En este punto, si el usuario ingresa un número incorrecto, será más fácil de detectar.

Cuando el usuario selecciona una ubicación, automáticamente se rellena el código postal.

Cuando el usuario introduzca su número de cuenta bancaria, automáticamente dejará en blanco el periodo de interrupción.

Cuando el usuario introduce el importe, automáticamente se realiza el complemento decimal.

Ayuda a los usuarios a tomar decisiones. Cuando se enfrentan a más opciones, a los usuarios les resulta más difícil tomar una decisión. En este punto, puede priorizar cada opción de manera adecuada, resaltar una de las opciones y decirles a los usuarios los motivos de su recomendación, lo que les facilita comparar y tomar una decisión.

Admite operaciones de acceso directo de uso común (como el cambio de pestaña) para que los usuarios puedan completar el formulario completo sin usar el mouse.

Proporcione orientación amigable

Limpie la terminología oscura (como errores de bases de datos) e intente utilizar un lenguaje más amigable para guiar a los usuarios a través del proceso y decirles qué salió mal. Cuando surjan problemas, explique claramente por qué ocurrieron y brinde soluciones efectivas. Si es necesario, además del texto explicativo, agregue fotografías o gráficos visuales más vívidos como guía.

Material de referencia:/web-form-design.html