Guías Interactivas de Productos – 3 ejemplos destacados

La competencia entre aplicaciones y productos web nunca ha sido tan feroz como ahora.

Tus herramientas favoritas tienen innumerables alternativas que intentan implacablemente ser mejores que sus competidoras. Aunque la funcionalidad de los productos es crucial en esta carrera, ser capaz de demostrar eficazmente el valor de tu producto ofrece una forma fácil de salir airoso.

En el mundo cada vez más importante de la educación sobre productos, las guías interactivas de productos se han convertido en una de las formas más eficaces de llevar a los usuarios a sus momentos «¡Aha!”. En este artículo, nos centraremos en la parte de las guías interactivas relacionadas con el onboarding de los usuarios de aplicaciones y productos web.

A continuación se presentan las principales cuestiones que discutiremos:

Sin más preámbulos, empecemos por definir qué es una guía interactiva de producto.

Crea guías interactivas desde cero y sin código:

Crea guías interactivas desde cero y sin código:

New call-to-action

¿Qué es una guía interactiva de productos?

Las guías interactivas de productos guían al usuario a través de los pasos que debe seguir para completar las tareas clave del producto. Las guías interactivas pueden ser muy eficaces cuando están bien hechas.

Cuando simplemente se nos da información (como en un tour), es natural que nos cueste retenerla. Es mucho más probable que retengamos la información cuando realizamos la tarea nosotros mismos, y las guías interactivas se sirven de ello.

Las guías interactivas de productos son muy similares a las experiencias de iniciación del usuario, que te llevan a través de los pasos necesarios para registrarte y utilizar un producto, como proporcionar una dirección de correo electrónico, establecer una contraseña, subir una foto de perfil, etcétera. Pero generalmente se consideran partes separadas de la experiencia de onboarding del usuario. 

Esto se debe a que la iniciación del usuario es una tarea única que debe completar un nuevo usuario, pero no necesita retener los conocimientos para completar esta tarea repetidamente. Las expectativas de los usuarios con respecto a la configuración y las guías interactivas también son muy diferentes. En el caso de la configuración, los usuarios suelen esperar que se les dé instrucciones bastante rígidas. Los usuarios suelen ser menos pacientes cuando se trata de utilizar el producto en sí.

¿Qué productos deberían utilizar guías interactivas?

qué son las guías interactivas de productos

Enseñar a los usuarios a utilizar los productos es siempre esencial para el éxito, pero la mejor forma de enseñar a un usuario a interactuar depende del producto.

En concreto, las guías interactivas de productos tienden a ser muy estructuradas y rígidas, por lo que funcionan mejor cuando, por lo general, sólo hay una única ruta que aportará valor al producto. Las guías interactivas son muy eficaces para ayudar a los usuarios a descubrir y comprender fácilmente los pasos de este tipo de productos.

Las guías interactivas pueden ser menos eficaces para productos más creativos, que ofrecen muchas opciones de trabajo diferentes.

Por ejemplo, una herramienta de diseño como Canva. Hay cientos de plantillas de diseño diferentes y miles de opciones de funciones distintas. Guiar al usuario a través de una tarea de diseño genérica es, por tanto, poco probable que le muestre cómo hacer lo que realmente quiere hacer.

Por eso, Canva empieza con un solo diseño en su guía interactiva de productos, algo que debes tener en cuenta: Puedes dividir las guías interactivas en diferentes partes. (Más sobre esto más adelante…)

Dicho esto, la utilidad de las guías interactivas no se limita al onboarding de nuevos usuarios, sino que también pueden utilizarse para informar a los usuarios existentes sobre actualizaciones y nuevas funciones. También puede dirigir las guías interactivas a diferentes segmentos de usuarios. Por ejemplo, puedes tener:

  • Guías interactivas para nuevos usuarios
  • Guías interactivas para todos los usuarios tras el lanzamiento de una nueva función importante
  • Guías interactivas para usuarios que llevan un mes utilizando el producto, pero que aún no han avanzado más allá de las funciones básicas, mostrándoles algunas de las cosas más complejas que pueden hacer
  • Guías interactivas para usuarios que vuelven al producto tras una larga pausa

Cómo hacer una guía interactiva en 5 sencillos pasos

Ahora bien, hay cuatro pasos para crear guías interactivas de productos que pueden hacerle destacar entre la competencia.

1- Comienza con tu métrica de valor

Las mejores guías interactivas de productos tienen como objetivo llevar a los usuarios a su momento «Aha!» – el momento en que el producto está aportando valor al usuario – lo más rápidamente posible.

En última instancia, ese momento depende del producto.

Tomemos Instagram como ejemplo.

¿El momento de «valor» se produce cuando te gusta la foto de otra persona, cuando publicas tu propia foto o cuando la foto que has publicado le gusta a otra persona?

Los Product Owners deben profundizar en sus análisis para identificar cuál es la métrica de valor de su producto. Este es el punto de compromiso que el usuario necesita alcanzar dentro del producto para comprender el valor que tiene para él. Después de ese momento, es más probable que sigan utilizando el producto en lugar de abandonarlo.

Por ejemplo, Twitter ha determinado que los usuarios que siguen al menos 20 cuentas en los tres primeros días de unirse a la plataforma tienen muchas más probabilidades de convertirse en usuarios habituales. Por lo tanto, su enfoque de onboarding se centra en conseguir que los usuarios lleguen a este punto.

Las guías interactivas también deben centrarse en permitir a los usuarios completar la tarea necesaria para alcanzar este punto de valor. En el caso de una tienda online, podría ser que el usuario incluyera su primer producto en la lista. Para un software de gestión de tareas, podría ser configurar y compartir la primera tarea. Como ya hemos dicho, todo depende de para qué esté diseñado el producto.

2- Define las barreras

ejemplos de guías interactivas de productos

A nadie le gusta que le den instrucciones demasiado fáciles; puede parecer condescendiente y una pérdida de tiempo. Una guía interactiva rígida puede parecer más una molestia que una ayuda si el camino hacia el éxito no tiene barreras que superar. 

Por ejemplo, no deberías necesitar la cámara del teléfono para saber cómo hacer una foto, cambiar a vídeo o alternar entre las cámaras delantera y trasera. Todos esos pasos deberían ser obvios desde la interfaz de usuario. Las instrucciones pueden ser útiles cuando se trata de funciones más sofisticadas, pero es probable que el usuario ya haya cumplido su criterio de valoración en este punto, así que ¿al menos le interesarán?

El onboarding debe centrarse en lo que (si es que hay algo) se interpone entre el usuario y su punto de valor, y luego diseñarse para guiar al usuario más allá de esos obstáculos. Identificar estos obstáculos probablemente requerirá un poco de investigación de usuarios, pruebas de usabilidad y ver dónde tienen dificultades. Este proceso no tiene por qué llevar mucho tiempo: los estudios demuestran que tendemos a identificar el 80% de los problemas de usabilidad en las cinco primeras pruebas de usuario.

Barreras comunes son:

  • Los usuarios desconocen las funciones más importantes, dónde están y cómo utilizarlas
  • Los usuarios no comprenden el valor que obtendrán al utilizar determinadas funciones
  • Los usuarios se saltan pasos importantes en el camino para completar una tarea vital
  • Ellos sobreestiman la dificultad de llegar a un punto determinado
  • Ellos no comprenden la terminología utilizada

Una vez identificados estos obstáculos, tendrá una buena idea de lo que debe incluirse en la guía interactiva (y de si ésta es la mejor forma de educar a los usuarios).

3- Design

Hay que prestar tanta atención al diseño de una guía interactiva como al producto en sí, ya que puede marcar la diferencia a la hora de tener un onboarding de usuarios exitoso.

Las mejores guías interactivas son las siguientes:

  • Claras – Explican al usuario con exactitud cómo utilizar las funciones y no recurren a jerga inexplicable.
  • Concisas – Los usuarios quieren llegar al punto de valor lo antes posible, por lo que las guías interactivas deben ser completas, pero lo más breves posible.
  • Interesantes – Las guías interactivas deben ser atractivas porque, por definición, requieren que los usuarios interactúen y completen tareas. Las tareas deben ser significativas, con la cantidad de orientación adecuada a la complejidad del paso en cuestión, gráficamente atractivas y utilizando un lenguaje apropiado.
  • Saltables – No todo el mundo quiere tener que completar una guía interactiva antes de utilizar un producto. Es posible que ya hayan utilizado el producto antes y que ya sean expertos. Aunque hayas identificado las barreras que existen para la mayoría de los usuarios, no todos se verán afectados por ellas.
  • Ofrecen Soporte Adicional – Por otro lado, para algunos usuarios la guía interactiva puede no ser suficiente y necesitar más soporte. Esto debe ser lo más claramente accesible en una guía interactiva, como por ejemplo, un recurso de chat en vivo.

4- Segmentación y personalización

Uno de los elementos clave que falta en tu contenido es la importancia de segmentar y personalizar los recorridos por los productos.

Esto implica crear diferentes recorridos para diferentes tipos de usuarios o casos de uso. La personalización puede aumentar significativamente la eficacia de un recorrido al satisfacer las necesidades específicas y el contexto de cada segmento de usuarios.

5- Desarrollo

Y llega la parte más difícil de todas.

Ahora no voy a hablar de cómo se puede utilizar JavaScript o CSS / HTML para crear una guía interactiva del producto para su aplicación web, lo que tomaría un tiempo.

Si el desarrollo in-house de la guía interactiva es tu única opción por el momento, está bien. Tu desarrollador sabrá qué hacer con tu diseño.

Sin embargo, si quieres crear el tour del producto por ti mismo, puedes utilizar un software de guía interactiva de productos no-code como UserGuiding, para crear el flujo de onboarding exacto que deseas.

Usar UserGuiding es tan simple como arrastrar y soltar, aquí está lo que he creado en menos de 10 minutos en nuestra plataforma favorita de streaming de vídeo, Youtube:

guía interactiva de productos en youtube

¿No me crees?

Puede probar UserGuiding en tu producto, totalmente gratis.

3 ejemplos de excelentes guías interactivas de productos

Ahora que conocemos los principios de una buena guía interactiva, ¿qué aspecto tiene en la práctica? Veamos tres ejemplos de productos web.

1. CitizenShipper

CitizenShipper es un mercado en línea de servicios de envío que opera en EE.UU. y ofrece diversos servicios de entrega y envío a usuarios finales.

También proporcionan a conductores autónomos y contratistas una plataforma en la que pueden hacer ofertas sobre los envíos de los usuarios finales. Dado que la parte de usuario final de su producto era sencilla y eran los conductores los que tenían dificultades para navegar, han decidido implementar una sencilla guía interactiva del producto para educar al usuario.

Como los conductores utilizan habitualmente plataformas móviles y de desktop, han creado dos guías interactivas distintas para cada plataforma.

En cuanto un nuevo conductor o contratista inicia sesión en CitizenShipper, se encuentra con una breve guía interactiva del producto:

Y a continuación, la versión móvil de la misma guía:

Con estas guías interactivas de producto que han creado con UserGuiding, CitizenShipper ha logrado un aumento del 25% en sus tasas de activación de usuario, lo que demuestra la influencia positiva de las guías interactivas de producto en las métricas de negocio.

Esto es lo que CitizenShipper hizo bien con su guía interactiva para web y móvil:

  • Creó guías interactivas separadas para las distintas plataformas
  • Fue breve y sencillo para captar la atención del usuario
  • Ayudó al usuario a completar la tarea, no limitándose a mostrarle los alrededores

2. Evernote

Evernote es una aplicación para tomar notas disponible como aplicación móvil, aplicación de escritorio y producto web. Con ella puedes crear listas de tareas, tablas, tomar notas y mucho más.

Vamos a registrarnos en Evernote y a acceder por primera vez al panel de control de su aplicación web. Como puedes ver a continuación, lo primero que aparece es un mensaje de bienvenida.

ejemplos de guías interactivas de productos evernote 1

Después de hacer clic en «Get Started«, se nos pregunta para qué queremos utilizar el producto. He elegido para crear una lista de tareas pendientes, y seguí a lo largo de la guía interactiva.

Ahora Evernote tiene varias funciones también, por lo que el hecho de que el producto nos pregunte lo que nos gustaría crear en primer lugar es un gran plus como para llevarnos a nuestro momento «Aha».

ejemplos de guías interactivas de productos evernote 2

Mientras creo mi primera lista de tareas, la guía interactiva me guía por el editor.

Lo que Evernote hace de maravilla es que no se limita a mostrar dónde están los elementos, sino que demuestra las diferentes cosas que puedes hacer con ellos mediante GIFs.

Me parece un diseño realmente increíble.

ejemplos de guías interactivas de productos evernote 3

A continuación se muestra otro ejemplo en el que se demuestran las distintas funciones de un elemento.

ejemplos de guías interactivas de productos evernote 4

En cuanto termine la guía de listas de tareas, aparecerá una lista de verificación de onboarding del usuario en la parte izquierda del panel de control, que puedes activar o desactivar.

Hay guías para cada función de Evernote, pero no son obligatorias. ¿Recuerdas que dijimos que las buenas guías interactivas se pueden saltar? Este es un buen ejemplo de ello.

La guía interactiva de la siguiente función comienza en cuanto haces clic en la tarea relacionada en la lista de verificación.

ejemplos de guías interactivas de productos evernote 5

Cuando termines todas las tareas, las guías interactivas terminan con un mensaje que dice «Congratulations» y te informa de que siempre puedes acceder a la ayuda. Fíjate en el cuadro de mensaje que aparece en la esquina inferior izquierda.

ejemplos de guías interactivas de productos evernote 6

Evernote hace un buen trabajo en:

  • Priorizar la guía interactiva de la función que los usuarios desean utilizar
  • Demostrar las funciones de los elementos
  • No empujar a los usuarios hacia las otras guías, sino darles una lista de comprobación que puedan seguir cuando quieran

3. Ninox

Ninox es una herramienta de gestión de datos basada en la nube con la que los usuarios pueden crear y mantener bases de datos.

Lo que hace que su guía interactiva del producto sea genial es la simplicidad de las guías. Cuando te conectas por primera vez al producto, «tu asistente» te asegura que te enseñará todo en unos pocos pasos.

ejemplos de guías interactivas de productos ninox 1

Y cumple su promesa al guiarte a través del panel de control principal en sólo cinco pasos. Una vez completados estos cinco pasos, aparece una lista de comprobación.

ejemplos de guías interactivas de productos ninox 2

¿He mencionado que las listas de comprobación son geniales?

Hay otra promesa en la lista de comprobación: dice que puedes empezar a utilizar Ninox en sólo tres minutos.

A medida que completes las tareas restantes, verás rápidamente las distintas partes del producto y comprenderás el valor que el mismo ofrece.

ejemplos de guías interactivas de productos ninox 3

Y, sinceramente, realmente te hace empezar con el producto en sólo tres minutos.

La capacidad de atención de los usuarios es más cortade lo que se piensa, por lo que hay que empujarlos hacia sus momentos «Aha» lo más rápido posible.

Ninox es un buen ejemplo de guía interactiva de producto por:

  • Prometer a los usuarios que no les llevará mucho tiempo (y cumplirlo)
  • Hacer que la guía interactiva sea sencilla y llevar a los usuarios a su momento «aha» en el menor tiempo posible

Una guía interactiva del producto es muy útil

Esperamos que, después de haber leído los pormenores de las guías interactivas de productos, no te queden dudas de los beneficios de las guías interactivas de productos bien ejecutadas en relación con el reto de crear el tipo adecuado de educación sobre el producto.

Un buen onboarding del usuario y una buena formación sobre el producto hacen que los usuarios empiecen a recibir valor de tu producto más rápidamente, lo que significa que es más probable que continúen utilizándolo y que estén más satisfechos con el producto. Esto ofrece oportunidades para realizar ventas adicionales, crear fans que defiendan su producto y mucho más.

Si bien esto es cierto para todo buen onboarding y educación de producto, las guías interactivas son únicas porque enseñan no sólo mostrando al usuario lo que tiene que hacer, sino haciendo que el usuario lo haga por sí mismo. Esto facilita la comprensión de conceptos difíciles y hace que lo aprendido sea más fácil de recordar.

Por eso, las guías interactivas son uno de los métodos más eficaces para formar a los usuarios.


Preguntas Frecuentes


¿Por qué debería yo utilizar una guía interactiva de productos?

Con el fin de educar a tus usuarios y empujarlos a sus momentos Aha, debes utilizar una guía interactiva del producto.


¿Cuándo debero utilizar una guía interactiva del producto?

Una guía interactiva de producto es necesaria durante el onboarding de un nuevo usuario, pero también puede ser utilizada para educar a los usuarios antiguos o después de un rediseño del producto.


¿Cuál es el mejor software para crear guías interactivas de productos?

Existen muchos programas de guía interactiva de productos en el mercado. Pero con UserGuiding, no sólo puede crear guías interactivas de productos, sino también listas de control de onboarding de usuarios, tooltips, encuestas y mucho más, sin gastar demasiado dinero.


¿Cómo es una buena guía interactiva?

Una buena guía interactiva es sencilla y eficaz al mismo tiempo, y muestra a los usuarios las características principales del producto sin saturar la experiencia del usuario.

Únete a más de 1.000 equipos que crean mejores experiencias

14 días de prueba gratuita, ¡con 30 días de garantía de devolución del dinero!

Selman Gokce

Selman Gokce

Selman Gokce es el Senior Inbound Marketer de UserGuiding. Está muy interesado en el onboarding de usuarios y la adopción digital, especialmente para SaaS, y escribe sobre estos temas para el blog de UserGuiding. Cuando no está escribiendo, se le puede encontrar escuchando bandas sonoras de LOTR mientras cocina o enfadándose porque ha perdido en un videojuego.