Personality quiz design guide

This article provides an overview of assets required to build Sweepstakes and Contests on the Friend2Friend Platform.

When creating social apps, you use your own assets, resulting in a high-quality, branded user experience. The Platform provides the workflow, automatically creates the entry forms, and builds standard action buttons. It also offers areas to enter your own images, titles, and text. You create your own graphic assets and add them to the Platform. Asset formats can be in JPG, GIF or PNG format. Specific sizes are noted below. 

Header Images

There are multiple header styles. You can use just one header graphic, or stack multiple graphics. 

For the Personality Quiz, the header images are applicable to the quiz Entry Page header, as well as the Results Page header. 

☐ Total width of all header images for Facebook apps: 810px

☐ For apps that you will be installing on a responsive web page, you can choose a width that suits the destination best; we recommend a total width of 1200px.

☐ There is no height limit, but we recommend a max height: 600px

☐ On the second style, with two side-by-side images, the widths and heights should be identical

☐ On the third style, the two side-by-side images should have widths and heights. The total widths of the two side-by-side images should match the width of the top image.

☐ File type: jpg, gif, or png

Quiz question images

The Question Images are optional, however keep in mind that they do offer a more visually pleasing quiz. 

Get best results by uploading images at least 700px wide, and 350px high. Try to keep the aspect ratio as close to 2:1 as possible to display the full image without any cropping.

☐ min: 700 x 350px

Quiz answer images

The Answer Images are optional, however keep in mind that they do offer a more visually pleasing quiz. 

Get best results by uploading images at least 350px wide, and 350px high. Try to keep the aspect ratio as close to 1:1 as possible to display the full image without any cropping.

☐ min: 350 x 350px

 

To get specs for other app settings, go to the SocialFusion & Social Gallery design guides.

To learn more about the Personality Quiz read the article "About the Personality Quiz."

To get started on building your own, read the article "Building a personality quiz."

 

 

Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.
Powered by Zendesk