homefinance blog
¿Le gustaría recopilar datos sin usuarios aburridos? ¡Diseñe mejores formas! El diseño de formularios UX juega un papel esencial en hacer que su sitio sea fácil de usar. Si ya ha tomado medidas para mejorar la experiencia del usuario, entonces no debe pasar por alto sus formularios también. Para diseñar productos digitales y marketing a través de canales digitales, los formularios son de importancia significativa para el crecimiento del producto, la conversión óptima y una mejor participación. Los formularios pueden cumplir diferentes propósitos, como el registro simple, la recopilación de datos en varios pasos, el boleto de asistencia, la información de facturación o el registro. Solo asegúrese de que UX para un sitio web no sea suficiente, deberá verificar esta información para asegurarse de que sus formularios funcionen fabulosos. Las siguientes reglas para diseñar formularios UX harán que las formas web modernas sean más intuitivas y atractivas.
La creación de formas de uso fácil nunca ha sido más fácil. Un generador de formulación de WordPress con una multitud de opciones puede ser una excelente solución. Debido a que no requiere habilidades de codificación y puede usarlas para crear encuestas, cuestionarios, más allá de crear un formulario de contacto, sugerimos usar un complemento de WordPress. ¿En la carrera? Marque este artículo y vea este resumen de 2 minutos si necesita una presentación general rápida:
Diseñe mejores formularios con estos consejos útiles Si cree que los formularios son un elemento indispensable para los negocios en línea, comience a cuidarlos hoy. En este artículo, obtendrá 15 mejores prácticas para diseñar mejores formas y hacerlas más amigables con UX. Publique la forma corta y simple
Mantenga las secciones alineadas
Una columna vs. Multicolumn
Fragmentación de una forma para la respuesta gradual
Coloque consejos con herramientas/mensajes para obtener ayuda y guíe a su usuario
Restricciones para cada campo
Dale a tu forma un título inspiratorio
Campo de entrada bien proporcionado
CTA descriptivo
Especifique por qué necesita ciertos datos
Finalización automática del navegador
Es necesario validar el formulario
Burlarse
Establezca el enfoque automático
No asuste a sus usuarios
Mantenga la forma breve y simple Pregúntele a sus usuarios lo menos posible. Intente recopilar solo información relevante y eliminar campos introductorios innecesarios. Por ejemplo, no duplique el campo de contraseña, pero permita a los usuarios ver la contraseña que van a crear. Trabajar con el diseño de las formas, “menos es más” es un principio perfecto.
Además, no solicita mucha información en un solo paso e intenta renunciar a los irrelevantes. Supongamos que tiene un servicio de alojamiento y no necesita el nombre del padre del usuario, no lo pida. Otro ejemplo podría ser una encuesta en la que no necesita el número de teléfono de un usuario, así que déjelo así.
Siguiendo esta práctica, puede asegurarse de:
Tiempo de finalización más rápido
Mantener a los usuarios lejos de estar frustrados
Mejor tasa de conversión al enviar la forma Pro: incluya solo los campos más esenciales de nuevo encar de mantenimiento de la alineación de las secciones alineadas es buena para los ojos y ayuda a mejorar la estructura para que sea visualmente satisfactoria. Organizar el texto y el contenido de los medios de la manera más optimizada puede hacer un diseño eficiente, escalable y eficiente, y esta es la idea de alineación. Izquierda, centro, derecha: hay varias configuraciones desde las cuales puede elegir. Pero asegúrese de no mezclar todas estas alineaciones en un cubo; Intenta mantener la uniformidad.
Qué enfoques seguirá depende de su diseño. Puede probar un posicionamiento diferente, pero sin alineación, la apariencia de la forma se verá como un desastre. Mantener el texto de la etiqueta cerca del campo introductorio brinda a los usuarios una mejor comprensión.
Sin embargo, con una alineación adecuada, se proporcionan los siguientes resultados:
Las formas se verán mejor
Los usuarios pueden obtener una experiencia encantadora
Consejo profesional: Mantenga las etiquetas alineadas encar de un vs. Multi-columna como dirección natural, los ojos se mueven de arriba a abajo. Mantener el formulario en una sola columna puede proporcionar a los usuarios un flujo de luz, que no puede proporcionar con varias columnas. Dicho esto, no es obligatorio diseñarlo como una sola columna. Si crees que es necesario, puedes.
Si está perplejo entre una columna o dos, le sugerimos que elija una. Los estudios muestran que los participantes pueden completar los formularios más rápido con un solo formulario de columna. Los usuarios pueden abandonar el formulario si lleva demasiado tiempo completar o parecer complejo. Aquí es donde interviene el dilema, si mantiene sus campos de inserción de campo en una columna y los hace ver “largos”, o debe organizarlos inteligentes en varias columnas (preferiblemente no más de dos o tres) y les ofrece a los usuarios una ilusión de la forma es pequeña. Esta decisión depende completamente de usted y debe elegir sabiamente de acuerdo con sus requisitos y el comportamiento anterior de los usuarios. Dos beneficios se mencionan a continuación:
Los encuestados tienen una visión simple y clara de los formularios
Desfile sin distracción
Pro: una columna es la mejor para formularios con algunos campos (autenticación), y los formularios largos requieren varias columnas. Realice la fragmentación de una forma de respuesta gradual antes de pasar al sujeto, hablemos de una idea completamente fuera del tema. ¿Cuál de los siguientes formatos de número de teléfono crees que es más fácil de recordar- +18067442444 o +1 806-744-2444? Estoy casi absolutamente seguro de que irás al segundo. Al cerebro humano le encanta trabajar con un proceso más simple que uno complejo. Es por eso que es más fácil para nosotros memorizar un número de teléfono de 11 dígitos si lo fragmentamos en piezas pequeñas. Finalmente, en realidad realiza la misma tarea, pero engañas tu cerebro para creer que estás haciendo menos o tomando un atajo.
Lo mismo sucede en cualquier otro caso. Si puede engañar al cerebro de sus usuarios para que piense lo mismo, la tasa de conversión de sus formularios se triplicará, si no crecerá vertiginosamente. Este consejo es especial para un diseño de gran forma. Si su formulario contiene muchos campos, divídalos en grupos semánticos utilizando algunos espacios adicionales o descansos de sección. Este enfoque alienta a los encuestados un sentido de respuesta gradualmente, mientras que podría dejarlo incompleto si lo mantiene de manera diferente. Puede mantener el nombre y la dirección de correo electrónico de un participante en la primera sección, luego los datos personales y tal vez la otra información en la siguiente sección. La dirección de facturación puede ocurrir inmediatamente después del nombre y el correo electrónico si usted es un proveedor de negocios. Entonces, ¿cómo puede ser más beneficioso el formulario el formulario?
Da a los usuarios la sensación de progresar sin sentirse confundido y pasar por un largo proceso
Tiene un mejor significado al incluir grupos lógicos
Consejo profesional: Organice el comando de fácil a duro. Tome la información básica primero. Realice una copia de seguridad ️ Coloque los consejos con herramientas/mensajes Ayuda y guía a su usuario sería mucho mejor si los usuarios reciban un mensaje como “Ingrese un número de tarjeta válido”, incluso cuando ponga información. Por otro lado, es agotador si veo la advertencia antes de enviar después de pasar el tiempo con el formulario completo.
Si hace que sus campos sean útiles, a los usuarios les gustaría ir más allá; De lo contrario, se irán. Crear una gran impresión por primera vez hace que los usuarios regresen. En resumen, la validación en línea ayuda a los usuarios a poner la información correctamente. Si no, aparecerá un mensaje que dice lo que alguien está haciendo mal. La validación de la forma en línea puede ser útil de dos maneras:
Dígales al instante si cometen errores y qué es
Te ahorrará tiempo y esfuerzo
Consejo profesional: no permita que la validación en línea funcione en tiempo real. Es más práctico mostrar un mensaje de error después de que un usuario haya completado el campo.
COMPAÑADO present Restricciones para ingresar datos de campo El tipo de datos no es lo mismo en cada campo. Algunos tienen texto, otros tienen números y otros requieren alfanuméricos. Según el tipo de entrada, debe limitar a los usuarios a ingresar datos incorrectos. Para reducir los errores y saltos continuos, estas limitaciones son esenciales. Por ejemplo, los campos de nombre no consistirán en números. Del mismo modo, los números de teléfono nunca se forman con caracteres alfabéticos. Por el contrario, puede ser necesario un campo alfanumérico para la creación de contraseñas. Además, la longitud mínima y máxima también es útil. (Los números de teléfono de los Estados Unidos tienen 10 dígitos, mientras que los números de seguro social están en nueve dígitos).
Ayudar a los usuarios a incorporar los datos correctos
Las restricciones significan el poder de los usuarios
Consejo profesional: asegúrese de que los campos numéricos, en particular, no permitan ningún carácter alfabético. Back Up ueve le da a sus formularios un título inspiratorio está bien para mantener sus formularios con títulos simples. Y, no está bien mantener que, si bien los estudios nos iluminan con mayores conversiones de registro si el formulario tiene derecho. Una pregunta para usted: ¿Qué forma cree que lo convence fácilmente de que complete, “Regístrese” o “Obtenga un acceso temprano”? Al influir en la psicología de las personas, el lenguaje juega un papel importante. Además, si el formulario dice qué es, es más probable que el usuario tenga la oportunidad de buscarlo. La información específica ayuda a los usuarios a decidir, y su formulario se destaca en millas de competencia. Por un título adecuado, anuncia a los usuarios:
¿Qué recibirán después de enviar el formulario?
La tasa de finalización y conversión será mayor
Consejo profesional: reemplace “Regístrese” con un texto más intuitivo, como “Regístrese y obtenga un 20% de descuento” de nuevo principalmente el campo de entrada del tamaño de los campos de entrada debe representar el tipo de datos. ¿Porque es esto importante? Si los campos de introducción de sus formularios no coinciden con los datos esperados, los usuarios pueden perderse en el espacio inesperado. El campo de dirección, por ejemplo, será más grande que el campo de entrada para el número de teléfono. Mantenga el tamaño de los campos de entrada según lo requieran los datos. Las cajas no simétricas no solo afectan el diseño, sino que probablemente iniciarán una mala experiencia del usuario. Pero, si representa los campos de manera personalizada, los usuarios tendrán una sensación de “impresionado”. Si mencionamos brevemente los beneficios de esta buena práctica,
Los usuarios tendrán una idea de cuánto tienen que escribir
Una forma mínima de construir una forma limpia al no montar los espacios
Consejo profesional: Obtenga ayuda de un diseñador de interfaz para obtener una vista de tercer ojo si su forma se ve muy bien encar de CTA descriptivamente, todas las formas alcanzan un impulso, ya sea un botón de “enviar” o un botón que diga “continuar”.Un CTA debe explicar la intención de lo que sucederá a continuación.Por ejemplo, un “registro” declara su propósito más claramente que “envía”, y los usuarios pueden decidir más cómodamente.Si puede concentrarse más en recurrir a las acciones, la tasa de conversión aumentará.En la mayoría de los casos, un formulario consta de dos impulsos: primario y alternativo.El botón principal hace que los usuarios continúen, mientras que el otro les permite cancelar o realizar otra acción. Un CTA con un texto lúcido tiene más beneficios.
Asegurará la acción de manera más efectiva
Se puede entender fácilmente lo que hago
Consejo profesional: asegúrese de que un solo botón sea el prominente si hay más de una copia de seguridad ️ por qué necesita datos específicos es definitivamente la mejor práctica para decirle a los usuarios por qué necesita cierta información. Al solicitar información privada y confidencial de un usuario, dígales por qué necesita proporcionar esto. Cualquiera sea la información, asegúrese de que se mantengan como confidencial. No permita que aparezca duda, explique por qué necesita esos datos específicos. Por ejemplo, es posible que necesite un número de teléfono porque desea enviar el código de verificación. Dígale al usuario al respecto. Si se registra en Facebook, notará un enlace cerca del campo de cumpleaños que explica por qué necesitan su día. Al proporcionar el mensaje de ayuda, informará a los usuarios: necesita cierta información para un propósito particular
Eventualmente se beneficiarán de estos datos privados
Consejo profesional: use asesoramiento explicativo para que los usuarios puedan recibir notificaciones fácilmente cruzando el mouse
Suplemento de navegador automático de copia de seguridad ️ Suplemento de navegador automático Si los navegadores pueden completarse automáticamente, los usuarios completarán el formulario más rápido. Los navegadores, como Google Chrome, completan el formulario para muchos de nosotros y ahorran mucho tiempo, especialmente para una forma larga. Los navegadores modernos tienen funciones de finalización automática, pero la clave está en la mano. Para permitir que el navegador realice esta acción, debe especificar que los campos sean fáciles de reconocer. Los navegadores completan el formulario en función de las pistas, como el primer nombre, el número de teléfono móvil y el mismo. Si el contexto es fácil de distinguir, entonces funciona el auto -compañerismo. La mejor práctica es mantener los títulos de cada campo con términos comunes, para que los navegadores puedan identificarlos instantáneamente. ¿Por qué es beneficioso?
Una forma rápida de completar el formulario
También previene errores porque pueden omitir algunos pasos porque ya está completado
Consejo profesional: diseñe el formulario con nombres de campo comunes. Evite los términos complicados. Soporte ós es necesario validar la validación del formulario es una parte integral de un formulario, y los usuarios deben recibir el mensaje de error si hacen algo mal al completar el formulario. Cuando ocurre un error, se puede activar por varias razones. Muestra el error con un color diferente (preferiblemente rojo) y resalta los campos para mostrar instantáneamente el mensaje de error. En cualquier caso, el propósito debe ser claro, es decir, evitando cualquier tipo de confusión. Los usuarios deben saber cómo se pueden remediar los errores. Para hacer esto, adjunte un mensaje que aparece cuando alguien comete un error. Un mensaje como “No se permiten símbolos especiales” ayuda a los usuarios a comprender por qué el campo de nombre muestra un error. Y, los puntos clave se pueden mencionar como: los usuarios no estarán abrumados
La validación asegura que los datos proporcionados sean correctos
Consejo profesional: reduzca la confusión tanto como sea posible mientras hay un error que valida el formulario. Agregue un mensaje claro. Soporte ós divertirse completar un formulario es aburrido. Las personas no están dispuestas a hacer un esfuerzo si no agregan valor a sus vidas. Luego está allí con un formulario vacío para completar los usuarios. No les hace sentir que habrías obligado a completarlo. Agregue algo de diversión de la vida real. ? Puede recopilar la información de una manera seria y, por supuesto, de una manera divertida. Si sigue las reglas enumeradas anteriormente, puede hacer algunas cosas poco convencionales aquí. En particular, en los campos introductorios, puede agregar un texto divertido en lugar de sustitutos ordinarios. De esta manera, los usuarios disfrutarán completar el formulario sin ninguna complicación en mente. También eres: creando formas inspiradoras y cautivadoras
La motivación de los usuarios para proporcionar los datos según las expectativas
Consejo profesional: si no encuentra idea, manténgala simple y ordinaria. No estropee el tono para que los usuarios no confíen. Soporte ️ Establezca el enfoque automático del enfoque automático del primer campo de entrada funciona como un ancla que atrae la atención del usuario para viajar en el formulario. Cuando un encuestado llega por primera vez en el formulario, debe encontrar manualmente el campo de inicio y tocarlo para activarlo. Por otro lado, puede mantener el primer campo activado para proporcionar a los usuarios la sensación de que “ya ha comenzado”. De esta manera, le da al usuario una pista para comenzar y acelerar el proceso de registro. Las fases de confusión se pueden reducir con este simple truco. Para estimular el proceso, inserte esta idea en su forma. Consulte cómo Google usa este concepto amigable con UX en el formulario de creación de cuentas. Y las ventajas heredadas son:
Los encuestados no deben buscar el punto de partida
Puede guardar usuarios de clics adicionales y mucha especulación redundante
Consejo profesional: use un color de borde acentuado o un color de fondo para resaltar el primer campo con un cursor activo de respaldo ️ No asuste a los usuarios, no es difícil averiguar qué hace que sus clientes no completen el formulario. Ofrecer información sobre la tarjeta de crédito y otros datos personales confidenciales probablemente se considera intimidante. Y, si hay algo rígido en su forma (por ejemplo, un contrato anual) que los usuarios no pueden cancelar, pueden irse antes de completarlo. Es posible que haya visto algunos formularios para un período de prueba que dice “no hay necesidad de tarjeta de crédito” o “devolución de dinero en 14 días”. Estas son las formas en que los clientes se sienten un gran alivio y no piensan dos veces para continuar. No mantenga nada en secreto que sus usuarios consideren una trampa. Si menciono dos resultados vitales de esta práctica, serían: los clientes no sabrán nada de qué preocuparse. Sin costos ocultos o complicados
El tiempo para completar los formularios será más bajo y la conversión se extenderá
Consejo profesional: haga que el formulario sea lo más cómodo posible para los usuarios con texto de ayuda, sugerencias, etc. Realice una copia de seguridad de la próxima vez que estas sean nuestras “mejores prácticas” para usted cuando diseñe un formulario de contacto. Aplicarlos en sus formularios puede extender la conversión, además de garantizar una experiencia de usuario brillante. ¿Por qué no ve algunos ejemplos de formularios web de interfaz con el usuario para averiguar qué ha incluido y qué ha omitido? Su formulario debe hablar con su público específico. Para confirmar un UX mejorado, realizar una investigación de mercado, realizar pruebas A/B y ver cómo están funcionando otros para el mismo propósito. Inhale desde las formas existentes y hágalo adecuado para su audiencia. Además, otros remedios rápidos e intuitivos harán que los usuarios completen una tarea flexible. Tenga en cuenta que el diseño no es suficiente si no funciona de manera efectiva a la manera del usuario. Finalmente, los siguientes enlaces lo ayudarán a crear formularios con un complemento de WordPress. Cortar la documentación del formulario WP, un generador de formulación de WordPress intuitivo
Las características de WP de forma fluida que lo hacen destacar
Suscríbase a nuestro canal de YouTube para obtener consejos y trucos de WordPress. También síganos en Twitter y Facebook.
1 nt bg nuevo
¡WP Fluent Forms pro intente las formas fluidas hoy y see sí mismo!
Descargar ahora
