Product story4 Min.

Why our visual form builder works like this

As you may have noticed, our form builder is not like most – if not all – other form builders out there. Of course, we have a good reason for that and it's all about creating smart forms with the right logic. In this article we'd like to explain what makes our form builder different than others.


Our journey

The development of the form builder of Tripetto was quite a journey. Tripetto originated from another company we founded back in 1999 that mostly sells sophisticated survey and panel solutions for large healthcare-related organizations.

One of the most important experiences from those projects, was that most people don’t like to fill out surveys at all — let alone lengthy ones (we certainly don’t 😂). So, we realized that surveys need to be as compact and engaging as possible and should flow much more like real conversations, asking only the relevant questions to the respondent. To do that, you need decent flow logic — often referred to as skip logic or display logic. The magic sauce that makes a survey smart. That’s why most survey tools, just like ours, offer that functionality.

The struggle

But there’s a remarkable similarity between most survey solutions: All those form builders tend to work generally the same! You enter questions in a flat list — often organized on pages — and during or after that, you use a separate logic manager to specify the rules for the display or skipping of the different survey elements.

The disadvantages of this approach are fairly clear, particularly for the end-user who needs to design the form:

  1. There is no good overview of the structure of your form or survey because of the lack of visualization of flow, requiring you to manage the entire model in your head;
  2. Collaboration is hard because it is not easy for other people to understand the structure of your survey at a glance, making them go through the nitty-gritty settings all the time;
  3. You become more of a programmer creating spaghetti-like code by defining logic, further steepening the learning curve;
  4. As soon as the logic rules are defined, it often becomes problematic to easily apply structural changes to your survey without the risk of bringing down your careful composition;
  5. The ability to use logic in the first place is often a separate, expensive ‘pro’ feature, requiring you to pay before you can use it.

Bottomline:
We think it is just way too hard to use flow logic in forms and surveys, so we need to do something about it!

The idea

So, we thought the whole design process for smart forms had to be much easier, maybe even fun. But how? We ended up with the idea of a visual form builder, embracing flow logic at the core of it. No endless lists of questions, but something like a map visualizing the flows of your form.

The solution

The visual form builder lets you think of the flows in your form as an integral, logical part of your form designing process, instead of adding some logic to a list of questions. This approach results in smart forms, that are also easily understandable and instantly editable; all in the same view.

Logic at the core

The builder supports multiple types of logic that you can use to make your forms smart. The most important are:

  • Branch logic;
  • Jump logic;
  • Pipe logic;
  • Display logic.

We've made a dedicated overview page to explain all types of logic, including examples, help articles and tutorial videos. Those will help you to make your forms smart!

Creating flows

With the idea of logic at the core of the form builder, we use a visual map representing the flows inside your forms, based on possible answers your respondents give. Each possible flow is presented as a new track, or as we call it: a branch.

Creating questions and logic in our visual form builder

Editing flows

Creating the right logic is one. But changing it can be difficult with traditional form builders. In our visual form builder, you can drag-and-drop each cluster/block/branch to the desired position, while always preserving the whole logic that's behind it. This makes our builder into a storyboard on which you can playfully work out the best logic flows for your forms and surveys as you go.

Drag-and-drop with layout guidance

Higher completion rates

In the end smart forms with the right logic help achieving better completion rates, as your respondents don't have to fill out endless forms, but only answer the applicable questions that are meant for them.

Just let us help you create such smart forms with our visual form builder. You can try it for free in our studio, or when you're a WordPresser use our WordPress plugin.

Share this article