Survey Design Options

About Designing Surveys

Enalyzer gives you complete control over the design of your survey to create high-end, professional-looking surveys. With Enalyzer's design options, you can customize many aspects of your survey’s design.

You can save these edits as survey design themes and use them later.

Survey Colors

You can change the colors of your survey's fonts, background, focus and progress bar. All you have to do is:

  1. Go to your survey and select design in the side menu. If the menu is closed, click on the menu icon (BurgerMenu.png) to open it first.
  2. Under appearance, click colors.
  3. Select the element whose color you want to edit:
    • Fonts refers to the colors of the questions/survey elements headers and text.
    • Background refers to the color of the entire survey page or just the question/element.

      The page background color determines the color of the previous button. A dark page background color will give the previous button a light color and vice versa.

    • Focus refers to the color when a response option is selected by the respondent.
    • Progress bar refers to the colors of the progress bar.
  4. By default, you can use HEX colors codes to get your desired color. If you want to work with RGB or HSL color codes, click on HEX to open the dropdown menu.
  5. You can edit the opacity to change the transparency of the color.
  6. If you need inspiration, use the color swatches.
  7. Your changes will be saved immediately and you can review them on the right-side preview.

Edit Fonts

You can change the font of your survey elements' headers and paragraphs. To change survey fonts, all you have to do is:

  1. Go to your survey and select design in the side menu. If the menu is closed, click on the menu icon (BurgerMenu.png) to open it first
  2. Under appearance, click fonts.
  3. You're able to change the following font type and size, as well as the typography (bold and italic) of your survey headers and paragraphs.
  4. Your changes will be saved immediately and you can review them on the right-side preview.

Add a Logo to your Survey

Add a logo to brand your survey. When you add a logo, it will appear at the top of every page in your survey. To add a logo, you have to:

  1. Go to your survey and select design in the side menu. If the menu is closed, click on the menu icon () to open it first.
  2. Under images, click logo.
  3. Click upload image and select an image from your device. Once uploaded, you will see a preview of your logo on the right side.
  4. You can define the logo's settings to make sure it's just right:
    • Alignment: Decide whether your logo should be placed on the left, center, or right side of your survey.
    • Maximum width: Define the maximum width of your logo. This is especially helpful if your image is large, you can easily edit it down.

      The width of your logo depends on the screen size. The logo will automatically resize to fit any screen.

  5. Your changes will be saved immediately and you can review them on the right-side preview.

Add a Background Image to your Survey

You can choose a solid color as your survey background or you can use an image background to elevate your survey's look and feel. To add an image background, you have to:

  1. Go to your survey and select design in the side menu. If the menu is closed, click on the menu icon () to open it first.
  2. Under images, click background.
  3. Use the search bar to browse through the thousands of images from our integrated Unsplash-powered library or click upload image to upload your own.
    screely-1659476675923.png

    Unsplash hosts over 3 million free high-resolution images that you can use for free.

    The maximum file size is 2MB.

  4. When you're satisfied clicked done.
  5. Now you can choose to define the following:
    • Layout: By default, images are stretched to fit the screen. However, you also have the option to disable this setting and instead play around with the image's vertical/horizontal alignment, tile the image, or fix its position.
    • Effects: You can change the image's opacity and brightness.
  6. Your changes will be saved immediately and you can review them on the right-side preview.

Disable The Progress Bar

With a progress bar, respondents can see how far they’ve come and how much further they have to go. By default, all surveys have a progress bar which you can remove if you don't deem it necessary.

To remove the progress bar, all you have to do is:

  1. Go to your survey and select design in the side menu. If the menu is closed, click on the menu icon () to open it first.
  2. Disable the progress bar.
  3. You'll see it disappear on the right-side preview.

The progress bar counts every survey element in its calculation. If jumps or conditions make respondents skip past a set of survey questions/elements, the progress will jump accordingly.

Edit Survey Layout

You can manipulate your survey's top margin, as well as the minimum and maximum width. All you have to do is:

  1. Go to your survey and select design in the side menu. If the menu is closed, click on the menu icon () to open it first.
  2. Under layout, you can change the pixels of the survey's top margin, as well as the minimum and maximum width.

    Enalyzer is 100% responsive, which means it will adjust to any screen size. However, changing the minimum width can overwrite this responsiveness. Always test your survey to ensure the design works as intended.

  3. Your changes will be saved immediately and you can review them on the right-side preview.

Was this article helpful?

6 out of 10 found this helpful