Much like proofreading an assignment before submitting it for grading, it's important to preview the conversational flows that your assistant is ready to handle before deploying it on your website, customer service call center, or corporate messaging application. While it's possible to troubleshoot your actions as you build them, it's highly recommended that conversation builders test, preview — and even try to "break" — newly created assistants as a cohesive deployment within the dedicated Preview tab.
Why would you want to "break" an assistant that you are testing? Because a user's first impression of your specific assistant determines how likely they are to return to it (or try to bypass it). Finding faults in your assistant's conversational flow before deployment lets you refine it before that first impression is made.
This tutorial provides an easy-to-follow introduction to the Preview tab, best practices for testing your assistant before deployment, and how to share a realistic mockup website with your colleagues so that they can test, preview, and potentially break your newly created assistant, too.
To see the process, you can watch the following short video.
Prerequisites
To follow this tutorial, you need:
- An IBM Cloud account
- Access to any watsonx Assistant instance on a Lite, Plus Trial, Plus, or Enterprise plan
- Access to any assistant
- An understanding of the watsonx Assistant user interface
Estimated time
It should take you approximately 10 minutes to complete the tutorial.
Steps
-
For the sake of brevity, this tutorial uses an assistant that contains two simple actions. Let's see whether we can find a way to improve them before deployment by using the Preview page. Navigate to the Preview page.

-
Preview always tests the changes that you've made to your assistant in the draft environment, so that when you eventually deploy your assistant, your team has a place to test updates before publishing them.
The Preview page renders your assistant in a web chat window to emulate how it would behave after it's deployed. By default, the web chat's home screen feature provides a greeting with some example options that can be selected before any of your actions are triggered, a stark difference in comparison to simply previewing actions within the Actions page. Should you plan on deploying your assistant by using web chat, there is a way to improve it to make a better first impression. I cover how to update the web chat's customization's later in this learning path.
For now, I want to preview the actions for improvement. Begin interacting with your assistant to see what phrases trigger your action as expected while taking note of any that do not trigger the expected action.

-
While previewing the conversational flows, note the areas for improvement. When you reach the end of a conversation or are ready to test again, click the Restart icon at the upper right of the web chat window to start over. Following are some examples:
a. Test out natural conversational flows that your customers might have with the assistant.

Saying "Thank you" is triggering an action that it shouldn't, so you need an action for responding to different ways of thanking the assistant. An even better practice is creating a subaction for asking if the user needs any further assistance when the end of the original action is completed.
b. Test out similar, yet incorrect, prompts to the user examples that your actions are trained on to ensure that they are not accidentally triggered.

The action "Where can I find watsonx Assistant tutorials?" is trained on a single intent matching its name, so it's great to see that asking about a similarly named product, Watson Discovery, properly routes to the fallback action.
c. Intentionally provide wrong answers when provided a list of options to ensure graceful fallback.

d. Intentionally try to change topics in the middle of an action repeatedly.

In doing so, you learn that the assistant is still set up to transfer to live agents by default. In a scenario where there are no actual live agents, this would not be an ideal experience for a customer, so it's great that it was caught during previewing and testing.
-
Now that you've done some testing and previewing of the assistant on your own, let's prepare a link to share with your colleagues to see whether they can find other areas to improve. But first, you want to make the preview look more realistic by putting a sample website image behind the assistant. To do that, click Change background.

-
Choose the method for setting the sample website (I use the default Enter URL method), and click Continue.

-
Enter any public website URL, and click Continue.

-
After it loads, your sample website appears behind the Preview web chat render. Now that your Preview is ready to share, click Copy link to share, and paste the link into a new browser window to test it.

-
If the preview looks ready to share, then it is. Pass this link to trusted colleagues to collect feedback. Some things to consider are:
-
Encourage your colleagues to interact with the assistant as much as possible. All of the conversation logs are sent to the Analytics tab, where you can quickly see which topics the assistant missed during Preview testing, as well as which topics had successful actions completed.

Summary
Now that you understand how your assistant appears after it's deployed, and how to share that preview with your colleagues, you might be wondering about a few topics that were brought up in this tutorial, including:
- Understanding draft versus live environments
- Customizing your web chat look and feel
- Using analytics to improve the assistant
All of these topics will be covered next in this learning path. However, before moving on, take some time to build out your assistant with your own actions, either by using templates or creating them from scratch. Preview and test them out with your colleagues repeatedly. This way, your assistant can be ready to go soon after you learn how to customize, deploy, and maintain it.
Any questions? Reach out to Alexander Dfouni.