Dialogflow Flowcharts
Have a question about this course? Ask here | Check out course discounts and promotions
I have a chatbot on my website which asks people which tool they use to design their Dialogflow flowcharts.
Most people reply “I don’t” 🙂
My view is that you will be able to build your ES bot a lot more quickly if you use a flowcharting tool like Mindomo.
Here is what a client of mine had to say about using my flowcharting process.
Take the time to learn the workflow/concepts he presents in his flowcharting tutorial. (This workflow is far superior to the approach suggested in the official DialogFlow documentation.) Using Aravind’s flowcharting approach you’ll be amazed at how quickly a functional prototype can be put together.
There is an additional benefit to using this flowcharting process for building your ES bot. You will be able to then migrate your bot to CX more easily.
In this course, I explain how to use Mindomo to design your ES bot so you can build it more quickly.
Note: ✅ indicates a sample lesson. Except for sample lessons, preview links will only work after you enroll in the course
Total video duration: This course does not have any videos
| Thumbnail | Excerpt |
|---|---|
| Text Lesson |
✅ Why Mindomo is the best tool for creating a Dialogflow flowchartHere is why I recommend Mindomo as the best tool for creating Dialogflow flowcharts – it provides all the features you need to design your flowchart, and you can get your first 3 maps for free. I have compiled a list based on this article Featuresdraw.ioXMind desktopMindomoMultiline nodesYesYesYesFormat different lines inside a single node with different stylesYesNoYesSupport different shapes for different nodesYesYesYesAutomatically reformat layout to org-tree structureNoYesYesSupport drill down into individual branchesNoYesYesNode labelsNoYesNoSupport adding notes to individual nodesNoYesYesEasy to shareYesNoYesEasy to collaborateYesNoYesAestheticsPossibleGoodGoodPriceFreeOne time paymentRecurring payment You can draw 3 free mindmaps using Mindomo and decide for yourself if it works for you. |
| Text Lesson |
✅ A Guide to Dialogflow FlowchartsLet us start with the most obvious question. Do you need a flowchart for your Dialogflow bot? Yes. Creating flowcharts can go a long way in helping you to clarify the bots you wish to develop. Here is what one of my clients says about the flowcharting process: Take the time to learn the workflow/concepts he presents in his flowcharting tutorial. (This workflow is far superior to the approach suggested in the official DialogFlow documentation.) |
| Text Lesson |
Write the conversation scriptThe first step is to write out the conversation script into your mindmap directly. This is based on the decision tree bot which can identify a vertebrate class. The flowchart of the decision tree bot looks like this: Inside Mindomo, click on Create Hover your mouse over the Organigram. On the top right you will see a right pointing triangular arrow. Click on that triangle. From the list of available organigram shapes, choose the one you prefer. |
| Text Lesson |
Add context informationIn my tutorial which discusses how to move to the next intent, I point out that you can do this by setting the appropriate input and output contexts. Add a new node under node 2 and add the text await_has_fur into the node as shown below Select the node highlighted and click on CTRL-X or CMD-X to cut the node. After you cut the node, the map looks like below Now select the await_has_fur node and click on CTRL-V or CMD-V to paste the previous node. |
| Text Lesson |
Add intent namesOnce we generate the conversation script and add the context names, we need to add suitable intent names to these intents. You can see that these intent and context names follow the naming conventions that I suggest. Note: as you can see from the flowchart, the rounded rectangle represents an intent Once you name these intents in the flowchart, it becomes easier to translate your flowchart into a Dialogflow ES bot without missing any information. |
| Text Lesson |
Translate the flowchart into Dialogflow ES agentI made some updates to the flowchart from the last part added (Yes)(No) suggestion chips when bot asks a question (this is a Dialogflow Messenger bot) added an additional training phrase “Start Over” into intent 1 changed the name of context 4 Let us translate the first intent – 1 identify.vertebrate You copy the intent name, obviously. Then check the input and output contexts. This intent has no input contexts, and it has an output context called await_has_fur. |