Quiz to Infographic 

The Quiz to Infographic quickstart is an easy 8 question, true or false quiz that leads the viewer to an infographic that details their results. With animated elements throughout the experience, the viewers stay engaged with the content. After each question, the viewer can see if they answered correctly or incorrectly. A short description is provided to provide context for each question. After completing the quiz, the viewers can see their full results in the format of an infographic. The infographic does well in providing easy to disgust content with the help of images and animations.

COMPLEXITY

Medium

TYPE

Quiz

USE CASE

Engagement

Features available

Here are the major features, abilities, and interactive elements used in this template.

Flow

Flow will allow you to build step-based interactive elements, such as Tabs, Accordions, and other elements, with great customizability. Use cases and examples of it's power are the abiltiy to create a carousel of images all the way to a one page assessment that presents one question at a time.

Animation

Animation will allow you to animate elements via microthemes. A use case for this would be to have a section fade up and in to a page via scroll.

How-to use

Here is a helpful guide on how to handle all the major features, abilities, and interactive elements available to make the most out of this template.

This quiz is formatted within a Flow. Each question and each answer is within a different Flow Step. Each answer is within a Choice that links to another Flow Step. To edit the path of the answers, you will first need to select a Choice container on the canvas.

Under the Behaviors tab, there is a Scroll To command that is applied to a certain Anchor on the page. Choose the desired Anchor then press OK.

To rename an Anchor, select one of the Flow Steps and click on the blue anchor icon.

Rename the Anchor to something unique so it can be easily referenced later.

To edit or add a new animation, select the element on the canvas that you want to animate.

Under the Animation tab, choose an animation Trigger from the dropdown menu. If you want a certain animation to continuously loop, you will need to choose from the list of Scroll always animations in addition to the Looping animation. 

After selecting the animation Trigger, choose an animation from the list.

Logic template

Here is the logic’s template and quick video tour to make it easier for you when handling this template, from overviewing the rules, to understanding the formulas, to editing the logic or equations as necessary.
Preview Logic TemplateOpens in a new window.Watch Logic Video TourOpens in a new window.

Content structure

Here is the content structure’s template to make it easier for you when providing content guidelines or creating the copy for this template, from understanding the content structure to getting to know the amount of words needed to each text piece.
Preview Content Writing TemplateOpens in a new window.

Best practices

Be sure to tag everything that is "taggable" so that you are able to review everything at a later time in your reports.

Reveals
Flows
Flowsteps
Links
Tabs
Accordions
Lightboxes
Rotators
Sliders

Your conversion point is the most important measurement in determining whether your creative is converting visitors. We recommend having one conversion point per creative. Here is the element and methods in which to set your conversions:

Links
Behaviors
Actions

Before going live with your experience, you want to run a final proofing process. This will review the experience as a whole, with any final revisions necessary. Here is the most important items to be reviewed before GoLive:

  • Review of any integrations
  • Review of conversion point
  • Review of tagging
  • External links are working correctly (opening in a new window)
  • Mark respondents as always new if used for conference or live event
  • Uncheck the robot meta directives (no archive, no follow, no index)
  • Remove path description (if applicable)
  • Make sure traffic source has been added to social share — og URL, twitter (create bit.ly), email share
  • Once live, debug on Facebook (if applicable)

Related templates

If you like this template, you might want to check out these other similar models.

Have a question?

Still have questions or are facing troubles when handling this template? Please do not hesitate to send any additional questions, so we can make sure to have this page constantly up to date.