The Logic Map is an essential tool that gives you a clear understanding of how variables interact with logic conditions in your form.
By visualizing the variable paths, you can ensure that your form behaves as expected, making it easier to troubleshoot, refine, and enhance the user experience.
What is the logic map?
The Logic Map is a visual representation of the conditions, variables, and logic flows in your form.
This tool helps you track how data moves through the form, how variables are updated based on user input, and how different conditions trigger certain outcomes.
It’s particularly helpful when you're working with complex forms involving variables that calculate and display results dynamically.
How does the logic map help
Simplifying complex calculations: When working with forms that use multiple variables, like price calculators or quizzes, the Logic Map lets you see exactly how each variable is calculated. You can trace the conditions that affect the variables and understand how one field’s value impacts the entire form’s outcome.
Checking for consistency: The Logic Map ensures that each condition and variable is connected correctly. By reviewing the map, you can make sure that the calculations and logic flows lead to accurate outcomes. It’s also helpful for spotting conflicts or errors in your logic before publishing the form.
Refining the user path: With the Logic Map, you can analyze the user path through your form. It shows how each input and assigned variable connects to the next part of the form. This allows you to refine the experience, ensuring users encounter a smooth and seamless flow.
Accessing the logic map
To access the Logic Map for your form:
Navigate to the settings tab: In the form editor, open the Settings tab where you can find the Logic Map overview option.
Click on the the logic map overview: You will see the Logic Map Overview option. Click to display the visual representation of your form’s logic and variables.
Review variable pathways: Once clicked, you can view how each user input and assigned variable connects. It provides a detailed visual layout that helps you verify that all conditions and calculations flow correctly.
Examples of the logic map in action
Here are examples of how the Logic Map works in real-world scenarios:
Example 1: BMI calculator
In this example, the Logic Map shows how the BMI calculation is triggered based on the user's weight and height inputs.
As the user enters their information, the map tracks how the BMI variable is updated and displays the corresponding results (Underweight, Normal weight, Overweight, Obese).
Example 2: Personality quiz
For a personality quiz, the Logic Map visualizes how user responses are stored in variables for each personality type.
Based on the highest score, the Logic Map shows how logic conditions route users to different results.
Example 3: Estimation form
The Logic Map in the Estimation Form demonstrates how variables are calculated for pricing based on the user’s selections (e.g., number of people, hours required).
It also shows how the final cost is calculated and how users are redirected to different success messages based on their total estimate.
The Logic Map is a powerful tool for visualizing and optimizing your forms, especially when using variables in combination with logic.
By providing a clear and detailed view of how each variable interacts within your form, you can fine-tune the user experience, identify potential issues, and ensure that your form is working as expected.