HOW WE THINK

Behind our thoughts.

Straight from our minds to our blog to provide our audience valious insights.

scroll

¿Cómo influye el microcopy en la experiencia de usuario?

Autor: Laura Barrantes
Tiempo de Lectura: 7 minutos

 

Algunas veces podemos sentirnos perdidos usando un sitio web, o quizá hemos instalado una aplicación y no sabemos realmente cómo lograr nuestro objetivo en ella, aunque no lo creas, una de las principales causas de esto, es la falta de un buen microcopy capaz de orientarnos durante la navegación.

 

Muchas veces prestamos especial atención a cómo luce una interfaz y dejamos de lado la importancia que tienen las palabras al ser estas las que transmiten el mensaje deseado. Es aquí donde entra en juego el microcopy para garantizar una experiencia agradable facilitando la comunicación efectiva.

 

Primero recordemos que el microcopy son todos aquellos textos breves que acompañan al usuario a ejecutar acciones y dar el feedback necesario:

 

  • Botones
  • Mensajes de confirmación
  • Mensajes de error
  • Estados vacíos
  • Placeholders 
  • Tiempos de carga

 

Además abarca aquellas pequeñas frases que sirven de guía en los procesos que usualmente se deben llevar a cabo:

 

  • Iniciar sesión
  • Registrarse
  • Recuperar contraseñas
  • Suscribirse a un blog
  • Enviar un mensaje

Veamos algunos aspectos en los que influye el microcopy en la experiencia que se puede percibir al hacer uso de cualquier interfaz, y ¿…por qué cualquier interfaz…? bueno, porque cada una con la que tenemos contacto representa un mediador que facilita la comunicación.

 

     1. Facilidad en la toma de decisiones

Para facilitar la toma de decisiones es necesario identificar los momentos en la navegación que requieren de decisiones determinantes y dedicarles especial atención, así podremos construir las frases de acompañamiento necesarias para transmitir un sentimiento de seguridad e impulsar la ejecución de las acciones que deseamos.

 

Estas frases de acompañamiento por lo general podemos encontrarlas en tooltips, títulos potenciadores, mensajes de aclaración, o incluso botones. Una buena práctica es el uso de frases que indiquen el valor que se obtendrá al ejecutar una acción, veamos un ejemplo de esto.

 

Microcopy botones

 

“Completar registro” puede sonar como un proceso complicado y extenso, sin embargo “Empezar ahora” motiva e indica el beneficio que se alcanzará; iniciar rápidamente.

 

     2. Permanencia

Al entablar una buena conversación creamos una conexión agradable con quien nos relacionamos, lo mismo pasa al interactuar con una interfaz capaz de “entendernos”, establecemos en el momento un vínculo que permite una interacción placentera.

 

Para conseguir la creación de este vínculo necesitamos entender a los usuarios y emplear un tiempo prudente para estudiarlos e identificar sus principales comportamientos, esto brindará el insumo necesario para crear el contenido que logre “engancharlos” a la interfaz según sean sus exigencias.

 

Por ejemplo, si identificamos que los usuarios poseen un sentimiento de inseguridad respecto a los procesos de pago en línea, posiblemente el toparse con el ingreso de sus datos sea razón suficiente para que abandonen inmediatamente la interfaz, he aquí entonces la oportunidad de implementar un microcopy que disminuya el temor para que logren permanecer y así completar el proceso de forma exitosa… Veamos…

 

Pago Microcopy

 

A la izquierda intentamos simplificar lo máximo posible el diseño, sin embargo, disminuir las palabras usadas podría causar inseguridad y duda sobre la credibilidad del sistema.

 

A la derecha, implementamos el microcopy de diferentes maneras:

  1. Se empleó un mensaje garantizando la seguridad en el manejo de los datos.
  2. Con el uso de placeholders creamos una guía visual sobre lo que debe ser ingresado en cada uno de los espacios.
  3. Modificamos la acción del botón para que indique el beneficio obtenido e implementamos un título más específico.
  4. Agregamos un tooltip instructivo sobre el CVV.

 

Con estos pequeños ajustes, sin duda, el usuario tendrá una experiencia más fiable con este proceso.

 

     3. Manejo de errores

Sabemos que las interfaces deben ser lo suficientemente intuitivas para que el usuario pueda navegar sin interrupciones, sin embargo, todo sistema se encuentra propenso a fallar, es inevitable que ocurra algún tipo de error que represente un punto de dolor significativo, por lo tanto debemos intentar disminuir la frustración que pueda provocar para que no afecte de forma negativa la experiencia del usuario. ¿Cómo lograrlo? por medio de un microcopy que le permita abordar el error de la mejor manera.

 

Para que un mensaje de error sea apropiado debemos contemplar tres aspectos fundamentales:

  1. El uso de un lenguaje sencillo acorde al contexto de los usuarios, y evitar el uso de términos técnicos que puedan provocar confusión.
  2. Indicar lo que está ocurriendo para que se pueda tomar el control sobre la situación.
  3. Indicar cómo puede ser solucionado para que el usuario pueda continuar su recorrido por la interfaz y disminuir la probabilidad de abandono.

Veamos un par de ejemplos…

 

Error Microcopy

 

El uso del mensaje “Dato inválido”, podría confundir sobre el origen del problema y abandonar en el intento, por el contrario el mensaje “Le faltan algunos dígitos a tu número de tarjeta, intenta de nuevo” indica cómo abordar la situación, revisar nuevamente la tarjeta y verificar cuáles son los dígitos faltantes.

 

Resultados Microcopy

 

Otro error común es realizar una búsqueda y obtener el resultado “No hay coincidencias”, pero ¿realmente no las hay?, muchas veces el sistema no puede saber con exactitud qué es lo que se está buscando, pero puede tener aproximaciones, el uso de sugerencias nos dará la opción corregir el error que se cometió, o bien si es el caso, seleccionar alguna de las sugerencias dadas por el sistema.

 

     4. Conectar con el producto o la marca

El hecho de que tengamos una experiencia agradable en nuestro primer contacto con una interfaz, hace que las posibilidades de que volvamos a usarla aumenten en un 82%. Con el uso de las palabras adecuadas, el microcopy puede fortalecer positivamente el vínculo que pueda ser generado con esta primera y fundamental impresión.

 

Un buen ejercicio es construir preguntas o frases con las que nuestra audiencia puede identificarse, preguntas tan personalizadas que no puedan limitarse a responder. Estas preguntas las podemos implementar en momentos influyentes, un ejemplo claro son los procesos de inicio de sesión y registro, si bien puede ser un proceso incómodo para muchos, podemos trabajarlos de manera que se torne una amigable bienvenida al producto.

 

Veamos un ejemplo…

 

Login Microcopy

 

A la derecha tenemos la común pantalla de inicio de sesión que solamente solicita el ingreso de los datos (y lo sabemos porque identificamos los inputs).

 

A la izquierda, cambiamos el frío título por un saludo, con esto conseguimos que la interfaz se perciba más amigable sumado a la pequeña instrucción que hace que sea más comunicativa, implementamos también una pregunta que capta la atención de aquellos que aún no disponen de una cuenta “¿Aún no tienes una cuenta?” pues no pasa nada, simplemente selecciona “Crear mi perfil”. 

 

Entonces, ahora que vemos el gran aporte que nos brinda el microcopy a pesar de su sutileza, veamos cada palabra que escribimos como una oportunidad única para comunicarnos con quien está frente a la pantalla, creemos interacciones naturales. A través de las palabras podemos ser transparentes con el usuario y mantenerlo al tanto de lo que pasa en la interfaz. No sacrifiquemos las palabras, comuniquemos lo necesario para que conseguir plasmar una experiencia agradable.

 

Scrum y equipos de diseño

August 18, 2020

El valor de la investigación en el desarrollo de nuevos productos

July 22, 2020

¿En qué momento crear un Design System? Según la escala del proyecto

July 16, 2020

This website uses cookies

We use cookies to personalise content and ands, to improve the usability, provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics parteners who may combine it with other information that you’ve provided to them or that they’ve colleted from your use of their services. You consent to our cookies if you continue to use our website.

OK SETTINGS

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages. You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.