Screen Shot 2012-05-08 at 1.17.06 PM Demo UX Cases

Enrich your Usabilla feedback with Wufoo surveys

Do you want to power-up your Usabilla test results? You can easily do so by hooking up a Wufoo survey to your test. Set up a form in Wufoo and redirect users to the URL of your test. You can include their answers in the URL and store these with your Usabilla test results.

Let’s have a look at a brief example case to see how simple it is to exchange data between Wufoo and Usabilla.

1. Come up with a test case

For this example case, let’s go with a simple one task test. Let’s assume, we want to find out if men and women pay attention to the same elements on our homepage. You might also be interested in the name and age of participants to provide some context.

2. Set up your Usabilla test

We’ve set up a simple Usabilla test like usual. This test includes only our homepage and one of our standard tasks: “Click on the elements that draw your attention the most.” We then published the test and looked up the URL of the test.

Figure 1 - Test URL for one Usabilla test

3. Set up a Wufoo form

To be able to use the redirect feature, make sure you have a paid Wufoo account. No worries, you can easily downgrade your account any time.
Now set up a Wufoo form that includes fields for all the information you would like to collect from your participants. For our test case, this means we included a field for participants’ name, their gender, and age:

Figure 2 - Wufoo form setup

4. Specify the redirect URL for your Wufoo form

We click on the tab “Form settings” to use a custom redirect URL, after participants submitted the form. Copy-paste the Usabilla test URL to the field in the tab Redirect to Web Site.

Figure 3 - Redirect to Website

5. Attach variables to your redirect URL

Next thing we need to do, is add the name and the age, and gender of the participants as variables in the URL of your Usabilla test. Everything you add to this URL will be stored with the results of this participant. This sounds complicated, but really it’s not. All you need to know is that you can add a variable to a URL by using the following format:

?variablename={variable}

In order to combine different variables, link them with &:

?variablename1={variable1}&variablename2={variable2}

In our case, we would like to store the Name, Age, and Gender from participants in the Usabilla test:

?Name=XXXXXX&Age=##&Gender=X

In Wufoo, you can access every form field with a unique API ID. You can use these API ID’s to tag the redirect URL. This way you will add the variables to the URL of your Usabilla test. You can access the API ID by clicking on the link Template Tags below the URL of your form rule.

Figure 4 - Click Template Tag to access your API IDs

You get an overview of your forms and the different fields. Every form field is assigned one unique API ID.

Figure 5 - Every form field has a unique API ID.

To access the content of a form field, replace variable with entry:Field+API ID. In our case, the API ID for name is the number 8, for age it’s the number 6, and for gender 5. We therefore access our participants name, age, and gender with the following string:

?Name={entry:Field8}&Age={entry:Field6}&Gender={entry:Field5}

Last thing we have to do, is add the variables to our redirect URL:

http://participate.usabilla.com/6576584364ec3d5c7cbbb0?Name={entry:Field8}&Age={entry:Field6}&Gender={entry:Field5}

Figure 6 - Customized redirect URL with variables

In order to later identify our different participants and link them back to the data in Wufoo, it can be handy, to also include a Wufoo participant ID to the URL. This ID makes sense if you ask for more information than you want to transmit in the URL. To include a Wufoo participant ID, just add the following variable to your URL:

WufooID={entry:EntryId}

Figure 7 - Customized redirect URL with variables & Wufoo ID

6. Analyze customized test results

Once you have invited participants to participate in your test, you can analyze your test results with Usabilla just as you are used to. Usabilla automatically displays all customized variables that you included in the redirect URL.

Figure 8 - Analyze both Wufoo and Usabilla data together

With the new filter feature, you can filter your results. For example, choose one of the variables you imported from Wufoo and filter all participants that match a defined condition.

Figure 9 - With the variable gender as filter and can select only female participants

One comment

  1. Pingback: Participant information and the new filter feature - The Usabilla Blog

Leave a Reply

Your email address will not be published. Required fields are marked *