- The page had three questions:
- Text: Shows text asking the respondents to wait for the website to load.
- Text: HTML iframe to create a box within which to show the website.
- Single Choice: Asks them what to when it fails.
- This is the flow:
- Hide Q2 and Q3 on the page. Just show text asking people to wait.
- After a pre-defined time, hide Q1.
- Wait just a short while (around 500 ms) and show Q2 and Q3. This ensures that the error message replaces the text and it doesn't have to move up.
- Below the error (Q2), Q3 is displayed, which asks them to choose.
- If they choose option 1 (which ideally they shouldn't in this case). The next button shows up, and the question text is changed.
- If they choose option 2, the question text changes, giving them an option to re-consider.
- If they choose option 3, they are automatically redirected to the next page.