Crear una visita guiada del producto

Crea una visita guiada del producto en Studio como parte de un escenario de automatización asistida de adopción digital para mejorar la productividad del usuario.

Este tutorial muestra cómo crear una visita guiada del producto, como parte del escenario de adopción digital attended. Este escenario se centra en aumentar la productividad de los usuarios, su experiencia y optimizar los productos en general. Este tutorial, en concreto, muestra cómo crear una visita guiada para el sitio web de Wikipedia.

Los siguientes pasos muestran una visión general sobre cómo crear una visita guiada para el sitio web de Wikipedia:

1. Crea un flujo de trabajo independiente para mostrar las llamadas (show callout.xaml). En este flujo de trabajo, debes recorrer cada paso y mostrarlo dentro de la llamada. Para que la experiencia del recorrido sea precisa, configura Advanced Logic en los componentes del formulario. De esta forma puede, por ejemplo, deshabilitar el botón Atrás cuando se muestra el primer paso del recorrido.

   

2. Crea múltiples flujos de trabajo de desencadenador para las posibles acciones del usuario dentro de la llamada, como por ejemplo:

   1. Cuando el usuario hace clic en Siguiente (select next.xaml)
   2. Cuando el usuario hace clic en Atrás (select back.xaml)
   3. Cuando el usuario hace clic en Omitir (seleccione skip.xaml)
   4. Cuando el usuario hace clic en Finalizar (select finish.xaml) puedes lograrlo utilizando la actividad Desencadenador de formulario.

   

3. En el flujo de trabajo Principal, muestra un formulario que dé la bienvenida al usuario y le pregunte si está listo para iniciar el recorrido. Para ello, crea un archivo de formulario y muéstralo utilizando la actividad Mostrar formulario (welcome.uiform).

4. Crea un archivo CSV que contenga todos los elementos de IU (interfaz de usuario) y los pasos correspondientes utilizados en el recorrido. Separa la información en dos columnas:

   1. Selector: el valor del elemento de IU. Puedes obtener el valor de un elemento de IU utilizando UI Explorer.

   

   2. Mensaje: el mensaje que deseas indicar junto al elemento de IU.

5. Lee el archivo CSV creado en el paso 2 y guárdalo en una variable global. Para ello, puedes utilizar la actividad Leer CSV y el panel Data Manager para crear la variable global.

6. Para mostrar el número de pasos que quedan por completar dentro de cada llamada, guarda el número de pasos dentro de una variable global.

7. Al abrir el sitio web de Wikipedia, invoca show.callout.xaml y ejecuta todos los desencadenadores locales en paralelo. Esto te permite mostrar la llamada para cada paso, en función de las acciones que realiza un usuario dentro de una llamada.

   

Resultado

Se crea la automatización de la visita guiada del producto. Ejecutar el flujo de trabajo abre el sitio web de Wikipedia y guía al usuario a través del recorrido mostrando llamadas para cada paso.

Vídeo de ejemplo

Echa un vistazo al siguiente video que te guiará a través del diseño del flujo de trabajo de ejemplo y su posterior prueba.