Tour del Producto: Cómo crear guías para tu aplicación

Cuando un nuevo alumno llega a clase, el profesor asigna a alguien para que le haga una visita guiada por la escuela.

El primer día en tu nuevo trabajo, hay una visita guiada por la oficina.

Visita a un parque temático, hay señales para que aproveches al máximo tu visita.

Básicamente:

Cuando hay algo nuevo, hay alguien o algo que te guía.

Lo mismo ocurre con los productos online.

Ya sea SaaS o no, B2B o B2C, no importa: presentar el producto es la máxima prioridad.

Si quieres que tu producto sea atractivo y que tus clientes sean fieles, tienes que darles toda la información necesaria.

Así como una cálida bienvenida en cuanto interactúen con tu producto.

Así pues, esto es lo que vamos a analizar en detalle en este artículo:

• Qué es un tour de producto,
• la eficacia de las visitas guiadas,
• Por qué tu producto necesita un tour,
• 3 pasos clave para crear el mejor tour de producto,
• Increíbles ejemplos de tours de productos, 
• Las mejores herramientas para crear un tour de producto a prueba de fallos

¿Qué es un tour de producto?

Un tour de producto es un patrón de UX de onboarding utilizado para guiar virtualmente a los usuarios a través de los fundamentos y las funciones necesarias de tu producto. Los tours de producto deben ser definitivos, claros y sencillos para que los usuarios se muevan a lo largo del viaje de usuario sin problemas y lleguen al momento "¡Ajá!" rápidamente, sin sentirse agobiados. Los tours de productos ayudan a aumentar la adopción de funciones y productos, a mejorar la experiencia del usuario y a facilitar el proceso inicial de onboarding.

También tienen formas diferentes:

Hay tours del producto interactivos, tours del producto guiados y tours del producto en autoservicio.

Y además, en ocasiones llamamos a los tours del producto de forma diferente, desde guías de pasos y guías de aplicaciones hasta recorridos del producto y recorridos interactivos.

Se llame como se llame, el caso de uso principal es sencillo:

👉 Aumentar la adopción de funciones del producto y la satisfacción del cliente mejorando la experiencia de los clientes y usuarios potenciales con un mejor proceso de onboarding.

Los tours de producto son esenciales por muchas razones diferentes relacionadas con el compromiso del cliente y la satisfacción del usuario. Cuando se utilizan junto con las herramientas necesarias o a través de una herramienta de terceros, es posible supervisar a los usuarios activos, los diferentes segmentos de usuarios, los comportamientos de los usuarios y el proceso general de onboarding.

Por ejemplo, ver dónde el usuario abandonó el tour o pasó por el tour más de una vez facilitará la comprensión de dónde tienen dificultades los usuarios y hará que la solicitud de comentarios de los usuarios tenga más sentido.

¿Cuál es la eficacia de los tours de productos?

Como he dicho antes, casi cualquier producto online necesita un tour de producto, si no un flujo de onboarding de producto más complejo o guías interactivas.

Pero cuidado: un tour de producto demasiado complicado puede ser contraproducente.

Como he dicho antes, los tours de producto deben ser:

👉 Definitivos,

👉 Claros, y

👉 Sencillos para que funcionen como se pretende.

Por lo tanto, no hay que recorrer todo el producto de una sola vez, no hay copia complicada, y no hay tareas de onboarding extrañamente específicas.

Un tour de producto es efectivo siempre y cuando pueda entregar los "porqués" y "cómos" de un producto.

Pero antes de profundizar en estos "porqués" y "cómos", vamos a aclarar los 3 aspectos básicos de las visitas guiadas de productos:

Cómo hacer que una guía de productos sea eficaz - los 3 puntos básicos

1- Asegúrese de que el tour es definitivo

Esta es la más obvia de las tres.

El objetivo de un tour de producto, tal y como lo conocemos, es presentar el producto (o la nueva función) al nuevo usuario/cliente.

Pero eso no significa que se pueda optar por cualquier tour de producto.

Cuando se trata de onboarding, la acción significativa puede ser más esencial de lo que se piensa.

Si tus usuarios activos están expuestos a un tour de producto que dice "haz clic aquí" 10 veces seguidas sin explicar por qué no habrá una undécima vez; no irás más allá de molestar a los usuarios, y acabarán convirtiéndose en usuarios inactivos.

Y acabarán convirtiéndose en usuarios inactivos.

No es el mejor escenario, ¿eh?

2- Asegúrate de que las instrucciones son claras

La información de los pop-ups o pantallas de onboarding tampoco debe ser larga.

Piensa en la última vez que hiciste un tour de producto; ¿qué es lo que más te preocupaba? ¿Qué quería hacer y qué no quería hacer?

Puede que no lo recuerdes ahora, pero déjame decirte que seguramente no querías leer párrafos para entender cómo usar una simple función.

Cuando hago una visita a un producto, trato de entender cómo utilizarlo...

Cuanto más rápido, mejor. 🚀

Realmente no quieres escuchar una historia mientras intentas averiguar cómo crear una nueva tarea en un software de gestión de equipos.

En este momento, estás en fase de onboarding.

Necesito saber cómo puedo añadir miembros a la tarea que he creado, no cómo personalizar el panel.

Pero necesito saber cómo buscar ayuda cuando la necesite.

Así que, amigos, aseguraos de ser directos.

Igual que Vieworks:

‍

3- Asegúrese de que es sencillo

La última clave para el éxito de un tour de producto, especialmente un tour inicial de onboarding, es mantenerlo simple.

Como he dicho antes, no recordaré nada al final del tour si estoy sobrecargado de información desde el principio.

👉 Permítanme compartir con ustedes una simple experiencia personal:

Antes me encantaban los juegos offline súper pequeños. Esos juegos adictivos y cursis, ya lo sabes.

Cuando abría los juegos por primera vez, me bombardeaban con constantes ventanas emergentes. Me mostraban dónde tenía que hacer clic para ver el menú, los logros, los objetivos, las tareas, la tienda, los ajustes... todo seguido.

Nunca completé ningún logro.

Porque nunca recordaba dónde hacer clic. Si tan sólo aparecía una ventana emergente después de que, sin querer, eliminara un logro.

Los juegos nunca se me quedaban grabados. Los borraba para cuando terminaba mi viaje.

Ahora bien, este es el caso de un juego pequeñito.

Así que imagina cuánta gente y cuántos beneficios potenciales perderías sólo porque el tour de tu producto es demasiado complicado.

¿Por qué no mantenerlo contextual y oportuno?

Prueba a utilizar una checklist de onboarding. Vieworks también lo hizo:

¿Por qué tu producto necesita una visita guiada?

Ahora que hemos hablado de lo que es un tour de producto y de lo efectivos que pueden ser los tours de producto, vamos a profundizar un poco más en el ámbito de los tours de producto y preguntarnos:

"¿Qué es lo que hace necesario un tour de producto para mi producto?"

He aquí 4 razones que se me ocurren:

1- La gente necesita un poco más que un diseño grande y claro

Puede que pienses que tu producto es lo suficientemente claro sin necesidad de una guía, pero no olvides que eres tú quien ha creado el producto y conoces todos los signos de puntuación que contiene.

No es prudente suponer que tus clientes potenciales sabrán cómo utilizarlo.

No lo entenderán todo de un vistazo.

Por ejemplo, cuando te registras en UserGuiding, te dan la bienvenida con un tour del producto.

Algunas funciones son bastante obvias, aunque la guía facilita la localización de las funciones.

Como éste:

Si no fuera por la guía interactiva, yo nunca sabría que UserGuiding tiene una extensión para Chrome.

Y yo, tan torpemente, hice clic accidentalmente en ''salir'' antes de conseguir terminar los pasos.

Hasta que me di cuenta de que podía volver a hacerlo:

Además de ser súper útiles, estos botones tampoco ocupan mucho espacio.

Para aquellos genios que hayan entendido el producto sin la guía:

¡Buen trabajo!

Pero siempre es seguro asumir que al menos uno de tus usuarios será al menos tan torpe como yo.

Para los que necesitan la guía, es bueno tener una opción de tours del producto en todo momento.

2- Ahorra mucho tiempo

Un tour de producto puede ahorrarte mucho tiempo a ti y a tus usuarios.

Según una encuesta, el 67% de los clientes prefieren autoexplorarse en lugar de pasar mucho tiempo con un representante.

Personalmente odio, odio, odio las llamadas telefónicas.

También tengo muy malas experiencias con las herramientas de mensajería dentro de la aplicación.

Una vez estaba intentando hacer una pregunta a Sprintax para averiguar por qué no podía presentar mi declaración electrónicamente, y me pasé 20 minutos intentando averiguar que uno de los PDF no era lo suficientemente claro.

Si al menos esto estuviera indicado en las FAQ, ¿no?

En cuanto al tiempo que te vas a ahorrar:

Cuepath consiguió reducir las llamadas de soporte en un 72% después de 6 meses de crear tours de productos con UserGuiding.

El departamento de atención al cliente debió respirar hondo tras integrar un tour de producto con UserGuiding en su plataforma. 😎

3- Te ahorra mucho dinero

Los tours de producto exitosos te ahorran dinero de muchas maneras diferentes:

👉 Dado que los clientes potenciales son más propensos a comprometerse con tu producto gracias al tour de producto, tendrás menos posibilidades de perder ingresos potenciales.

👉 Tendrás una menor carga de trabajo en el servicio de atención al cliente y en la asistencia al cliente y no tendrás que aumentar el número de empleados.

👉 No tendrás que contratar desarrolladores o ingenieros informáticos ni ocupar el tiempo de tus desarrolladores para crear una guía para ti cada vez.

Si no buscas algo extremadamente específico y completamente original, existen herramientas personalizables que te ayudan a crear guías de productos.

Para algunas de ellas ni siquiera tienes que saber nada de codificación.

Hablaré de esas opciones más adelante en el artículo.

4- Te hace parecer más fiable

Pensemos:

Si fueras a un restaurante, le pidieras al camarero/camarera una recomendación, y se quedaran mirándote fijamente, ¿sería probable que volvieras allí?

Probablemente no lo haría.

Una vez fui a una cafetería turca en Estambul.

Había unos 15 tipos diferentes de café turco, que ni siquiera sabía que existían.

Le pregunté al camarero cuál me recomendaban si quería beber algo suave, y no sólo me recomendó uno perfecto, sino que también me dio información sobre los antecedentes de los diferentes tipos de café turco y cómo se elaboraban.

Nunca he bebido café turco fuera de esa tienda.

Una vez también derramaron accidentalmente un poco de agua sobre mi ropa. Pero aun así, ya me había enamorado del lugar.

Lo mismo ocurre con los buenos product tours.

Llevar al cliente directamente al punto que necesita hará que confíe en ti. Evitarles la carga de intentar averiguarlo todo hará que quieran quedarse con usted.

Si has preparado un buen tour del producto, claro.

Ya he dicho que una mala presentación del producto puede ser (y será) contraproducente. Así que echemos un vistazo a cómo puede crear un buen tour de producto:

3 pasos clave para crear los tours del producto perfectos

Tanto si se trata de un simple tour del producto digital que introduce a los usuarios en las funciones principales, como si forma parte de una amplia experiencia de onboarding del producto diseñada para ofrecer orientación contextual...

Hay muchas formas de mejorar las experiencias de producto y ofrecer bonitas guías de usuario.

Echemos un vistazo.

1- Conocer y moverse de acuerdo con tus funciones clave

A lo largo del artículo, ya he mencionado que un buen tour de producto debe ser definitivo.

Entonces, ¿qué debe definir?

El producto, por supuesto, pero ¿qué parte de él exactamente?

Definitivamente, no todo a la vez. 🤨

Una buena guía de producto debe centrarse en las funciones clave de tu producto, en primer lugar. Pero también debe dar pistas explícitas en cuanto a una simple pregunta:

¿Qué pueden lograr los usuarios con tu producto?

Por ejemplo, si yo tuviera que hacer una guía introductoria del producto para YouTube, lo haría:

• Señalar dónde está la pestaña de búsqueda,
• Dónde está la biblioteca,
• Dónde están las suscripciones, y
• Cómo suscribirse a los canales.

Todo ello asegurándose también de mostrar lo fácil que es hacer todo eso para que los usuarios sepan que pueden realizar acciones clave CON facilidad.

Por ejemplo, definitivamente no guiaría a alguien que acaba de descargar YouTube a través de Youtube Creator Studio a menos que haga clic en él y active un elemento de clic a acción. Que es la guía de Studio.

Esto nos lleva al segundo paso:

2- Una talla no sirve para todos

No todo el mundo puede necesitar utilizar las mismas funciones de tu producto.

Por decirlo de la forma más sencilla posible, un gestor de productos y un ingeniero de software pueden necesitar conocer aspectos diferentes del producto.

¿Qué haces entonces?

Creas un botón o una ventana dentro de los tours del producto que lleve al siguiente paso necesario.

Así de fácil.

Esto te ayuda a evitar la carga de información innecesaria y aumenta las posibilidades de que la guía sea realmente útil.

Al fin y al cabo, no todo el mundo es aficionado a los tours de productos.

Por lo tanto, también deberías tener en cuenta la posibilidad de añadir un botón de ''saltar'' a tu guía de productos.

Recuerda: es mejor abandonar la guía y pasearse libremente por el producto que abandonar el producto por culpa de una guía aburrida y larga.

Obviamente, esos clientes testarudos y necesitados tendrán que volver a pedirte ayuda cuando estén atascados. 

Qué es lo que haces entonces? 🤷♀️

Te he entendido:

3- Asegúrate de proporcionar más ayuda

Ya que has leído hasta aquí, no siento la necesidad de hacer largas explicaciones.

No quiero ser yo mismo el guía aburrido.

Así que vamos a hacer una lista rápida:

• Los checklists ayudan a dividir un largo tour en pasos, lo que hace posible tomar descansos y hacer un tour libre del producto.

• Los centros de ayuda son más llamativos y amigables que las páginas de ''contacto'' o ''preguntas frecuentes'' que se esconden en la parte inferior de un sitio web.

Los tours de productos lineales no son la única opción. Puedes hacer algo más que mostrar ventanas emergentes automáticas aquí y allá.

Debes ser un poco más creativo.

Utiliza hotspots, por ejemplo, para añadir algo de sabor a tu ya increíble producto.

La mejor forma de crear tours del producto perfectos

Todo lo relacionado con la creación y la realización de un tour de producto suena innegablemente increíble, ¿verdad?

Entonces, ¿por qué no hacer que la creación del tour sea aún más divertida?

En la mayoría de los casos, la creación de un tour de producto requiere dos de todos:

• Un desarrollador de sobra que esté dispuesto a crear Y mantener el tour de productos
• Mucho tiempo y paciencia
• Un buen presupuesto que pueda permitirse incluso contratar a un nuevo desarrollador

Pero bueno, conozco una forma de eliminar las tres... 🤫

Permíteme presentarte a UserGuiding: la herramienta de tour de producto más sencilla que lo hace todo.

Antes de que digas nada, es posible que quieras escucharlo de clientes reales.

Y para que quede más claro, he aquí por qué UserGuiding es la mejor herramienta de tour de producto:

✅ Puedes crear modales, tooltips y hotspots, todo con una sola herramienta,

✅ Puedes crear listas de control, centros de recursos y mensajes in-app para reforzar aún más el tour con UserGuiding,

✅ Puedes personalizar completamente el tour y los añadidos según tus propias necesidades y deseos,

✅ No tienes que saber nada de codificación; ¡UserGuiding es 100% libre de código!

✅ Puedes segmentar el tour según las necesidades de tus clientes, en pocos pasos,

✅ Puedes tener acceso a análisis avanzados de tus tours de producto y otros patrones de experiencia de usuario de onboarding,

y... ¡UserGuiding es la herramienta de tours de productos más asequible y más capaz!

¿A qué esperas?  Mejora tu producto ahora mismo.

Ejemplos de tours de productos interesantes

He mencionado las empresas que han hecho un buen trabajo con sus tours de productos, como Vieworks y Cuepath, y cómo han trabajado hacia el éxito ya.

Ahora vamos a ver algunos ejemplos más interesantes de los mejores tours de productos por ahí.

Plandisc

¿Recuerdas los calendarios con forma de esfera que teníamos los niños?

Imagínate que eso fuera una plataforma online en la que pudieras ver todo un año de planes en una esfera planificadora. Esto es lo que es Plandisc.

Un producto que puede ser utilizado por todo el mundo, como Plandisc, consigue cientos de nuevas inscripciones cada día.

No debería ser una sorpresa que necesiten una visita al producto en línea, ya que no querrían programar visitas individuales para miles de personas.

Y eran conscientes de esta situación.

Así que empezaron a utilizar UserGuiding y crearon visitas guiadas de productos totalmente personalizadas.

Primero, una ventana emergente te pregunta sobre tu campo de trabajo para ofrecerte la mejor opción de Plandisc.

Después, recibes una cálida bienvenida.

Es importante que la guía esté en sintonía con el tema del producto.

A continuación, comienza el tour.

Sólo 8 pasos, sólo las cosas más importantes descritas, como por ejemplo, cómo crear una nota en el disco. No se incluye nada del otro mundo.

Pero si cierras accidentalmente la guía o necesitas algo más que lo básico, también tienen un checklist del tour que te ayuda a seguir el camino cuando quieras, una y otra vez.

Los tours de productos no sólo se realizan durante el onboarding, ya he mencionado el uso de hotspots para anunciar las actualizaciones, ¿recuerdas?

Plandisc también utiliza hotspots.

Mientras que su retención creció gradualmente gracias a los tours de producto que facilitaron el onboarding de los usuarios, los hotspots mostraron resultados inmediatos y la compañía tuvo un 15% de incremento en una función que destacaron con un hotspot.

Heap

Heap es una herramienta de análisis de producto, y déjame decirte que para alguien novato en el mundo del análisis de producto, configurar una herramienta como Heap podría ser incluso extremadamente difícil y complicado...

... si no fuera por su increíble tour de producto.

Entremos de lleno en los detalles:

Como todo gran tour de producto, éste comienza con una cálida bienvenida y un rápido resumen.

Junto con el resumen, el tour te pide información muy específica como:

Estas preguntas ayudan a los usuarios a expresar sus objetivos y a la empresa a segmentar a los usuarios.

Sólo después de esto comienza la guía detallada:

La definición es bastante corta y directa.

Justo como se supone que debe ser.

Es importante que la guía del tour del producto siga ayudándote cuando aparezca una pantalla adicional.

Heap ha hecho un excelente trabajo al decir a sus usuarios que sólo escriban el nombre y no se peleen con los detalles.

Además, es importante indicar claramente a los usuarios dónde pueden encontrar más ayuda.

Esto es lo que viene al final de su tour de producto, y seguro que fue un alivio ver una pantalla de ''más ayuda''.

Tomen nota, todos. ✍️

Y otra función imprescindible de un tour de producto:

Ya he explicado unas cuantas veces por qué es vital un centro de ayuda o checklist.

En resumen, Heap ha hecho un buen trabajo con su tour de producto.

Hicieron posible simplificar un producto que tiene demasiadas funciones y ayudaron al usuario en sus primeros pasos.

Flourish

Flourish es una herramienta que permite recoger opiniones, no con una herramienta adicional, sino a través de Microsoft Teams, Slack y Facebook Messenger.

Si utilizaras la herramienta, esperarías que fuera sencilla.

Esperarías que simplificara todos los procesos, incluida el tour del producto.

Por eso su tour de productos es definitivo, sencillo y claro, es decir, un buen tour de productos.

Ya sabes cuál es la primera funciones imprescindible: la cálida bienvenida.

Y después del modal de bienvenida, no tienes que digerir todo de una vez.

Puedes volver a las páginas del tour.

Desde el checklist, puede iniciar diferentes tours.

Seguro que ya has comprendido el punto:

👉 Un tour de producto debe ser amigable,

👉 Un tour de producto debe ser definitivo, sencillo y claro,

👉 Un tour de productos debe ser de fácil acceso.

Pero, ¿hay que saber codificar para añadir todos estos pequeños detalles? No.

Necesitas tener montones de dólares para permitírtelo? Absolutamente no.

¿Pero cómo?

Si sientes que necesitas construir un tour de producto, o tal vez, un mejor tour de producto, aquí hay 3 maneras de construir uno para tu producto:

Los mejores softwares para crear tours interactivos

Solía pensar que tenía que aprender a codificar para tener un lugar en cualquier industria técnica.

Lo sé, ¿verdad?

Menos mal que mucha gente, incluido el director general de Flourish, me demostró que estaba equivocado.

Nadie tiene que ser un experto desarrollador o ingeniero. Al menos no para crear tours de productos para su producto.

Veamos las formas sin código, de bajo código y totalmente orientadas al código y algunos de los mejores software de tours de productos para crear los tours perfectos:

La manera sin código: UserGuiding

UserGuiding es un software de onboarding de usuarios sin código en el que confían más de 10000 empresas de todo el mundo para su onboarding de usuarios.

Uno de los fundadores, John Ozuysal, sin tener una formación técnica, hizo un excelente trabajo con la creación de un software de tours de productos sin código.

Te oigo preguntar:

¿Cómo funciona UserGuiding?

Básicamente eliges qué tipo de ventana emergente quieres. Si quieres un modal de bienvenida, sólo tienes que elegir el tipo de modal que necesitas, escribir la información y añadir las imágenes, y ponerte en marcha.

Si quieres una guía interactiva activada por un CTA, también puedes hacerlo.

Sin tener que codificar nada.

Si quieres personalizar las ventanas emergentes del tour del producto, es totalmente personalizable y fácil de usar.

Créeme, no soy el único que lo dice.

"No tuve que tener ningún conocimiento de codificación para empezar. Al final, fui yo quien implementó UserGuiding en Flourish".

Marten Andersson de Flourish

"UserGuiding nos proporcionó una gran demostración cuando estábamos buscando otros actores. El equipo nos ayudó mucho y estuvo dispuesto a responder a cualquier pregunta que tuviéramos."

Marina Matta de Ajar

"Hemos utilizado Intercom, WalkMe y Pendo; pero intentaban hacer tantas cosas a la vez que se sentían abrumados. UserGuiding nos pareció una estrategia sencilla que podíamos adoptar fácilmente para nuestra solución."

David Palmer de Canopy inc.

Si necesitas una solución rápida que pueda crearse e implementarse en horas, UserGuiding debería ser tu elección.

Te quitará la carga de la codificación que consume tiempo y/o el enorme gasto en desarrollo y mantenimiento.

Pero si todavía sientes que quieres hacer un poco de código - aunque no todo, eso también es posible:

La forma Low-Code: Intro.js

Intro.js es una biblioteca de código abierto para aquellos que quieran crear su propio tour de productos con un poco de ayuda.

Una vez descargado Intro.js, se puede configurar en 3 pasos.

Después de la configuración, su sitio web te da toda la información que necesitarás o podrías necesitar durante la configuración y el uso.

Dado que tienes que poner un poco más de esfuerzo en ello, tiene un precio más asequible (y menos funciones avanzadas) que el uso de un producto totalmente codificado y listo para usar.

Aunque requiere conocimientos de codificación hasta cierto punto, hace que el proceso sea mucho más rápido.

Aquí te dejo una guía escrita sobre cómo usar Intro.js y un video tutorial también.

El camino más difícil: Javascript/HTML/CSS

Y, por supuesto, está la forma tradicional.

Ahora, el coste de construir tu propio tour de productos depende totalmente de ti.

Si haces todo el trabajo por ti mismo en casa, obviamente no habrá ningún coste extra.

Pero le llevará tiempo. Mucho tiempo.

Y ten en cuenta que la creación de un producto no es el final del viaje; el mantenimiento, la corrección de errores y las pruebas requerirán tiempo y esfuerzo adicionales.

Personalmente no soy ingeniero de software, así que no podré decirte cómo puedes crear un tour del producto que ahorre al equipo de soporte la carga de guiar a cada usuario uno a uno.

Pero hay algunas guías geniales para ti que pueden ayudarte durante el proceso.

Si todavía sientes que quieres sumergirte en ello por ti mismo, aquí te dejo una guía en vídeo sobre cómo construir tours de producto para tu producto:

Conclusión

Ahora bien, no sé si has intentado alguna vez tejer, pero si lo has hecho, sabrás que horas y días de trabajo no servirán para nada si no anudas el final.

Añadir un Product Tour a tu producto es ese nudo final, esa pequeña pieza que mantiene todo unido. Si tus usuarios no pueden utilizar tu producto, probablemente no sea culpa suya.

Tampoco es la tuya.

Sólo significa que falta un factor de unión, una explicación.

Entonces, ¿por qué perder clientes en lugar de añadir una guía a tu producto?

Puedes hacerlo, pero no tienes que codificar el tour tú mismo. Hay opciones asequibles, hay opciones personalizables, y luego está UserGuiding.

Ambas asequibles y totalmente personalizables. Yo digo que lo pruebes. 😎