Steps & Navigation

Quick Access

• Top Bar

• Navigator Menu

Top Bar

This toolbar allows you to add, remove, and navigate through the steps of your surveys efficiently, offering tools to interact directly with individual steps of a survey.

• Current Step Indicator: Displays the currently active step, "Step 3", making it clear where you are in the survey sequence.

• Step Editing Controls:

  • A (Delete Button): Hovering a step allows you to delete it.

  • B (Add Button): Enables the addition of new steps directly after the current one, facilitating the expansion of your survey without needing to navigate back to the main menu.

Here's an overview of the different types of steps you can add to enhance user interaction and guide users through your digital environment effectively.

• A (Add to the same step group): This option allows you to add a new step within the same group as the current one. It targets the same UI element but varies the content, perfect for Hotspots and Tooltips where you want to change text or actions without altering the UI focus.

• B (Experience Step Types):

  • Hotspot: Targets specific elements on your page, directing user attention precisely where you want it.

  • Tooltip: Maintains user focus on an element while providing helpful information.

  • Pop-in: Displays a full modal to deliver more detailed content.

  • Snippet: Offers small bits of information directly related to the surrounding context in a discreet manner.

• C (Navigation Step): A specialized option for creating steps that direct the user to another page, which is crucial for guiding them through multi-page processes. How to use.

Step Management

Drag-and-Drop Reordering: The interface allows you to simply grab a step and move it to a new position within the sequence.

Navigator Menu

The Navigator within Jimo's Builder is a powerful tool designed to streamline the creation and organization of steps in a user survey.

It functions as a centralized interface for managing and navigating between different components of a step and adjusting their specific parameters.

• A (Main or Parent Element): This is the primary control center for the current step in your survey. It allows you to adjust critical settings affecting how the step functions and appears within the survey. This includes setting up progression logic and positioning the step within the survey layout.

• B (Core Element of the Step): Displayed here is a type-specific element that is automatically generated when you add a new step. For example, a slider (as shown) is integral to the step’s interaction design. This element is central to the step’s purpose, facilitating specific user responses like sliding a scale.

• C (Special Elements Section): This section allows you to incorporate specialized elements into your survey step. These elements, such as hotspots, are designed to enhance user interaction by focusing attention on key details or parts of the survey, making the experience more engaging.

• D (Add Element Button): Located at the bottom, this button opens a menu with additional components that can be added to your step. Using this button, you can enrich your survey with diverse interactive elements, such as multiple-choice questions or image selections, tailored to collect a wide range of responses.

In the Jimo Builder interface, managing element-specific parameters is made straightforward:

• Navigator Selection: You can select an element directly from the Navigator menu. When selected, the element is highlighted in a blue box (A), indicating it's ready for parameter adjustments.

• Preview Interaction: Alternatively, clicking an element in the live preview pane automatically highlights and selects it in the Navigator. This feature allows for immediate access to the element's settings, facilitating quick edits.