Usabilidad: ¿Qué son las empresas que ofrecen un servicio para crear recorridos interactivos superpuestos en su sitio?

Oye,

Soy uno de los fundadores de Userlane y quiero proponer otra solución no mencionada en esta discusión. Con nuestra tecnología, puede crear fácilmente visitas guiadas (o como las llamamos Userlanes) sin ningún conocimiento de codificación en su sitio web. Esto significa que no tiene que crear los elementos de la GUI de la visita guiada usted mismo, sino hacer clic en el proceso y la guía se crea automáticamente. Luego, solo tiene que agregar texto a los diferentes pasos y listo.

Lo que también puede ser interesante para usted es nuestra tecnología de superposición. Funciona así: cuando se resalta un paso, el usuario solo puede hacer clic en el elemento que se supone que debe hacer, por ejemplo, el botón de inicio. Todo el resto del sitio web está bloqueado y no se puede acceder. La ventaja de esto es que el usuario no puede usar el sitio web de forma no intencionada. Por lo tanto, puede guiar realmente a sus usuarios y proporcionar una experiencia única al cliente.

En mi opinión, el panorama de los recorridos interactivos para sitios web / software está cambiando bastante. Hace unos años, el propósito de los recorridos interactivos era solo explicar ciertas funciones o elementos. Hoy en día, dado que existe una gran cantidad de software y sitios web, existe la necesidad de guiar realmente a sus usuarios para proporcionar una usabilidad instantánea, lo que reduce la pérdida de clientes y mejora la experiencia del cliente.

Me encantaría escuchar sus pensamientos sobre esto.

Kai

Me alegra ver que Iridize aparece en la Wiki. Me gustaría desarrollar nuestras características únicas y nuestro valor agregado:

Iridize es una herramienta de guía interactiva para plataformas web. No tiene codificación, tiene un editor de contenido WYSYWIG y admite medios enriquecidos (imágenes, videos, enlaces, formularios, GIF, etc.).

El principal diferenciador de Iridize sobre nuestros competidores es que responde al comportamiento del usuario a nivel de elemento de página (eso significa cualquier menú de elemento, mensaje de error, campo de texto, etc.) y requiere una secuencia de comandos única que se inserta en su sitio web.

Estas son algunas de las características notables de Iridize:

  • Cree guías que puedan interactuar en varias páginas y responder a cualquier elemento de página, elemento de menú y campo.
  • Cree encuestas / encuestas para recopilar comentarios de los usuarios (que luego puede analizar en un panel designado)
  • Panel de análisis e informes : sobre la actividad del usuario y la guía de la actividad y finalización
  • Colabora con colegas : comparte guías y análisis, gestiona otros usuarios y colabora con otros autores de ayuda
  • Notas de la versión en la aplicación , para que sus usuarios no se pierdan nuevas funciones y actualizaciones
  • Análisis detallado: realice un seguimiento del compromiso del usuario con su SaaS a través de guías
  • Exporte todas sus guías a HTML / PDF : cree una base de conocimiento a partir de sus guías en lugar de crear una desde cero
  • Validación de contenido : ayuda a tus usuarios a completar el tipo de contenido correcto en los campos correctos
  • Combine fuerzas con marketing para enviar saludos, aumentar las oportunidades de venta y ofrecer otros servicios.

La apariencia de Iridize:

Su pregunta original pregunta cómo puede hacer recorridos interactivos sin tener que construir los elementos de la GUI usted mismo. Parece que las opciones de bricolaje enumeradas no encajan bien en ese caso.

Los Tutoriales interactivos son solo un patrón de incorporación de usuarios que puede aplicar. Para obtener más información, consulte nuestra guía Qué es la incorporación de usuarios.

¿Qué es un tutorial interactivo?

El tutorial interactivo es uno de los patrones de participación del usuario que surgió del juego. Los diseñadores de juegos se dieron cuenta de que podrían ayudar a los jugadores a ponerse al día más rápido de esta manera. En lugar de referir a los usuarios a los manuales, un tutorial interactivo pone al usuario en control , dentro de la guía que ha establecido. Un jugador ve una puerta brillante, hace clic en la puerta y comienza la aventura. Hay otras ideas de juego que puede aplicar para que la experiencia de incorporación del usuario sea más atractiva.

Dicho esto, aquí están los cinco factores principales a considerar al elegir la herramienta adecuada.

1) ¿Qué tan interactivo necesita que sea? Responder a las llamadas a la acción es clave. No quieres una experiencia de recorrido pasiva. Algunos de los servicios (como nosotros en Inline Manual y Walkme, etc.) le permiten llamar la atención sobre elementos específicos y luego reaccionar cuando los usuarios hacen clic en ellos.

Advertencia: no todos los servicios crean tutoriales realmente interactivos. Por ejemplo, puede resaltar un elemento, pero no hay forma de responder a la actividad del usuario dentro de su aplicación. En lugar de tomar la acción que desea que tomen, el usuario hace clic en el botón “SIGUIENTE”. Por lo tanto, no está realmente haciendo que los usuarios aprendan mientras hacen . Si su llamado a la acción es HACER algo, tiene sentido que el usuario realice la acción y no haga clic en otro lugar.

2) ¿Más de un clic? Y tenga en cuenta que no toda interacción del usuario es un clic del mouse . ¿Necesita responder a las acciones del usuario rellenando un formulario, pasando el cursor sobre un botón? Si necesita más opciones para interactuar con los usuarios dentro del alcance de su aplicación web, eso es un gran factor. Es común llamar la atención del usuario hacia un formulario, luego avanzar a otro paso mientras lo completa y responder después de haber completado una acción. Nuestros clientes nos llevaron a crear disparadores altamente interactivos, para que pueda responder a los clics, mouseovers, enfoque, desenfoque, etc. También puede configurar disparadores múltiples, cada uno con un destino diferente.

3) ¿Necesita restringir la interacción? Ser capaz de restringir la interactividad también es importante. Tenemos un Telón de fondo, por ejemplo, para centrar la atención en ciertas áreas. Luego, puede aplicar una cubierta sobre su IU para que los usuarios solo puedan hacer clic en un botón específico para continuar. ¡Use ese tipo de función con moderación! A la gente realmente no le gusta la sensación de estar restringida. Así que es bueno si puedes usar eso solo para ciertos pasos.

4) ¿Es importante el contexto? Otra cuestión es el contexto . Es posible que solo desee que se inicien ciertos recorridos para grupos específicos de usuarios. O tal vez solo ofrezca tutoriales en ciertas secciones de su aplicación.

  • Ofrezca a los nuevos usuarios un tutorial especial
  • Dé la bienvenida a los usuarios que regresan mostrándoles nuevas funciones
  • Brinde a los usuarios con diferentes roles un mensaje relevante para sus necesidades
  • Use el nombre de un usuario para saludarlos, información sobre su rol, plan, etc. para darles contenido personalizado. Ese nivel de interactividad es algo que los usuarios no notarán, pero tendrá un gran impacto si adapta un recorrido interactivo a usuarios específicos.

5) Branding sin costuras Construyendo algo altamente interactivo como ese, probablemente también quieras branding sin costuras. Así que mira las opciones de diseño y edición. Por ejemplo, la mayoría no le da acceso para editar el HTML de esos popovers, por lo que el diseño es más restrictivo. Puede editar el CSS con Whatfix, pero está integrado en el script de instalación como tema. Eso puede ser difícil cuando necesita actualizarlo, ya que dependerá de su equipo de desarrolladores para implementar cada cambio. Con nuestras herramientas en Inline Manual, puede editar un campo CSS personalizado, y no necesita actualizar su script de instalación de una línea.

Estas son algunas de las principales cosas a tener en cuenta:

  • ¿Qué tan interactivo necesita que sea? ¿Está bien hacer clic en el botón “Siguiente”?
  • ¿Desea responder a cómo las personas usan su aplicación, mouseovers, etc.?
  • ¿Tendrá que restringir la actividad del usuario en ciertos puntos?
  • ¿Necesita responder a los usuarios en el contexto de ciertas secciones de su sitio o aplicación?
  • ¿Cuánto control quieres sobre la marca?

Póngase en contacto con nosotros para obtener una demostración si desea ver cómo funciona esto o probarlo usted mismo.

La herramienta más fácil para crear guías y guías interactivas es Whatfix

Hace todo lo que has mencionado en la pregunta y más.

Aquí hay un GIF de Whatfix para comenzar.

El tutorial / guía interactivo de Whatfix se puede crear e incrustar en cualquier plataforma web en un santiamén. Se utiliza ampliamente en todas las industrias para la incorporación de usuarios. Formación, apoyo y creación de cursos de aprendizaje. Y lo mejor de todo es que no necesita saber codificación para crear una guía Whatfix /

Es fácil de construir, muy flexible y fácil de usar. (Crear una guía de 10 pasos lleva menos de 3 minutos).

La creación y modificación de las guías Whatfix se realiza a través de nuestra extensión intuitiva Whatfix Guide Editor, que es compatible con Google Chrome, Firefox e IE. Una vez creadas, las guías se pueden ver sin problemas en cualquier navegador.

Otro aspecto interesante es la capa interactiva inteligente de Whatfix , que consta de los diferentes formatos en los que las guías Whatfix se generan automáticamente junto con la guía.

La capa interactiva inteligente de Whatfix incluye:

1 – Tutoriales interactivos en tiempo real: consejos de globo superpuestos que sujetan a los usuarios en plataformas web en tiempo real

2- Widget de autoayuda: widget incorporable que brinda acceso rápido a todas sus guías

3- Widget de lista de tareas: widget incorporable que lo ayudará a bordo, capacitar y monitorear el progreso de sus usuarios

Además de estos tres, hay algunos formatos externos sorprendentes en los que las guías Whatfix se generan automáticamente.

Estas son algunas de las muchas ventajas de Whatfix. Pero, si desea un plan personalizado que se ajuste a sus necesidades, eso también es posible. El precio de Whatfix está hecho a medida para cada uno de sus usuarios.

Si desea probar Whatfix, regístrese para obtener una demostración gratuita de inmediato.

Divulgación completa: soy el cofundador de Whatfix.

Desde la perspectiva del desarrollador, dado que esto es algo que probablemente desee personalizar usted mismo (estilo, etc.), preferiría un marco pequeño y liviano para esto en lugar de comprometerme con otra empresa / servicio.

He evaluado todas las opciones en la wiki, y esto es lo que he encontrado más prometedor:

Si su sitio usa jQuery:
jQuery Joyride Plugin | Área de juegos de ZURB

Si su sitio usa AngularJS:

  • abhikmitra / ng-joyride
  • ng-onboarding

Y aquí hay algunos más:
7 de las mejores herramientas de incorporación en línea

Prueba estos dos también:

  • Bootstrap Tour

Visitas guiadas: excursión Bootstrap vs.Hopscotch de LinkedIn

Sabemos cuán desafiante y frustrante puede ser descubrir nuevas interfaces y cuando eres una empresa que intenta adquirir nuevos usuarios, es un problema constante ver a los clientes abandonar antes de descubrir el verdadero valor de tu producto.

Es por eso que creamos myTips, un generador de tutoriales fácil de usar. Le ayuda a crear tutoriales interactivos en pantalla simplemente seleccionando elementos en pantalla sin ningún tipo de codificación.

Siéntase libre de visitar nuestra solución: http://mytips.co/

Hola,
Si su sitio usa Angular, haga clic en abhikmitra / ng-joyride. No dude en presentar solicitudes de funciones. En caso de que tenga problemas, lo ayudaré.

Puede usar Chaperone para crear fácilmente sus recorridos interactivos con solo unos pocos clics. Chaperone le proporcionará un código para incrustar y un enlace para compartir cada tutorial que cree. También puede crear tutoriales para el sitio web y la aplicación web que no es de su propiedad para ayudar a amigos y colegas. Solo tendrá que enviarles el enlace a través de las redes sociales o por correo.
Para usar Chaperone, debe instalar la extensión en su navegador. La extensión está disponible para Chrome y Firefox, pero el tutorial se puede reproducir en cualquier navegador. Cuando un tutorial de Chaperone está incrustado en un sitio web o aplicación web, cualquiera puede leerlos.

Chaperone te ofrece muchas opciones:

  • Tutorial personalizado + texto enriquecido + contenido multimedia
  • Tutorial privado o público
  • Compartir (por correo electrónico, Facebook, Google+, Twitter, Pinterest y LinkedIn)
  • Insertar tutorial
  • Tutorial de exportación o autohospedaje
  • Colabora en el tutorial
  • Aplicación de una sola página

Si desea instalar Chaperone, visite el sitio web Chaperone – Cree tutoriales paso a paso en minutos y obtendrá el enlace para descargar la extensión.

Divulgación: soy un vendedor digital en Chaperone

¡Hola!

Soy el fundador de Taurus (configure un recorrido por el producto para su aplicación web en 15 minutos), facilitamos la configuración de tutoriales interactivos de productos para su aplicación.

Todavía estamos en nuestra beta cerrada en este momento, pero envíame un correo electrónico y te enviaré una clave para registrarte de inmediato ( [correo electrónico protegido] ).

Drawium.com

Mi empresa desarrolla TourMyApp.com que hace exactamente esto. Me encantaría que lo vieras.