Recorridos Guiados de Productos Web – Software, ejemplos y mejores prácticas

¿Cuándo fue la última vez que visitaste un lugar nuevo?

Recuerdo que hace unos años fui a hacer turismo a una iglesia/museo. Naturalmente, no tenía ni idea de por dónde empezar.

Había carteles que señalaban un camino que se podía tomar, e indicaciones en un folleto que nos dieron a la entrada del edificio.

Por suerte, ese día estaba con un grupo y esperábamos a una guía turística local para que nos enseñara el edificio.

Fue un gran alivio cuando ella se acercó a nosotros y dijo: «¿Vamos?»

Después de una hora de recorrido, sentí que ella lo sabía todo sobre cualquier cosa, bombardeándonos con datos divertidos y pequeños detalles sobre el lugar y narrando su importancia histórica.

Casi todos los miembros del grupo estuvieron de acuerdo en que «¡este lugar ha merecido mucho la pena! 😍«

¿Creen que el grupo habría sentido lo mismo de que mereció la pena si hubiéramos tenido que ver el lugar sin guía, basándonos únicamente en el folleto y en los carteles dispersos por el lugar?

Ya sabes a dónde quiero llegar con esto, ¿verdad?

recorridos guiados meme
Recuerda que tu producto es una cueva profunda y oscura para los nuevos usuarios

Tu producto es el museo, y tus visitantes son en realidad tus usuarios. La guía turística es exactamente lo que necesitas para crear usuarios satisfechos que puedan experimentar todo el valor de tu producto.

Los largos y aburridos manuales de usuario, los consejos de interfaz de usuario de una sola vez o incluso los minutos de vídeos de recorrido ya no servirán.

Necesitas una guía que muestre a los usuarios el producto en una experiencia única.

Y ahí es donde entra en juego un Recorrido Guiado.

En este artículo, voy a repasar:

  • Qué es un Recorrido Guiado a un Sitio Web
  • Por qué es necesario utilizar Recorridos Guiados
  • Cómo puedes crear un Recorrido Guiado en 3 sencillos pasos
  • Las mejores herramientas y software de Recorridos Guiados que debes probar
  • 2 ejemplos de Recorridos Guiados que necesitas ver para inspirarte
Crea guías interactivas desde cero y sin código:

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

Empecemos por lo básico:

¿Qué es un Recorrido Guiado?

Un Recorrido Guiado, también conocido como tour de producto, es un Recorrido por tu sitio web, producto web o software que tus usuarios recorren para aprender sus funciones y la mejor manera de utilizarlo.

Puede tratarse de una sola visita que explique las funciones principales del producto, o de una colección de visitas que se centren en diferentes características de ello.

En cualquier caso, el tour hace un repaso esencialmente de las principales características de tu producto para ayudar a tus usuarios a que comprendan cómo funciona todo y a que conozcan el valor del producto.

Los Recorridos Guiados son extremadamente útiles para educar a tus usuarios y convertir tu producto web en una experiencia de autoservicio.

Por qué tu Sitio Web o Software necesita un Recorrido Guiado

Probablemente estás aquí para descubrir cómo puedes crear Recorridos Guiados, preferiblemente cuanto antes.

Pero seguro que no estás convencido de la respuesta a la penúltima pregunta: «¿Realmente necesito un Recorrido Guiado interactivo en mi sitio web?»

¿Qué tienen de malo los métodos tradicionales de formación de usuarios?

¿No son suficientes los artículos de apoyo y algunos vídeos de demostración para que los usuarios conozcan el producto?

De hecho, lo son. Pero el problema no es la cantidad o la calidad de la orientación que les vas a ofrecer: Es la accesibilidad y la digestibilidad de esos conocimientos y orientaciones que debes proporcionar.

Los usuarios deben tener acceso directo a las directrices de tu producto y sus características, y estas directrices deben ser fáciles de digerir para ellos.

Así que, en primer lugar, veamos cómo los manuales de usuario y los vídeos explicativos no satisfacen plenamente esta necesidad:

Manuales en línea

Un manual en línea es un conjunto de explicaciones e instrucciones escritas que puedes publicar en tu sitio web, similar a un manual de usuario que viene con los productos físicos, como las aspiradoras.

Sí, usar una aspiradora no es ciencia espacial. Así que un manual de usuario en ese caso es más que suficiente para satisfacer las necesidades de los usuarios, pero ¿es tu producto web capaz de explicarse con claridad?

manuales recorrido guiado hubspot
Manuales de usuario de Hubspot

Tu sitio o producto web es mucho más complejo que una aspiradora. Además, es muy probable que tus usuarios no hayan utilizado una plataforma similar a la tuya.

Por lo tanto, tus usuarios definitivamente tendrán que leer ese manual en línea de muchas páginas que vas a escribir.

Créeme, una gran parte de tus nuevos usuarios se saltará ese manual en línea y tratará de entender el producto por su cuenta, y algunos de ellos pueden estar tan desanimados por ese proceso que no volverán.

Y para los que lean esos documentos, será un proceso incómodo y aburrido, que dista mucho de ser accesible o digerible.

Vídeos de tour del producto

Preparar vídeos que guíen a los usuarios a través de su producto es otra forma de incorporar a los usuarios.

También puedes crear una serie de vídeos en los que expliques tu producto en detalle y demuestres los mejores usos de tu producto, de forma similar a una demostración:

Los vídeos son más accesibles y digeribles que los manuales de usuario, y sin duda son un paso adelante respecto a los manuales en línea, pero también conllevan sus propios retos.

En primer lugar, un usuario tendrá que ver el vídeo, luego acceder al producto, y luego ir y venir entre el vídeo y el producto para aplicar los pasos.

En segundo lugar, cuando el diseño y los elementos de la interfaz de usuario de tu sitio web cambien (lo que ocurre con más frecuencia de lo que crees) tendrás que volver a grabar el vídeo por completo para estar al día.

Pero puedes hacerlo mejor:

Cómo los recorridos guiados están cambiando el juego 💡

La interactividad y la gamificación han estado a la cabeza de las tendencias tanto de diseño como de educación durante la última década, y han llegado para quedarse.

Entonces, ¿qué pasaría si te dijera que tus usuarios no tienen que salir del producto para aprender cómo funciona tu producto? Que podrían ser guiados en tu producto en tiempo real, al igual que un videojuego te enseña a jugar…

Los Recorridos Guiados introducen la interactividad y la asistencia en tiempo real para los productos web, y son extremadamente digeribles y accesibles para cualquier perfil de usuario. Casi todos los sitios web y productos/plataformas líderes ofrecen contenidos educativos interactivos, siendo la principal opción los Recorridos Guiados.

recorrido guiado del producto
Los recorridos guiados están cambiando permanentemente la educación del usuario

Los Recorridos Guiados interactivas de productos son:

Accesibles, porque están integradas en tu producto, por lo que tus usuarios no tienen que cambiar de pestaña del navegador para acceder a las instrucciones.

Digeribles, porque sus usuarios van a aprender mejor completando tareas en tiempo real.

Menos exigentes de crear y mantener que los manuales de usuario y los vídeos de Recorrido, porque si estás utilizando el método adecuado, podrás crear y actualizar el contenido con unos pocos clics.

¿Estás convencido de que los Recorridos Guiados son una necesidad?

Entonces, empecemos a crear Recorridos Guiados de sitios web

Crea tu propio Recorrido Guiado a tu Sitio Web en 3 pasos

Crear un Recorrido Guiado no es tan sencillo como crear manuales o vídeos. (¿O sí lo es?)

Dado que estás creando un Recorrido Guiado para mejorar la experiencia de tus usuarios, debes tener en cuenta las necesidades y los motivos de los usuarios y, a continuación, diseñar y crear cuidadosamente (e iterar) un flujo de onboarding de usuarios con una visita al producto.

Puedes hacer todo eso en 3 pasos:

1) Diseñar el flujo

El primer paso, por supuesto, es la planificación.

Tienes que entender lo que tus usuarios necesitan durante su primera experiencia, y planificar los pasos de tu Recorrido Guiado en consecuencia de esto.

A continuación, te explicamos cómo puedes hacerlo:

  1. Identifica las necesidades, los puntos de dolor y los motivos de los usuarios.
  • Revisa las estadísticas (Analytics) de tu sitio web
  • Haz evaluaciones de usuarios y obtén sus comentarios
  • Registra los heatmaps y las sesiones de los usuarios
  1. Planifica y crea un camino que tus usuarios puedan seguir para alcanzar el valor principal de tu producto
  2. Divide este camino en pasos de Recorrido Guiado y pasos de diseño
  3. Entrégalo al departamento de desarrollo (si se trata de un proyecto interno).

2) Elegir un método de desarrollo

Ahora tienes que elegir un método para desarrollar tu Recorrido Guiado sobre tu producto. Hay dos formas principales de hacerlo:

  • La manera no-code (sin código): El nombre lo dice todo. Con este método, adoptas una herramienta de terceros que te proporciona herramientas sencillas para crear fácilmente Recorridos Guiados y otros elementos de onboarding sin ninguna codificación.
  • El método de desarrollo interno: También puede llamarse el método duro. Con este método, entregas tu diseño al equipo de producto y al equipo de desarrollo, que podría estar ya muy ocupado mejorando el producto o creando nuevas características. La ventaja de este método es que tienes un control total sobre lo que vas a crear.

3) Crear (e iterar)

Si has optado por el método de desarrollo interno, ya has terminado. El equipo de producto debe encargarse de ello ahora.

Si estás tomando el camino sin código (y del lobo solitario), tienes que ir a tu software de onboarding de usuarios para empezar a crear tus Recorridos Guiados al producto. Aquí tienes algunos consejos:

  • Asegúrate de que el diseño sea lo más amigable posible
  • Una vez que hayas creado tu primera visita autoguiada, pide a tus colegas y clientes que la repasen para poder recoger sus comentarios
  • Utiliza los datos de las estadísticas y las opiniones de los usuarios para iterar continuamente tu contenido.

Si sigues cada uno de los pasos teniendo en cuenta la experiencia de tus usuarios finales, crearás el Recorrido Guiado óptimo para tu producto que producirá grandes resultados.

Herramientas y Software de Recorridos Guiados a Sitios Web

Aunque hay muchas herramientas de onboarding de usuarios que te permiten interactuar con tus usuarios dentro y fuera de tu producto, hay un software de Recorrido Guiado de producto excepcional que puedes utilizar para crear Recorridos Guiados.

Voy a repasar dos productos, UserGuiding y Shepherd.js, que son, respectivamente, no-code y open source (código abierto).

Software de Recorridos Guiados a Sitios Web no-code: UserGuiding

UserGuiding es un software de onboarding de usuarios sin código que puede utilizarse para crear los Recorridos Guiados perfectos en cuestión de minutos.

Es una herramienta de terceros basada en la suscripción que ofrece una prueba gratuita de 14 días con todas las características desbloqueadas, para que puedas ver su valor y beneficios por sí mismo.

He aquí cuatro razones principales por las que UserGuiding es mejor que cualquier otro producto del mercado:

1) No requiere codificación

A diferencia de la mayoría de los programas de Recorridos Guiados, UserGuiding no requiere ningún tipo de codificación o conocimiento técnico para crear, integrar o actualizar los Recorridos Guiados o cualquier otro elemento de onboarding.

Esto es crucial porque

  1. No dependerás de los desarrolladores para crear tu onboarding
  2. Todos los miembros de tu equipo pueden utilizar el producto, desde el marketing hasta el éxito del cliente.

Esto es lo que he creado en pocos minutos en Youtube:👇

2) Gran variedad de elementos de onboarding de usuarios

UserGuiding tiene muchas características que puedes utilizar para perfeccionar tu onboarding de usuario. Echemos un vistazo a las características principales:

  • Puedes utilizar modales para dar la bienvenida e informar a los usuarios
tour guiado modales de bienvenida
El modal de bienvenida de UserGuiding
  • Los tooltips y hotspots se pueden utilizar para introducir y resaltar características
tour guiado con tooltips
Tooltip de UserGuiding
  • Puedes utilizar Checklists autoguiadas de Onboarding para gamificar tu UX
checklist de onboarding recorrido guiado
Checklists de onboarding de UserGuiding
  • Puedes utilizar la nueva función de UserGuiding, el Centro de Recursos, para estar al lado de tus usuarios en todo momento.
centro de recursos recorrido guiado
Centro de recursos de UserGuiding

3) Segmentación de usuarios/targeting

Una sola talla no sirve para todos.

Nunca es así.

Cada uno de tus usuarios está tratando de lograr cosas diferentes con tu producto. Su lenguaje, su formación técnica y sus intereses son diferentes entre sí.

Entonces, ¿por qué deberían pasar por el mismo proceso de onboarding?

Con UserGuiding, puedes crear segmentos de usuarios personalizados y dirigirse a ellos con Recorridos Guiados especializados para proporcionar a cada usuario una experiencia única.

segmentación de usuarios de recorrido guiado
Creación de un segmento personalizado en UserGuiding con sólo unos clics

4) Análisis en profundidad

Crear un proceso de onboarding de usuarios con muchos elementos, como los Recorridos Guiados a través de una herramienta de terceros, no es tan exigente; sin embargo, perfeccionarlo y poder tener resultados visibles puede ser difícil.

Y como no podrás mejorar algo que no pueda medir, dispones de la función de análisis y estadísticas de UserGuiding, que te ayuda a seguir el rendimiento de sus Recorridos Guiados paso a paso para darte la oportunidad de optimizar tu onboarding.

software análisis de recorridos guiados
Panel de Estadísticas de UserGuiding

Precios asequibles

UserGuiding ofrece los mejores precios del mercado para las características que ofrece:

  • 14 días de prueba gratuita (sin necesidad de tarjeta de crédito)
  • Plan Básico: 69$/mes si se factura anualmente hasta 2500 MAU
  • Plan Profesional: 299 $/mes cuando se factura anualmente hasta 20000 MAU con guías ilimitadas
  • Presupuesto personalizado disponible para empresas más grandes

¿Te interesaste? Pruébalo tú mismo o habla con uno de nuestros expertos:

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

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

Software Gratuito y de Código Abierto de Recorridos Guiados: Shepherd.js

Shepherd.js es una biblioteca de JavaScript de código abierto que te ayuda a crear Recorridos Guiados para presentar tu producto a los usuarios.

software tour guiado gratis
Shepherd.js

Si no tienes presupuesto para invertir en el onboarding de usuarios y mucho tiempo de desarrollador en tus manos, Shepherd.js es tu solución en lugar de otro software de visitas virtuales. Con la ayuda de un desarrollador, puedes crear un Recorrido Guiado, pero sólo se limitará a eso.

La personalización y la variedad de elementos de onboarding también serán limitadas, y no habrá análisis ni segmentación de usuarios.

Pero como he dicho, tendrás un Recorrido Guiado gratis.

2 ejemplos de Recorridos Guiados a sitios web

Ahora que hemos cubierto todas las preguntas de qué/por qué/cómo y ahora que conoces el proceso y los métodos para hacer un Recorrido Guiado, vamos a ver cómo debería ser en realidad.

Permíteme mostrarte dos ejemplos de Recorridos Guiados y te guiaré a través de su proceso de onboarding para proporcionarte toda la información que pueda.

1- Evernote

Evernote es una aplicación para tomar notas que está disponible en tus dispositivos móviles, en tu navegador y en tu ordenador. Puedes crear fácilmente listas de tareas, tomar notas y establecer calendarios.

Vamos a repasar su proceso de onboarding de usuarios y cómo utilizan un Recorrido Guiado para explicar las funciones de su producto.

Nada más entrar en el producto, aparece un mensaje de bienvenida en la pantalla.

Quiero hacer especial hincapié en la parte que dice «descubramos cómo podemos ayudarte en menos de un minuto», porque permite a los usuarios saber qué aprenderán exactamente y cuánto tiempo los llevará.

Es importante ser transparente con tus usuarios, especialmente durante su onboarding:

ejemplo de recorrido guiado evernote
Modal de Evernote

¿Recuerdas cuando dijimos que una talla no sirve para todos?

Evernote también es consciente de ello. Saben que cada usuario se conecta desde un dispositivo diferente y utiliza el producto para fines distintos. A continuación, puedes ver cómo personalizan el proceso de onboarding haciendo primero algunas preguntas y, a continuación, iniciando un Recorrido Guiado a una herramienta en función de las respuestas de los usuarios:

A continuación, repasan cada una de las funciones en el editor, guiándote por el producto:

Ellos evitan hacer todos los Recorridos guiados a la vez, porque mostrar a un usuario todo el producto de una sola vez puede resultar rápidamente aburrido.

Ahí es donde entra en juego un checklist de onboarding.

Evernote no obliga a los usuarios a pasar por las otras guías, sino que les da la opción de elegir lo que quieren crear y les da un Recorrido Guiado que explica esa característica.

ejemplo de recorrido del producto

¿Qué tiene de bueno el tour de onboarding de Evernote?

✅ Su mensajería en el modal de bienvenida es clara y tranquilizadora.

✅ Preguntan al usuario qué quiere hacer primero y personalizan su experiencia según su respuesta.

✅ Utilizan un Checklist de Onboarding para proporcionar a los usuarios una sensación de progresión.

✅ Utilizan grabaciones dentro de los pasos del Recorrido Guiado para mostrar las características.

2- Zakeke

Zakeke es una herramienta de personalización visual de productos que es utilizada principalmente por las empresas de comercio electrónico.

Ayuda a los comerciantes y propietarios de comercio electrónico a proporcionar a sus usuarios finales productos personalizables.

Han estado utilizando UserGuiding para crear sus Recorridos Guiados y otros elementos de onboarding, que hacen que su producto sea mucho más fácil de adoptar.

Aquí está el Recorrido Guiado inicial del producto de Zakeke:

Lo bueno de su tour de bienvenida es que no repasan cada elemento de la interfaz de usuario en cada página. Ellos muestran a sus usuarios cómo lograr el valor central de su producto, que es la integración de Zakeke con las tiendas de comercio electrónico de sus usuarios.

Si los usuarios logran el valor, estarán más dispuestos a aprender sobre cómo pueden utilizarlo mejor, pero cuando empiezan, sólo quieren resolver sus problemas.

Ya que no han pasado por todas las funciones en el Recorrido inicial de onboarding, han puesto tooltips y hotspots cerca de sus otras funciones, para que los usuarios curiosos puedan aprender más sobre ellas si lo desean.

ejemplo tooltip hotspot guiado
Tooltips y hotspots creados con UserGuiding

¿Qué tiene de bueno el Recorrido Guiado y el Onboarding de Zakeke?

✅ Su tour inicial del producto repasa la función principal del producto, en lugar de explorar cada característica. De esta manera, reducen el TTV.

✅ Utilizan hotspots y tooltips para explicar características que quedaron fuera del tour inicial del producto.

Conclusión

Un Recorrido Guiado ayudará a tus usuarios a entender tu producto, sitio web o aplicación web de forma más clara y rápida.

Adoptar una herramienta de onboarding de usuarios como UserGuiding te facilitará la vida a la hora de crear y mantener los Recorridos Guiados y otros elementos de onboarding.

Espero haber podido ayudar a que tu sitio web sea más accesible y digerible para tus usuarios.


Preguntas Frecuentes


¿Cuál es el mejor software para crear recorridos guiados?

UserGuiding es uno de los softwares de recorridos e tours guiados para web/producto más capaces, fáciles de aprender y dominar, y asequibles para los equipos de producto, crecimiento, diseño y desarrollo. Es una solución de onboarding de usuarios todo en uno (all-in-one) y sin código (no-code) que ofrece mucho más que Recorridos guiados.


¿Cuál es un buen ejemplo de recorrido guiado de producto?

Evernote, un producto para tomar notas, nos proporciona un gran ejemplo de recorrido guiado de producto. Explican cada una de sus funciones de forma interactiva, ayudándote mientras completas las tareas que te han asignado. Consulta el artículo para ver un tour visual de este ejemplo.


¿De quién es la responsabilidad de crear tours guiados a la web?

Normalmente, los diseñadores de UX trazan un tour para el onboarding del usuario y determinan si incluye recorridos guiados. Si se considera necesaria un recorrido guiado, los desarrolladores también son responsables de crearla. Pero, gracias a herramientas sin código como UserGuiding, los miembros del personal no técnico pueden diseñar y crear fácilmente recorridos guiados y otros elementos de onboarding.


¿Qué es UserGuiding?

UserGuiding es una solución de onboarding de usuario todo en uno que puede utilizarse para crear recorridos guiados a la web y a los productos. Es una solución sin código, por lo que tanto los miembros del equipo técnico como los no técnicos pueden utilizarla para crear atractivos flujos de onboarding de usuarios automatizados.

Ú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.