STEP 8: Add a Help Text in Value Collaborator
Previous - Add / Change Colors in Value Collaborator
Overview
This article explains how to create help texts and outlines their benefits. It guides you through the process of adding helpful information to a prototype, ensuring users can easily understand and navigate the design. Help texts clarify features, offer tips, and provide additional context, making the prototype more user-friendly. By including well-crafted help texts, you can reduce user confusion, enhance the overall experience, and ensure users can interact with the prototype more effectively, ultimately improving their understanding of the design and its functionality.
Step-by-Step Guide
Follow the steps to Upload Your Model / Create a Visualizer Type.
Click Value Collaborator on the Visualizer Type page. When the page appears follow the steps to Enable the AutoSave Feature in Value Collaborator.
Click the particular tab or section where you want the Help Panel to be added.
Click Help Panel.
The Help Panel pop-up box appears with Help selected by default.
Enter a name for the panel in the Panel Name field.
Enter your text in the Content field. Use the formatting toolbar to format the text entered.
Click Save and then click Close.
Click Prototype.
The Help Panel created appears on the Prototype page.
Note:
In the case of Accordion HTML and Pop-Up HTML, you cannot directly add help text on the Prototype page.
- You need to get the HTML code and create a customized extension to display help text on Prototype.
Editing the Help Text
Go to the Value Collaborator page and click Help Panel.
The Help Panel pop-up box appears. Make the required changes to the help text.
Click Save and then click Close.
Click Prototype on the top navigation.