Support Home Task Builder 2 Tutorials Tutorial: Screen Branching

Tutorial: Screen Branching

Overview

This tutorial shows you how to send participants to different screens within a display, depending on either the actual response received or the accuracy of the response.

Method 1: Branching based on response

On the Question screen, we collect responses from participants via Click Response components. Clicking one button produces the response 'YES', clicking the other button produces the response 'NO'.

By default, when a screen ends, participants will advance to the next screen in the display. We can override this behaviour by adding the Branch component to the Screen tab. Here, we have added two Destinations. In the first one, when the Response Value YES is received, we branch participants to the Yes screen within the display. In the second Destination, when the Response Value NO is received, we branch participants to the No screen in the display instead.

Finally, on the Yes screen, we need to prevent participants from automatically advancing to the No screen. To do this, another Branch component has been added to this screen. This time, it is configured so that when Any Response is received, we End Display.

Method 2: Branching based on response accuracy

For this method, we have a similar setup to above, where participants respond to a question via the Click Response components. This time, a Scorer component has also been added to the Screen tab. This allows us to evaluate whether responses given by participants are correct or incorrect. You can find more information about how to set this up in our Scoring tutorial.

Again, we have added the Branch component to the Screen tab with two destinations. From the Criteria dropdown, Response Accuracy is selected in both. For the first Destination, when the Response Accuracy is correct, we branch participants to the Correct screen within the display. For the second Destination, when the Response Accuracy is incorrect, we branch participants to the Wrong screen within the display.

Finally, on the Correct screen, to prevent participants from automatically advancing to the Wrong screen, another Branch component has been added so that on Any Response, we End Display.

Open in Gorilla