Criação de uma visita guiada de produtos

Este tutorial demonstra como criar uma visita guiada de produtos como parte do cenário assistido de adoção digital. Esse cenário está focado em aumentar a produtividade e a experiência do usuário, e otimizar os produtos em geral. Este tutorial, em particular, mostra como criar uma visita guiada para o site da Wikipédia.

As etapas abaixo mostram uma visão geral sobre como construir uma visita guiada para o site da Wikipédia:

1. Crie um fluxo de trabalho separado para mostrar os callouts (mostrar callout.xaml). Neste fluxo de trabalho você deve fazer loop em todas as etapas e exibi-lo dentro do callout. Para tornar a experiência da visita exata, configure a Lógica avançada nos componentes do formulário. Dessa maneira você pode, por exemplo, desabilitar o botão Voltar ao mostrar a primeira etapa da visita.
   
   

   

   
   
2. Crie disparar vários fluxos de trabalho para possíveis ações de usuários dentro do callout, como:
   1. Quando o usuário clica em Avançar (clique em next.xaml)
   2. Quando o usuário clica em Voltar (clique em back.xaml)
   3. Quando o usuário clica em Ignorar (clique em skip.xaml)
   4. Quando o usuário clica em Finalizar (clique em finish.xaml)

   Você pode conseguir isso usando a atividade Gatilho do formulário.

   
   

   

   
   
3. No fluxo de trabalho Principal, mostre um formulário que dê as boas-vindas ao usuário e pergunte se ele está pronto para iniciar a visita. Você pode conseguir isso construindo um arquivo Formulário e, em seguida, exibindo-o usando a atividade Mostrar formulário (welcome.uiform).
4. Crie um arquivo CSV que contenha todos os elementos da interface do usuário e as etapas correspondentes usadas dentro da visita. Separe as informações em duas colunas:
   1. Seletor - o valor do elemento da interface do usuário. Você pode obter o valor de um elemento de interface gráfica usando o UIExplorer.
      
      

      

      
      
   2. Mensagem - a mensagem que você deseja indicar junto ao elemento de interface gráfica do usuário.
5. Leia o arquivo CSV criado na etapa 2 e salve-o em uma variável global. Você pode conseguir isso usando a atividade Ler CSV e o painel Data Manager para criar a variável global.
6. Para exibir o número de etapas que falta completar dentro de cada callout, salve o número de etapas dentro de uma variável global.
7. Quando você abrir o site da Wikipédia, invoque show.callout.xaml e execute todos os gatilhos locais em paralelo. Isso permite que você mostre o callout para cada etapa com base nas ações que um usuário adota dentro de um callout.
   
   

   

   
   

Projeto de amostra

Saiba como criar essa visita guiada de produtos, usando este projeto de amostra como inspiração.

Exemplo de vídeo

Assista ao vídeo abaixo que orienta você sobre como projetar o fluxo de trabalho de amostra e depois testá-lo.