Tag Archives: designer

Beginner’s Guide to Starting a Zingtree: 8 Hacks For Success

Screen Shot 2015-05-08 at 10.17.52 AM

Our interactive decision tree tool is a must-have for any business looking to skyrocket their customer service through self-help, organizations hoping to logically deliver answers, and even contact centers to guide their customer-facing agents through how-tos and support.

No matter what you use Zingtree for, getting your first tree deployed can be daunting for some. So have no fear, here are our top tips for breaking into the awesomely helpful world of Zingtrees:

1. Sketch Out a Roadmap

Remember in school when you’d sit down and brainstorm out a strategy? Just like that! Whether it’s in list, mind map or spreadsheet form, getting down the touchstones you need your tree to cover before you start building your tree is crucial and will make building your nodes and connecting them in a flow much easier. Compiling an outline is essential and will make the creation much more streamlined.

2. Go With What’s Already Been Built

We’ve expanded (and promise to keep expanding) our Gallery. In here you will find a handful of pre-made Trees that you can edit and customize to fit your needs. Simply click the “Copy” button to create a replicate version. Also, see the top navigation to filter by your specific need. Check out our examples, and hopefully one will be great inspiration for you to start your own!

Screen Shot 2016-08-08 at 10.44.54 AM

3. Start With The Visual Designer

We all know that there are different styles to learning, creating, coding and strategizing. For this reason, we’ve equipped Zingtree with a robust Visual Designer that allows for a “white board” to create nodes, connections, and truly see the Tree as it’s being built. Some Zingtree builders only use this mode as a way of aesthetically assembling their decision trees. Visually, however, it can get confusing for large, complex trees – but for getting started, it’s perfect!

Screen Shot 2015-05-08 at 10.16.51 AM

4. Use Placeholders When Undecided

When you’re on a roll mapping out your decision tree you’re bound to run into a speed bump here or there, especially when dealing with conditional node flows. In practice, this means if you need two nodes connected you need to create both nodes before you create the connection between them.

Screen Shot 2015-05-08 at 10.17.09 AM

If you’re stumped on the additional nodes, we recommend that you create simple untitled / undefined nodes to help you continue through the process. You can always go back to that node and edit appropriately as needed.

5. Go Back With Snapshots

A very helpful feature we’ve built into Zingtree is Snapshots. Snapshots allow you to review edits and go back to previous versions of your tree – helpful when creating trees with multiple revisions. To find this tool, select More Tools > Snapshots. You can see any other team members’ work and revisions, not to mention, recover that past version.

Screen-Shot-2015-12-09-at-2.10.34-PM

6. Make A Backup As You Go

If you’re ever nervous about losing your place or the data within your Zingtree, we recommend exporting the tree to a file on your PC or Mac. This also works well if you’re making a whole new round of edits that you’re not 100% sure about.

Screen Shot 2015-05-08 at 10.17.36 AM

Backups are a great way to not only save your work but also collaborate on different versions of the same idea, especially for teams working with multiple versions for reference and cross-examination. To find the Exporting feature, select More Tools > Export.

7. Big Copy Edits With Exporting

Another exporting trick! If you have large, bulk changes that you need to make with the text within your tree (say, a URL throughout that’s totally changed or an updated product name), simply export and open it with a text editor platform. Using the “Find & Replace” tool within the text editor, swap out the old text portion with the new.

8. Sub-Trees for Even Bigger Zingtrees

If you know you’re going to have a large project ahead of you,  prepare more than one Zingtree to ease the pain in constructing one whole decision tree. In fact, when you’re in the planning stages, you will find these sub-trees occur naturally in complex decision trees. By containing themes and varying elements in different trees, and then later, linking them up into one final tree using Tree Links, you can concentrate on one element at a time!


We’d love to hear your tricks and tips for starting a Zingtree. Feel free to share on our Facebook Page!

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.

Overview Thumbnails and Other Updates

Updates

 

New this week: A slew of small enhancements, and one biggie.

One feature everyone has been asking about is a better way to preview your entire tree. So our engineering team went deep into the lab, and created a new Thumbnails Overview.  This layout allows you see every node in your entire tree, display them at various sizes, and edit. It’s a really handy way to proof your work. And it’s fun to play with too.

You can get to the new Overview Thumbnails from the Overview page, or just go here.

Here’s a snippet of how Thumbnails appears:

thumbnails

 

In addition to Thumbnails, we’ve done a few smaller enhancements, including:

  • Updated Compare Trees tool.
  • Email Nodes offer secure delivery of session data (HIPAA Compliance).
  • Scoring Nodes now appear as a node type in Designer.
  • Updated and better organized FAQ.
  • Snapshots now properly save scoring data.
  • Copy Tree now copies everything, including scoring and other data.
  • Import and Export use improved JSON format.
  • Permalink option for linking directly to any node in a tree. (Great for SEO, or sending customers directly to a node.)
  • Popular Nodes report sorts by popularity.

We rely on you – our customers – to help make Zingtree better and better. So keep sending us your feedback!

New Usability Updates for February

 

updates-blog2

If it seems like we’re making Zingtree easier to use daily, it’s because we are. In addition to the updates we made last week, here’s an overview of some new usability enhancements this month:

  • We turned one-size-fits-all Content Nodes into new Question and Final Answer nodes.
  • Tutorials for Wizard and Designer appear before launching these tools for the first time.
  • New video tutorials have been published for Wizard and Designer.
  • Deploy page is cleaner and clearer.
  • Some minor bug fixes and enhancements.

Read on for in-depth list of all of the details! And, as always, let us know what you think as you’re creating your own unique trees. You can always find us on TwitterFacebook and LinkedIn if you’d rather be social.

(more…)