Some Gif Demos
Last updated
Last updated
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.