Feature Update – *shuffle answer options, add *default text, and create CSS *classes

With *shuffle, you can more easily randomize the answer options in a multiple choice, checkbox, or slider question. *default allows you start any question type with a pre-populated answer. The especially computer-savvy can also add custom CSS using *classes.

*shuffle the answer options in a question

Did you know that people select the first option in a multiple choice question more often than any other brilliant answer you could have given them? Is it out of laziness? Subconscious beliefs that the first option is best? Reckless captivation of the heart? We don’t know. 

What we do know, is that you can now remedy this problem by randomizing your answer options so that your results aren’t skewed by position bias. 

It’s rather easy:

In the above example, users will either see the sneeze option first or the latter possibility. 

Just indent a *shuffle beneath any multiple choice, checkbox, or slider question (numeric values excepted) that you’d like to randomize. 

Note though, that *shuffle is probably not useful for answer options that lie on a continuum (e.g. cold, cool, warm, hot). Shuffle these only if you want to annoy your users.

Provide *default answers to questions


Giving users a little boost in answering a question, or allowing them to revise a previous answer, is now possible with *default.

You use *default when you want to pre-populate a question text box with an answer. Or, when you want other question types to have pre-selected answers.
 

Text and paragraph questions

When a text box is clicked by your users, your default text won’t disappear (it’s not hint text), but rather your users can submit the answer as-is immediately by clicking submit or edit the text before submitting.

Here’s how the code might look:

And here’s how the above code would look to the user:

 

Checkbox questions

To use default with a checkbox question, just add all the options you want selected to a collection.

Here’s how the above code would look:

 

Multiple choice questions

To give a default answer to a multiple choice question, just write the exact text to the one answer you want preselected.

For example:

Here’s how this would look:

 

Variables

You can also use variables with *default, like so:

Add custom css with *classes


CSS smarties can have hoards of new fun with GuidedTrack by adding custom *classes beneath individual elements of GuidedTrack.

For example, if you’re embedding a GuidedTrack program and want just the *header on the first screen of your program to match those of your website, you can define some classes on your website and then do something like…

By indenting *classes under just about any individual elements (buttons, questions, headers, even text), and adding the CSS code, you can snazzify your program so that specific elements look just the way you want them. The classes you create will appear in the HTML that GuidedTrack generates. Then, you can include rules for these classes inside the CSS of your website.

Of course if you want to change all the buttons, headers, etc., you can always override all of GuidedTrack’s CSS on your website. But, if you want just one button to be rebelliously unique, or a specific set of GuidedTrack elements, *classes has got you covered.

Downloading data just got faster

Thanks to some handy work of our developers, you can download the csv of your data at even quicker speeds!