When developing a customer-facing decision tree, an important piece is to add some personality, brand identity, and industry-relevant knowledge to allow end-users a more user-friendly customer support experience.
Implementing a personalized or branded color scheme, along with icons that relate to your company, will keep an easy-to-follow and digest structure throughout your support process. An interactive decision tree is the easiest way to help a user with visuals, where they can follow the trees effortlessly while being able to really learn from the guided instructions.
We’ve detailed each customizable element – and examples of how to use them correctly – to make your end-users even happier about their customer service experience!
1. CSS & Personal Style Customizations
Colors and icon choices communicate in subtle ways and can reinforce your brand and mission. Here are some ways to manage these:
We made it easier to adapt your decision tree to your personality or brand when customizing so your tree can fit your desired color, custom CSS files being the main one. Once you have created your ideal profile, you can simply add it to your decision tree product finder which will help reveal your true brand identity.
We had feedback from our users suggesting that it would be more user-friendly if we included a feature of animated themes, including colors but remaining easy-to-use. Our design team and engineers set out to create this recommendation with the main goal of making tree color customizations easy.
See the endless possibilities in this quick, fun video:
Color buttons and icons
Here’s the feature that will allow you to build your own personalized color buttons, icon imagery or even to include emojis within your page titles and buttons. To customize the style of your buttons, all you need to do is prefix the button text with special classes. For example, for your color buttons, choose:
To add an icon that helps guide your customer but also helps reveal your brand personality, add one or more of these classes:
2. Visual Features for Creative Support
Video content is shaping user satisfaction across the internet. And with many uses and forms, this is something that more people are demanding, which is why video is the best way to improve your user experience. GIFs are also actively being incorporated into decision trees making the user experience more rewarding. A short clip of a difficult instruction, being repeated several times after 3 seconds or so makes the process of self-service a lot easier to follow.
When including still imagery, diagrams or other graphics into your customization, you are allowing the customer to be at the same pace when working towards a solution. Having reminders follow your tree also makes the service more user-friendly.
There are two main features when using visual aids with a decision tree, one is the effectiveness and the second is interactiveness. It’s so easily done, you can add it to any node you want.
3. Easy Data Collection and Presentation
The use of document nodes can be used for specific types of customized documentation that prove highly beneficial to the self-service aspect of support. Documentation can include building legal agreements, generating purchase orders or even a lead to a returns label that the user has personally generated.
4. Messaging & Translations for Understanding
When publishing across multiple languages, creating a decision tree that works interactively for these can become complicated. With the translation customization, you can reach a larger user base who need the language localized. With localization management software, along with other custom support features, your users will find your platform much easier to follow. You can follow our instructions here on how to translate your decision trees.
It all starts with a good base of messaging, however. When communicating throughout your decision tree, you should write well and use industry language that is helpful and informative. For nodes with poorly descriptive language, it creates confusion and incomplete results. Here are some of the basics of writing effective nodes that will help you write informative questions that lead to a better, more personal experience.
Make questions concise by focusing on one subject at a time and structuring to an easily absorbed manner.
What not to do:
If our system of tutorials and articles hasn’t been helpful, do you think you would consider switching service providers?
What to do:
Would you consider another provider if you were not able to self-solve using our knowledge base?
Use the right language so that every user can navigate through your tree knowing the subject and words being used.
What not to do:
What kind of issue or problem is happening with your account?
What to do:
How can we help? Please select a category.
Focus on an active voice so you can communicate areas appropriately that identify awareness of the issue within that action.
What not to do:
Our recommended guidelines and instructions for solving your issue should be followed as written below.
What to do:
Follow our recommended guidelines below to solve your issue!
When navigating through the creation of your decision tree, have the customer at the forefront of your mind, and keep questioning the end user experience. If you need any other assistance, reach out to us so we can assist you with the best self-service solutions.
This article was originally published on November 14, 2017, and has been updated for accuracy.