![An illustration of a desk with a computer and smart speaker. The computer displays the text "Conversation Design with Voxable" and the smart speaker displays the text "Diagram View."](https://cdn.prod.website-files.com/6170359d525787cd986bc625/61d62e0208386d398a6b7732_5feb7d2b954bca0f1eebb7d6_Conversation%2520Design%2520with%2520Voxable.png)
Conversation Design with Voxable: Diagram View
In our last product post, we shared how our script editor helps users compose conversation scripts by adding conversation turns, structure, and UI elements. Now, we’ll cover how Voxable users can view and manage the conversation structure during their design process.
![](https://cdn.prod.website-files.com/6170359d525787cd986bc625/61d62e019b9ccf26fafdd225_5feb79917c07938fd2ff7204_y-hy8jsrGBl9C0dFN7sVd_6EmZI3FUtUjlnwYoPN6Z4ZS7gwGTE2ajRg8yimzLVSxE2zzkVrMjfbT6R5GPPepUUo_2AFxAvJ4q3rCIHR9XzAA-Y3D_lCfoitRkfOvOCl-1V3rasf.gif)
Creating branches in the script editor allows users to define their voice or chat app’s various conversational responses, but users must also be able to visualize the structure of all the possible conversation turns to understand the complexity of their designs. Voxable’s diagram view automatically translates the script structure into a diagram so users can analyze the app's complexity, navigate to other scripts, and iterate on their conversation designs. While viewing a diagram, users can highlight individual paths of the conversation which represent a script they can open and edit.
We plan to supercharge the diagram view and are currently gathering more research to understand how Voxable can better support users’ conversation design processes.
—
Regardless of what conversational AI experience you’re building, Voxable will streamline your conversation design. We believe the way to make conversational technology more usable for everyone starts with a place where teams can create, collaborate, and iterate on conversation designs. Try Voxable for free.
![](https://cdn.prod.website-files.com/6132073db54f286490cd15c6/6201c19ab59564732ce63dd9_design%20better%20conversations.png)