Crear una visita guiada del producto

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 (click next.xaml)
   2. Cuando el usuario hace clic en Atrás (click back.xaml)
   3. Cuando el usuario hace clic en Omitir (click skip.xaml)
   4. Cuando el usuario hace clic en Finalizar (click finish.xaml)

   Puedes lograrlo utilizando la actividad Desencadenador de formularios.

   
   

   

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

      

      
      
   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.
   
   

   

   
   

Proyecto de ejemplo

Aprende a crear esta visita guiada del producto, utilizando este proyecto de ejemplo como inspiración.

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.