Prácticas recomendadas de diseño de experiencia de usuario con pruebas biométricas

Diseño de formulario UX - Informe de investigación

¿Qué es Form UX Design y por qué es importante?

El diseño de Form UX es uno de los factores clave que definen el éxito en generación de leads para sitios web. Los formularios en línea son el canal principal para capturar datos de contacto y clientes potenciales a través de sitios web y páginas de destino. Sin embargo, los especialistas en marketing suelen pasar por alto la experiencia del usuario, lo que genera una pérdida constante de clientes potenciales y nuevos ingresos. Juntos con Diseño UX expertos de Lnet Digital, una agencia de marketing digital con sede en el Reino Unido, hemos estudiado formulario diseño UX con más detalle. Este experimento de comportamiento del usuario utiliza pruebas biométricas a través de datos de movimiento ocular. Experimento de diseño de UX de formulario: resumen ejecutivo de los resultados del análisis Resumen ejecutivo de los resultados del análisis con estadísticas clave

Información de la sesión

Objetivo del estudio: 

Utilice el análisis biométrico del comportamiento del consumidor para demostrar la eficacia de los formularios de la aplicación LeadGen para mejorando el viaje del usuario.

Los estímulos

A: formulario estilizado con elementos visuales para servicios (aplicación LeadGen) B: formulario estándar con todas las preguntas en una sola página (Jotform) Información de sesión de 2 formularios en el experimento UX: formulario de la aplicación LeadGen frente a Jotform Intención del usuario: Seleccione un servicio de protección de pintura de automóviles e ingrese los detalles de su automóvil

Los estímulos

Hora de finalización del formulario

Mejor experiencia de usuario

Medidas biométricas objetivas

Seguimiento del movimiento de los ojos

Reconocimiento de emociones

Medida de autoinforme

Mayor / menor compromiso

 

Métodos

Pruebas A / B

 

El analisis

El formulario de análisis de diseño UX

Hipótesis

Hace que el usuario se involucre más con los aspectos visuales, permite que los usuarios procesen la información en partes manejables para alentarlos a tomarse su tiempo y reducir el enfoque en las preguntas.

ECONOMÉTRICOS

Este análisis abarcará cuatro áreas clave; A Mapa de calor, Áreas de interés, respuesta emocional y comentarios de usabilidad: el mapa de calor mostrará dónde mirarían más todos los participantes de la prueba. Desde verde a amarillo y luego a rojo, verde significa que tendrían poca atención en un área, amarillo significa que se prestó una cantidad moderada de atención allí y rojo significa que muchos de los participantes perfeccionarían su atención allí. Las áreas de interés son lugares de la página web que decidiríamos que son lo suficientemente importantes como para realizar un análisis más detallado, lo que nos permite recopilar datos; Si un área recibiera atención, cuántas veces un área recibiría atención, por cuánto tiempo duraría la atención, etc. La respuesta emocional nos daría una comprensión de cómo reaccionaría el participante al usar la página web, podemos ver una variedad de aspectos positivos y emociones negativas para ayudar a determinar si se lo pasaron mejor experimentando una página web que la otra. La retroalimentación sobre usabilidad es un conjunto de datos que recopilamos a partir de las preguntas que le hicimos al participante al final de la prueba. Esto nos brinda más información sobre cómo se sintieron con respecto a las pruebas y puede ayudarnos a obtener mejores resultados de los que quizás no nos hayamos dado cuenta desde el principio. seguimiento ocular o respuesta emocional.

 

Medidas del mapa de calor

Formulario Diseño de UX Mapa de calor Medidas LeadGen App v. Jotform Resumen del mapa de calor Ambos mapas de calor prestan la mayor atención a las instrucciones esperadas. Todos los participantes tienen una alta concentración en la primera y segunda pregunta del formulario con LeadGen. Sin embargo, al observar el formulario con la aplicación LeadGen podemos ver un enfoque moderado en los aspectos visuales, esta diferencia podría deberse a que la imagen le da al usuario una mejor idea de lo que cubriría el servicio, permitiéndole responder con facilidad y confianza. También hay mucha atención encima del título del formulario sin la aplicación LeadGen, creemos que esto se debe al mensaje de error que aparece cuando un participante ingresa detalles incorrectos en un campo. Tener un mensaje de error en la parte superior de la página, así como debajo del campo, no es muy bueno para la experiencia de los usuarios, ya que se desvía su atención: Búsqueda de experiencia de UX débil en Jotform Mucha atención en dos mensajes de error separados en Jotform: estructura del formulario (izquierda) y actividad del mapa de calor (derecha)   Insights: Sin LeadGen tenga mayor atención, podría mostrar confusión o falta de comprensión sobre qué son los servicios. Con LeadGen tiene menos puntos de concentración, puede mostrar una mejor comprensión y brindar a los usuarios confianza en lo que están pidiendo.   Tiempo de permanencia y estadísticas de conteo de revisitas Tiempo de permanencia y números de conteo de revisitas     Resumen de áreas de interés (AOI) El participante que pasa menos tiempo en áreas de interés (AOI) con LeadGen podría significar que las imágenes ayudaron a que las opciones de las preguntas fueran más claras para los participantes, permitiéndoles responder la pregunta más rápido. Para hacer cumplir esto, los participantes también tuvieron un recuento de revisitas más bajo, lo que significa que volvieron a mirar el área de interés menos veces en el formulario con LeadGen.  

Análisis Explicación

Durante nuestro proceso de investigación de UX, utilizamos codificación facial para detectar y analizar las expresiones de cada participante a lo largo del experimento, por lo tanto, para obtener información y comprender cómo responden emocionalmente a elementos específicos de una página web, así como sus cambios emocionales a lo largo del experimento. todo el recorrido del usuario.  Al grabar el rostro de cada participante con su cámara web, nuestras medidas biométricas capturan la combinación de cambios menores en tiempo real en el rostro (unidades de acción facial) para la clasificación de emociones en tiempo real, utilizando detectores de AU entrenados por conjuntos de datos globales a gran escala que incluyen miles de videos de expresiones faciales, capturados de participantes con diversos datos demográficos, viendo videos comerciales como estímulo.  Nuestros modelos del sistema de codificación de emociones pueden detectar con precisión 7 emociones básicas, incluidas Ira, Disgusto, Miedo, Alegría, Tristeza, Sorpresa y Desprecio, así como la evocación de sentimentalismo y confusión, también podemos detectar otras métricas expresivas de alto nivel como parpadear y Whatsapp.   Algunas de las métricas utilizadas por nuestras medidas biométricas al recopilar cambios faciales incluyen: Elevación de cejas, surco de cejas, elevación del párpado superior, elevación de las mejillas, ajuste del párpado, arrugas de la nariz, elevación del labio superior, tirador de la esquina del labio, hoyuelos, elevación del mentón, fruncimiento del labio (AU18) Estiramiento del labio, presión del labio (AU24) Separación de los labios, caída de la mandíbula , Succión de labios, Cierre de ojos Por ejemplo, la detección de sonrisa afectada se define como el tirador de esquina de labio asimétrico o hoyuelo. Una vez que se detectan las emociones, se clasifican en emociones positivas y emociones negativas para un análisis futuro. Al combinar el sistema de análisis de la expresión facial con la tecnología de seguimiento ocular, podemos ver en tiempo real a qué área de la página web están reaccionando. Esto dará como resultado una comprensión más profunda de la respuesta emocional de los usuarios a cualquier contenido presentado en este momento, de modo que podamos usar estos conocimientos como guías importantes para los próximos pasos de la mejora de UX, con el objetivo de despertar emociones más positivas y cambiar el contenidos que despiertan emociones negativas. Más recursos:  Informe técnico independiente de 2022: AFFDEX es uno de los principales motores de codificación facial que utilizamos.  

Respuesta Emocional - Positiva

Marcos positivos Mirando este gráfico, nos dice que los participantes mostrarían un 26% más de cuadros con emociones positivas cuando no usan el formulario LeadGen. Esta es una forma increíblemente precisa de medir cuánto tiempo reaccionaría un participante a los estímulos. Como solo hay una diferencia de 10 cuadros, es un cambio muy pequeño en las reacciones. Resumen: 26 % más de fotogramas positivos sin la aplicación LeadGen La diferencia en los marcos no significa que los participantes la hayan pasado mucho mejor sin la aplicación LeadGen.

Respuesta Emocional - Negativa

Marcos negativos Por el contrario, en este gráfico podemos ver que el participante tuvo drásticamente (172 %) más emociones negativas sin usar el formulario LeadGen. Aunque el formulario sin LeadGen tenía marcos de emociones ligeramente más positivos, esta gran diferencia en las emociones negativas muestra que los participantes mostrarían su disgusto por el formulario sin LeadGen con más frecuencia. Resumen:
  • 172% más de emociones negativas sin LeadGen
  • La diferencia muestra la cantidad de negatividad que los participantes tendrían con el formulario sin LeadGen.

Respuesta Emocional - Atención

Suma del porcentaje de tiempo de permanencia (mirada) Este gráfico muestra cuánto tiempo mirarían los participantes las áreas de interés. Detallamos esto para que podamos medir dónde está su atención, podemos ver que con LeadGen tiene una diferencia del 68%. Esto significa que la atención de los participantes se centraría principalmente en las áreas de interés que muestran que el contenido del formulario los mantiene comprometidos. Resumen:
  • 68% más de atención en el formulario LeadGen
  • Muestra el formulario LeadGen que mantiene a los participantes comprometidos
 

Comentarios de usabilidad

¿Qué formulario le resultó más fácil de usar? - Cuestionario de diseño de formulario UX Preguntas ¿Qué formulario le resultó más fácil de usar? 1º o 2º ¿Por qué fue más fácil?   Resultados El primer formulario es sin la aplicación LeadGen El segundo formulario es con la aplicación LeadGen A los encuestados que preferían la aplicación LeadGen les resultó más fácil debido al uso de imágenes que permitían una mejor comprensión de las preguntas. Los encuestados que preferían sin la aplicación LeadGen lo encontraron más fácil ya que todas las preguntas se mostraban en una página y los usuarios podían completarlas más rápido. Con la aplicación LeadGen “Las ayudas visuales ayudan a llenar nuestro proceso”. “Era más visual, una pregunta por pantalla. También dio retroalimentación instantánea” Sin la aplicación LeadGen “Es más fácil si te sabes todas las preguntas desde el principio” "Estaba en una sola página, lo que facilitaba simplemente completar el formulario".  

Observaciones

Con los resultados del experimento, un punto que nos sorprendió de los participantes es que algunos de ellos habían preferido el formulario de texto puro más largo, ya que les resultó más fácil de completar y pudieron ver cuánto dura el formulario. Esto podría deberse a los hábitos de lectura de los participantes individuales. Algunas personas generalmente procesarán los elementos visuales más rápido que el texto y viceversa, debido a la gama limitada de encuestados, puede valer la pena intentar probar más en un grupo de muestra más grande para que podamos obtener resultados más precisos y una mejor comprensión de porque esto es ECONOMÉTRICOS Registro visual Áreas de interés Con la aplicación LeadGen Estadísticas e información clave de seguimiento ocular ECONOMÉTRICOS Registro visual Áreas de interés Sin la aplicación LeadGen Estadísticas e información clave de seguimiento ocular: sin la aplicación LeadGen  
Regístrese en el banner de la aplicación LeadGen

Sobre la autora

autor_imagen

cristobal lier, CMO aplicación LeadGen

Christopher es especialista en Optimización de Tasas de Conversión y Generación de Leads. Tiene experiencia en ventas corporativas y marketing y está activo en medios digitales durante más de 5 años. Persiguió su pasión por el emprendimiento y el marketing digital y desarrolló sus primeros negocios en línea desde los 20 años, cuando aún estaba en la Universidad. Cofundó LeadGen en 2018 y es responsable del éxito, el marketing y el crecimiento de los clientes.