Tag Archives: sketch

The Visual Designer: Drawing Out Your Decision Tree

Everyone prefers their own way of creating, and it can come in many forms. To address this, we built Zingtree with a few different ways to design and construct an interactive decision tree.

For the more visual learner, the Zingtree Visual Designer allows you to draw out your decision tree. This “white board” style lets users to create nodes, along with their connections, and see the nitty gritty details of how the tree functions.

Here’s how to get started with the Visual Designer:

1. Once you log in to your Zingtree account and start Designer, you’ll see a screen that looks like the one shown below, with one node already in place as a green box.¬†This is the very first node your users will see and interact with.

2. Click on Node #1, and you’ll see an edit window pop up on the right hand side. You can edit the Title, Question and main Content segments to your liking.

3. Drag new nodes into the design area – these correspond to the pages in your decision tree. Again, select the green box to edit each node’s Question, Content, etc.

4. When you’re ready, add a Final Answer Node and edit to fit your needs. These will appear in blue, to differentiate from your green Question Nodes.

5. Continue to create these Questions & Answer Nodes by dragging new nodes into the design area, and then connect them using labeled arrows. The connecting arrows represent the button selections from each node.

6. Finish linking all of your nodes using this method, and you’ll end up with a finished product that looks something like this image below.¬†Often times, Zingtree users only use this mode as a way of assembling their decision trees. Please keep in mind that things can get confusing for more complex trees that require more nodes.

For a more in-depth tutorial, watch this video to see how to build the example tree above using Zingtree Designer:

 

 

To view more ways of building your decision trees, check out our Zingtree Design Tutorials.