.png%3Falt%3Dmedia%26token%3D2d5f4d51-840a-43cc-a3bc-680ebfcb5c1a)
.png%3Falt%3Dmedia%26token%3D2d5f4d51-840a-43cc-a3bc-680ebfcb5c1a)
Comment on page
Essential canvas best practices
This guide aims to create chatbots that are intuitive and straightforward to manage. It presents the top best practices for building chatbots on the canvas, such as:
- grouping related elements
- utilizing flows and subflows
- color coding
- creating visual connections
- maintaining a simple design
By implementing these practices, you can develop chatbots with a clear and organized structure, making them easy to navigate and comprehend for you and your team. Let's dive in and explore the best ways to build your chatbot project on the canvas.
Group related elements
To build chatbot that is easy to navigate and collaborate, cluster bot dialog and intent blocks that are related to each other by using flows and subflows. This helps to visually organize and distinguish different sections of your flow.
Placing intent and bot dialog blocks that are related to each other
Use flows and subflows
Imagine flows as bigger containers and subflows as smaller ones within them. These allow you to group related flows, for example per topic. You could compare it to organizing your files using folders on your computer.
%20(1).gif?alt=media&token=dd19bb01-7e39-48ad-b221-cf2c16f67873)
Flow and subflow as tool to group your conversational flows
Utilize color coding
Add visual cues to help you in quickly identifying bot dialog blocks and go-to connection arrows by assigning different colours to them.
.gif?alt=media&token=4458ba7c-1410-48ad-bf9e-f5ef1e0a66f6)
Colours can be used as visual cues to differentiate go-to connection arrow
.gif?alt=media&token=d12df7b9-ff75-4a83-9bfd-842a5808d6d2)
Colours can be used as visual cues to differentiate go-to connection arrow
Create visual connections
To effectively organize your bot dialog, use parent-child visual connection. It will be easier to follow the conversation flow and understand how different dialogs interact. This is especially useful when connecting bot dialogs with intent blocks with contexts, providing a clear and intuitive way to organize your bot's flow.
Parent-child connection enhances visualization when intents and bot dialog blocks lack go-to connections.
Keep it simple
Aim for a clean and uncluttered visual design. Avoid excessive use of complex branching or overlapping elements, as they can make the flow difficult to understand and maintain.
.gif?alt=media&token=50ad55e3-9198-441a-a3f8-9ef613785638)
Simplify your conversational bot dialogs by using flows and subflows, avoiding complex branching and overlapping elements.
By implementing these best practices, you can optimize the visual organization of your flows, making them easier to navigate, understand, and maintain. Happy bot building! 🚀