Casi todos los recursos web están diseñados para recopilar información, el propósito puede ser la recopilación de aplicaciones, firmas, registros, así como la recopilación de datos personales de los clientes. En cualquier rama de eventos, necesitamos pasar por la etapa de llenar formularios web. Pensamos en cuál debería ser el formulario que tenga las conversiones efectivas máximas desde el comienzo del llenado hasta su envío final. Noto de antemano que la publicación está escrita con fines informativos con el fin de mostrar cómo se desarrollan los formularios con patrones oscuros que las campañas grandes usan "exitosamente" y en ningún caso requieren las acciones descritas en la publicación.
Recordemos que designaré los términos utilizados en esta publicación.
Patrones oscuros: una interfaz de usuario con mayores beneficios, no solo para el usuario, sino también para el propietario del recurso. La interfaz y la funcionalidad están ocultas para el usuario, mediante el método de menús ilógicos, una realidad inoportuna, inconsistente o una redacción borrosa, y se activa en el momento adecuado para el propietario. Según la redacción, puede comprender la suscripción automática al boletín de correo electrónico, la conexión de servicios pagos adicionales y el acuerdo en los puntos de uso de los datos de los cuales, según la lógica de las cosas, no deberían estar allí.
Etiqueta: nombre del campo de entrada para la información que indica el tipo y la lógica del formulario y la información que debe ingresarse en el formulario. Como regla general, se encuentra en la parte superior o lateral del formulario, pero también se puede ubicar dentro, lo que a su vez es una solución muy mala para llenar grandes cantidades de información.
Marcador de posición: sugerencias para ingresar en el formulario la información necesaria y específica, generalmente ubicada en el campo mismo y que desaparece cuando comienza a interactuar con él.
Casilla de verificación: un botón de interruptor que tiene 2 valores, sí o no (activar / desactivar).
Una vez que escribí un artículo en Medium sobre la usabilidad de los formularios web modernos: "cómo aumentar la conversión del formulario con usabilidad". Ahora no tocaré muchos aspectos que afectan la experiencia del usuario descrita anteriormente, sino solo los principios y principios que usaré en este ejemplo.
Me gustaría señalar que este tipo de recepción no es correcta y mejora la experiencia del usuario, sino que, por el contrario, conduce a su deterioro y molesta a los usuarios, pero en este caso queremos recopilar más aplicaciones e información del usuario, al exagerar estamos persiguiendo un objetivo avaricioso de beneficio para el propietario en En el marco del artículo teórico, en ningún caso insto a recurrir a estas técnicas. Es interesante que los patrones oscuros usen las mismas técnicas que la usabilidad y se basen en los mismos principios, pero tienen un propósito completamente diferente.
Desafío
3 campos de entrada estándar + formulario adicional en él (no tocaremos formularios adicionales ya que este es un tema separado del tamaño de un par de toneladas).
Número de teléfono, nombre del cliente, correo electrónico y un formulario separado con un breve.
Propósito
Completar el formulario lo más fácil posible y llevar a la presentación final por cualquier medio.
Prólogo
No nos gusta completar grandes volúmenes de texto, y es una sacudida especialmente escandalosa y posiblemente convulsiva a pesar de la gran cantidad de formularios que realmente no quiero completar, tampoco vemos la conveniencia obvia de completarlos, necesitamos resolver el problema y lo más rápido posible. Con base en estos juicios, podemos concluir que al tener un pequeño número de campos de entrada de información, necesitamos reducirlos al mínimo posible y hacer que las rutas de escape sean lo más inaceptables y dolorosas posible usando patrones oscuros.
Solución
Se decidió dejar solo un campo: el número de teléfono y, después de completar su entrada, mostrar los 3 elementos restantes. Campos opcionales: correo electrónico y un formulario separado para completar un informe específico por parte del cliente. También el segundo campo obligatorio del nombre del cliente. Por lo tanto, después de completar el número de teléfono, hacemos que el camino de partida llenando el formulario hasta el final sea lo más incorrecto y doloroso posible. Exagerar suena "Bueno, completé el número, no queda mucho", al igual que si el cliente está decidido y no pierde su tiempo para completar el informe, también ingresará un formulario por separado con el llenado del informe. Debido a la opcionalidad y al dolor de ingresar un kilo de información, hicimos el breve campo de entrada opcional y descolorido (no nos gusta completar grandes volúmenes de textos, especialmente si implican conclusiones y narraciones constructivas), por lo tanto, con el pretexto de introducir información pequeña, obtenemos varios veces ella más. Mostramos libertad de elección y la elección de ramas de eventos, pero en realidad no existe, ya que el informe se completará en cualquier caso, la única pregunta es qué tan pronto.
Siete de estos fraudes no tan complicados nos brindan una participación efectiva de los usuarios en el proceso de completar el formulario, Yandex y muchos otros servicios exitosos utilizan esta técnica.
Yandex en su servicio Yandex Money, cuando solicita una tarjeta de plástico física antes de completar el formulario de registro, no se nos dice que debemos pagar un servicio de un año de inmediato al realizar el pedido (para casi todos los grandes bancos, el costo del servicio parece un saldo negativo en la cuenta después de recibir una tarjeta de plástico física, pero Yandex fue más allá), así que después de completar todos los datos comenzando por el tipo más simple: ¿cuál es su nombre? antes de la serie y el número de pasaporte, antes de la confirmación final del pedido de la tarjeta, vemos que para el registro debe pagar el mantenimiento y la emisión, de lo contrario, si por esta razón se decide posponer el pedido, todo lo anterior deberá llevarse a cabo nuevamente, cortando así la ruta de salida de la acción .
Yandex: ofrece ingresar primero una información fácil, después de ser más específico y complejo, esencialmente lo atrae a un embudo, es más difícil salir de él con cada nuevo campo lleno, con el pretexto de nuestro cerebro en forma de futilidad de tiempo gastado o simplemente pereza para completar estos formularios nuevamente. Especialmente si una persona realizó manipulaciones físicas para que el pasaporte cayera en manos del propietario (incluso si fue a la habitación contigua para obtener un bolso con documentos) y la posterior introducción de información, todo esto fomenta la ejecución de la acción de pago del servicio en este mismo momento.
Distribución de atención y relación de etiquetas
Al estudiar las recomendaciones de usabilidad, la cantidad de puntos y elementos a los que debemos prestar atención, entendemos que la opción más satisfactoria es la ubicación de la Etiqueta en la parte superior del campo de entrada, por lo tanto, conducimos el vector de visión a lo largo de una línea vertical, sin rociar a lo largo de los lados de la pantalla.
Esta recomendación se mostró bien con grandes y medianos volúmenes de información para completar, ya que le permite al usuario no olvidar qué campo se ingresó o está activo en ese momento, y en caso de una entrada incorrecta, comprender qué era el campo y para qué estaba destinado. A su vez, esta técnica aumenta la cantidad de información leída y, con un pequeño número de formularios, puede desempeñar un papel muy malo si la usamos en un grupo de marcadores de posición.
Como solo tenemos 3 campos para completar, se decidió usar solo Marcador de posición como etiqueta, por la misma razón sin temor a que el usuario olvide la etiqueta del campo lleno y los datos serán específicos.
Autocompletar y Plantillas
Por supuesto, el autocompletado juega un papel muy importante en la formación de la experiencia del usuario, aumenta la conveniencia y la velocidad de resolución de problemas. Pero qué pasa si no existe, o si no hay datos para completar en el recurso, en este caso será una buena idea usar una plantilla, es importante no usar una plantilla de entrada para los campos donde esto no está dictado por la lógica clara y la precisión de los datos ingresados. En este caso, se usa un +7 estático y además en la plantilla, excluyendo la posibilidad de un error, queda ingresar (___) ___-__-__. Si el usuario ingresa la información sin prestar atención a la plantilla existente, es decir, el formulario - 89676552889, esta situación se corrige mediante la introducción de scripts js para corregir tales casos.
Como campo inferior, podríamos colocar el campo de suscripción para el boletín con la casilla de verificación activada de forma predeterminada, por lo que gracias al descuido del visitante, obtuvimos un punto +1 en la lista de correo electrónico, que también es un patrón oscuro.
Envío de formularios y atención
Es importante llamar la atención sobre un llamado a la acción al crear formularios, en nuestro caso, después del encabezado que explica el propósito del bloque de información en el recurso, colocamos la atención en el elemento de conversión, es decir, el botón "realizar un pedido", a través de la animación de microinteracción y resaltado debido al esquema de color . De hecho, desviando la atención de lo más importante, nos posicionamos en acción
Colocaciones
Con respecto a los textos que afectan el comportamiento, sin tomar la autoridad para decir cómo y qué textos afectan el comportamiento en forma expandida, diré de manera más breve y concisa que el texto del formulario - Ordenar, completar, llamar, no es satisfactorio en este caso (formulario de solicitud ) Pero específicamente en nuestro caso, una buena solución a este problema es la frase "Hacer un pedido", también en este lugar podría haber una inscripción: obtenga asesoramiento. Básicamente, este problema está asociado con las expectativas que siguen a la comisión de una acción, ya que obliga a realizar alguna acción difícil, o todo lo contrario, solo ayuda a resolver el problema y no la obligación de realizar algo.
Historia de vida
En mis días de estudiante, trabajando en la campaña de construcción, para los puestos de todos y de todo, tenía que hacer análisis de formularios web en el sitio de una empresa subsidiaria, se descubrió que el 70% de los usuarios comenzaron a completar el formulario y abandonaron el sitio sin completar ni dos campos.
Truco
En función de esta situación, colocamos el campo de número primero, designándolo como el más importante de los campos y, a primera vista, el único campo para completar, por la siguiente razón: cualquier usuario que comience a completar el formulario ingresará los campos de número, que para nosotros tiene el factor más importante de todos los campos restantes , estará listo para completar los restantes, si el usuario no completa los campos y no envía el formulario utilizando ajax, calculamos el tiempo de inicio del llenado y, si el formulario no se envía, dentro de 20 minutos, los datos del formulario son automáticamente esquí enviado al CRM del propietario. El mismo esquema se aplica cuando intenta finalizar una sesión en un sitio o cerrar una pestaña (uno de los tres escenarios).
Esta aceptación es, a su vez, un patrón oscuro y no le brinda lealtad al cliente como empresa. Este tipo de patrón oscuro viola los derechos de uso de datos personales. Con el fin de evitar una violación clara, hay una inscripción "Al enviar o comenzar a ingresar datos, usted acepta los términos de uso de datos personales", las características inconvenientes del acuerdo aparecen en letra pequeña cuando abre el acuerdo completo para el uso de datos personales.
Conclusión
A partir de esta publicación, quería razonar y transmitir la idea de cómo el formulario en sí podría ser intrusivo y útil para el propietario del sitio o la aplicación, con la máxima conversión teórica. Nosotros y nuestro equipo no usamos estos métodos, el tema de discusión fue un proyecto inexistente, en ningún caso no insto a recurrir a dichos métodos, el artículo está destinado a fines educativos y solo en forma de datos teóricos, excluyendo la posibilidad de uso práctico. Casi cualquier fraude con la técnica del patrón oscuro puede ser bloqueado por la usabilidad y el desarrollo de su producto en términos de usabilidad para mejorar la calidad de la experiencia del usuario.