创建产品导览

本教程演示了如何在 Attended 数字化采用场景中创建产品导览。此场景的重点是提高用户的生产力和体验，并在总体上优化产品。本教程尤其介绍了如何为 Wikipedia 网站创建导览。

以下步骤概述了如何为 Wikipedia 网站构建导览：

1. 创建单独的工作流以显示标注 (show callout.xaml)。在此工作流中，您应该遍历每个步骤并将其显示在标注中。要提供准确的导览体验，请在表单组件上配置高级逻辑。例如，通过这种方式，您可以在显示导览的第一步时禁用“后退”按钮。
   
   

   

   
   
2. 为标注中可能的用户操作创建多个触发器工作流，例如：
   1. 当用户单击“下一步”(click next.xaml) 时
   2. 当用户单击“后退”(click back.xaml) 时
   3. 当用户单击“跳过”(click skip.xaml) 时
   4. 当用户单击“完成”(click finish.xaml) 时

   您可以使用“表单触发器”活动来实现此目的。

   
   

   

   
   
3. 在“主”工作流中，显示一个欢迎用户并询问其是否准备好开始导览的表单。要实现此目的，您可以构建一个“表单”文件，然后使用“显示表单”活动 (weve.uiform) 显示该文件。
4. 创建一个 CSV 文件，其中包含演示中使用的所有用户界面 (UI) 元素以及相应的步骤。将信息分为两列：
   1. 选取器 - 用户界面元素的值。您可以使用 UI Explorer 获取用户界面元素的值。
      
      

      

      
      
   2. 消息 - 要在用户界面元素旁指定的消息。
5. 读取在步骤 2 中创建的 CSV 文件，并将其保存到全局变量中。您可以通过使用“读取 CSV”活动和 Data Manager 面板创建全局变量来实现此目的。
6. 要在每个标注中显示剩余步骤数，请将步骤数保存在全局变量中。
7. 当您打开 Wikipedia 网站时，调用 show.callout.xaml，同事并行运行所有本地触发器。该操作使您可以根据用户在标注中执行的操作显示每个步骤的标注。
   
   

   

   
   

示例项目

了解如何以此示例项目为灵感，创建此产品导览。

视频示例

请观看下面的视频，了解如何设计示例工作流并进行测试。