Microinacciones: pequeños detalles en la web que crean una gran experiencia de usuario

¿Alguna vez ha hecho clic en el botón en la web ... ¿está en silencio? ¡Eso es un problema!

¿Alguna vez te has sentido así? Vas a presionar el botón. "Confirmación de confirmación" lo más importante en el sitio web. Pero una vez presionado ... todo está "completamente tranquilo". No pasó nada. La pantalla no se mueve. No hay mensaje de notificación que tu corazón comience mareado. "Eh ... ¿ya lo he presionado?" "¿Se duplicará el dinero?" O al llenar el formulario. Inadvertidamente, un poco de incorrecto nada insinúa qué canales que se han perdido nuevamente, ¡la información se ha ido por completo! Estos sentimientos de frustración, confusión e incertidumbre. Es el problema que los usuarios realmente encuentran todos los días en el sitio web que se siente como "muerto" o "no animado" y es un factor importante que hace que los buenos clientes se vuelvan y se alejen en silencio.

‍

¿Por qué la mayoría de los sitios web "Lordless" y no pueden comunicarse?

Este problema surge porque la mayoría de las personas web (tanto diseñadores como programadores) tienden a centrarse en "imágenes grandes". Por ejemplo, la estructura de la página web debe ser hermosa, la característica principal debe funcionar, el color de la marca debe ser correcto. Todos los cuales son muy importantes, pero tienden a pasar por alto "pequeños detalles" en el camino, piensan que el botón de cambio de color al presionar o tener una pequeña animación al cargar los datos es solo una "decoración" que no es necesaria y que pierde el tiempo para hacer. Pero en realidad, estos detalles no son solo cosas hermosas. Es el "lenguaje corporal" del sitio web que se usa directamente para los usuarios. El sitio web "tranquilo" es como hablar con personas que no asienten en respuesta, no hacen contacto visual o sin ninguna reacción. Finalmente, no sabemos si nos está escuchando o no. Y esa es la razón por la cual muchos sitios web carecen de encanto y crean una experiencia incómoda sin saber

‍

Deje que el sitio web "tranquilo" continúe = deje que los clientes "escapen" todos los días

Tener un sitio web que "no puede comunicarse", más serio de lo que piensas. No es solo una cuestión de belleza. Pero afecta directamente a su negocio Imagine:

• La fiabilidad se reduce. HABB: Los sitios web que no tienen ningún comentario hacen que los clientes se sientan inseguros e inseguros. Especialmente al tener que hacer transacciones financieras, sentirán que este sitio web "no parece promoción" y puede ser un sitio web de estafa.
• Tasa de conversión Down: cuando el usuario no está seguro de si sus acciones son exitosas o no (como presionar el AGREGAR al automóvil), la oportunidad que abandonará también conocida como UX que hace que los clientes desaparezcan muy altos, dejará el sitio web a pesar de que eso ya está compras casi
• El usuario está frustrado y no quiere volver de nuevo: la mala experiencia siempre será enterrada en el corazón. Si su sitio web es difícil de usar y confuso, no tienen razones para volver a usarlo nuevamente. Cuando hay competidores que ofrecen mejores experiencias
• Imagen de marca dañada: el sitio web es la cara de su empresa. Si no parece prestar atención a los pequeños detalles, refleja que su marca también puede ser así. Esto destruye la autoridad y la confianza fácilmente acumulada.

‍

La solución es "micro internacional". El arma secreta que llena el sitio web.

Toda esta solución se llama "micro-internacional" (micro-interacción) . Hablando lo más fácil, son "los pequeños detalles o reacciones que ocurren cuando el usuario hace algo en el sitio web" para que los usuarios sepan que "ya sé lo que está haciendo". Y "Este es el resultado". Era un sitio web que solía "callar" en un socio de conversación inteligente.

Según los principios aceptados de expertos como Nielsen Norman Group, la composición del bien de la micro-internacional consta de 4 partes principales:

• 1. Disparador (estimulador): es la acción de los usuarios que inician la interacción, como hacer clic en el botón, desplazar la barra de desplazamiento, extraer la pantalla para actualizar
• 2. Reglas (Reglas): es lo que determinó que cuando el disparador está sucediendo, "lo que sucederá a continuación", como presionar el botón 'Me gusta', los números agregarán 1 y el icono cambiará a azul.
• 3. Comentarios (respuesta): es lo que el usuario "ve", "escucha" o "siente" que las reglas están funcionando, como ver un ícono de animación, tiene una animación que sale, escucha el "ting" suavemente o se siente un poco tembloroso.
• 4. Loopps & Modes (condiciones y bucle): es una regla adicional que el interactivo cambiará con el tiempo o se usará repetidamente, como el botón 'Me gusta' no se puede repetir. O si presionar nuevamente será diferente

El mejor comienzo es buscar los puntos más importantes en su sitio web, como el botón de llamada a la acción, el proceso de pago. O varias formas y comenzar a agregar "vida" o estos pequeños comentarios. Comprender la psicología detrás del diseño lo ayudará a crear microinacciones más potentes

‍

Ejemplos de lo real: cuando la forma aburrida se convierte en una herramienta para impresionar

Me gustaría dar un ejemplo de una compañía de software B2B que ha encontrado un gran problema. Los clientes vienen a la página "solicitar una cotización" mucho, pero completan el formulario muy poco. El equipo fue a inspeccionar y descubrió que su forma es larga y aburrida. Nada decía dónde llenar. O que canal esta mal

Qué hacer: decidieron revisar esta forma también. Microinacciones

• Antes de hacer: es una forma larga. Más de 10 canales en una página parecen desanimados.
• Después de hacerlo: cambiaron a forma de múltiples pasos, divididos en 3 pasos cortos con barra de progreso (retroalimentación), lo que permite al usuario saber que está casi terminado. Cada vez que completa la información correcta, una pequeña marca verde vibrará un poco y tendrá un borde rojo. Y transmitir mensajes (comentarios) y cuando el complemento del paso final, el botón "Datos" cambiará al cohete al cielo. Con el mensaje "¡Lo mejor! El equipo se apresurará a contactar dentro de las 24 horas".

Resultados: solo ajustalo. Estas microinacciones, la tasa de finalización de formulario, un aumento de hasta el 60% y también recibieron elogios de los clientes de que "es la experiencia de completar el mejor formulario de la historia". Este es un claro ejemplo de que la UX/UI es buena y se preocupa por los detalles. ¿Cómo puede la persona que está a punto de dejar la web en un buen cliente?

‍

¿Qué es lo que quieres hacer? Lista de verificación simple para su sitio web.

Lea aquí que probablemente desee comenzar a mejorar su sitio web, ¿verdad? Intente usar esta lista de verificación simple para comenzar de inmediato:

1. Explore los puntos de interacción clave: camine para explorar su sitio web como cliente. Y luego enumere dónde los usuarios tienen que "hacer" algo, como el botón Agregar al carrito, el botón de inicio de sesión, el cuadro de búsqueda, la formulación de formulaciones, la página de carga
2. Haga "Haga clic" Significado: Para varios botones, intente agregar el efecto de desplazamiento (cambie el color o un poco de tamaño al llevar el mouse al punto) y el estado activo (cambie el color o colapso un poco al presionar) para que el usuario sepa que "este botón se puede presionar" y "lo estoy presionando".
3. Dar comentarios al completar el formulario: agregar verificación de datos en tiempo real, como en la marca verde al llenar el marco barato y el rojo con el consejo al llenar de la manera incorrecta, no espere a que el usuario presione "enviar" y luego diga que está mal.
4. Cambie la página de carga aburrida para que sea útil: en lugar de que el usuario mira la pantalla blanca o los iconos podridos, intente cambiar a la pantalla de esqueleto (el esquema de la página web que se cargará) o la animación relacionada con su marca. Para reducir la sensación de espera
5. Cree un poco de felicidad (detalles deliciosos): trate de encontrar un punto para crear una sonrisa, por ejemplo, cuando los usuarios solicitan recibir noticias, puede haber una linda animación o al arrastrar el producto en la canasta, hay un "tung" suave. Estas cosas ayudan a crear muy bien las relaciones emocionales. Especialmente en empresas que necesitan alta credibilidad como el sitio web para los inversores

No tienes que hacer todo esto a la vez. Simplemente elija 1-2 como importante y comience a hacerlo. Las herramientas como WebFlow también tienen una herramienta de interacción que lo ayudan a crear estas cosas mucho más fáciles.

‍

Preguntas que las personas tienden a preguntarse (y la respuesta clara)

P1: Ingrese la animación o la micro-internacional ¿Se reducirán estos sitios web?
A: ¡Es una muy buena pregunta! La respuesta es "No, si se hace correctamente". Microinacciones La mayoría de ellos usan transiciones/animaciones CSS o archivos SVG, que son muy ligeros y no afecta la velocidad web en absoluto. Lo que debe evitarse es usar un archivo GIF grande o un script innecesario. La velocidad web es siempre el corazón.

P2: Es solo un hermoso juguete, ¿no? ¿Necesitas hacerlo?
A: ¡No! Como se explicó que su función principal es la "comunicación y retroalimentación" para reducir la confusión, aumenta la confianza y guiar al usuario a la meta, la belleza es solo un placer. Pero su verdadero valor es crear una excelente experiencia de usuario (UX) que tenga un efecto directo en la tasa de conversión y la lealtad del cliente.

P3: Si no hay base para escribir código, ¿puede hacer estas cosas?
A: ¡Por supuesto! Actualmente, una plataforma de creación de sitios web moderna, especialmente el flujo web, tiene una herramienta visual de animación y interactiva en la que puede hacer clic para crear resultados sorprendentes sin tener que escribir un código, incluso una línea. O si desea un resultado por encima del experto en diseño UX/UI , es un atajo para el éxito.

P4: Debería comenzar a agregar microinacciones. ¿Dónde está el mejor primero?
R: Comience con las "acciones de fabricación de dinero" o el punto más importante para su negocio primero, el botón de llamada a la acción (CTA) (como aplicar, pedido, contacto) y de información , porque la mejora de estos puntos afectará los resultados comerciales claramente y lo más rápido posible.

‍

Resumen: es hora de agregar "vida" a su sitio web. Luego cambie la audiencia a un cliente

En este punto, creo que ha visto que las microinacciones no son solo los "pequeños detalles" que se pueden hacer o no, sino que es la "clave" de la experiencia de usuarios impresionantes y diferentes. Es un puente que conecta la función web y los sentimientos del usuario. Cambie de relaciones incómodas en una conversación suave y confiable.

La inversión es efectiva para prestar atención a estos detalles. Es decirle a sus clientes que "nos preocupamos por usted". "Nos preocupamos por cada paso" y este sentimiento cambiará de solo "visitantes" a un "cliente" y finalmente se convirtió en "verdadero fan" de su marca

No permita que su sitio web sea solo un folleto en línea solitario. Intente levantarse para explorar su sitio web ahora y encontrar un "punto pequeño" que pueda agregarle "vida". Puede ser solo un botón y definitivamente te sorprenderá los excelentes resultados!

Desea que Vision X Brain lo ayude a "llenar su vida" al sitio web también. Microinacciones que son hermosas y crean resultados comerciales, ¿verdad? ¡Consulte a nuestros expertos gratis! ¡Estamos listos para cambiar su sitio web para crear una experiencia notable hasta que los clientes tengan que sorprender!

‍

‍