Criação de uma visita guiada de produtos

Crie um tour guiado do produto no Studio usando o cenário de automação attended de adoção digital com chamadas e fluxos de trabalho baseados em gatilhos.

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 (selecione next.xaml)
   2. Quando o usuário clica em Voltar (selecione back.xaml)
   3. Quando o usuário clica em Ignorar (selecione skip.xaml)
   4. Quando o usuário clica em Finalizar (selecione 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 gráfica. Você pode obter o valor de um elemento de interface gráfica usando .

   

   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.

   

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.