This document provides tips and best practices for using images in surveys within the UserZoom platform. It discusses uploading images to the multimedia center and directly into questions. Images can be inserted within question text, as thumbnails, in tabs, and in answers. Examples are given for different question types like ranking, selection, and commenting. Best practices include testing surveys from a participant view, using PNGs, and labeling images clearly. The webinar recording and example studies are available as additional resources.

1. Tips and Tricks: Using Images in a Survey
UserZoom Onboarding Team
11/28/2017

2. Agenda
Introduction
Use Cases
Advanced tips & tricks
Best Practices
1
2
3
4
Andrea
Peer
Rima
Campbell
Alex
Crocker
US Contact: uz-onboarding@userzoom.com
Non US Contact: uz-onboarding-emea@userzoom.com

3. Quick Housekeeping
● Chat box is available if you have questions
● There will be time for Q&A at the end
● We will be recording the webinar for future
viewing. This material will be available on
demand here: UZ Education Series
● Additional information about these feature can
be found in the UserZoom Support Center

4. Inserting Images into Surveys
Today you will learn about the tricks and tips of using images into UserZoom
surveys.
After this session you will be able to:
1
2
3
4
Know the different options to work with images in UserZoom
Know when to use which option
Create each question type with each image option
Apply advanced tricks for additional research options

5. Advanced Features – Using Images in a Survey

6. Images are commonly used to show participants certain website areas, compare two
designs (A/B testing) and gather feedback on static prototype pages. Images can be
uploaded into questions in different ways:
1. Within the question text
2. As Thumbnails
3. In Tabs
4. In Answers
Using Images in a Survey
Overview

7. The available image formats that can be uploaded into UserZoom study are:
1. PNG - file ending in .png - e.g., screen shots.
2. JPG (also known as JPEG) file ending in .jpg - images that have been compressed to store lots of
information in a small size file.
3. GIF file ending in .gif - some can be animated image as well.
Image Format Options
Note: Do not upload a TIF image to UserZoom because a TIF is typically a very large file size
TIF image (also known as TIFF) file ending in .tif

8. Using Images in a Survey - 2 Ways
● Within the question text
● In the answer
● As Thumbnails
● In Tabs
The Editor Ribbon
The MultiMedia Center

9. Multimedia Center
● Use the Multimedia Center section to upload all of the images of your project. You can
reuse the already uploaded images, upload new ones and even take screenshots of
webpages.
● The Multimedia Center is located in the Settings.
● Once images are uploaded to the Multimedia Center, they can be added to any
question within your study.
Note: The width of the images should not be larger than 900px (for a 1024px width
study) or 700px (for a 800px width study). You cannot change the image size within
UserZoom with this upload option.

10. Edit Ribbon
● You can also add images to questions directly using the edit ribbon on questions.
● When you go to upload the images, you can choose from your Multimedia Center or
from your desktop.
● You can also just drag and drop or paste images right into the text field on a question.
Note: This way of adding images allows you to resize the image in UserZoom. Just
double click on the image once uploaded and you can edit the size.

11. Why Including Images in a Survey?
To make it easier and quicker for participants to make a selection
Insert images as Thumbnails

12. Let’s Zoom In!

13. Example Scenario 1
Business problem: You have a list of features that need to be prioritized based on a business /
customer’s perspectives.
Study Name: Image Testing - Study ID: C5212S295
Method: Rank Order (Drag & Drop)
Participants are asked to order a list of items by priority or make a selection of items that match a
specific criteria through a drag and drop interface.
Uploading images can be done as thumbnails, and in answers.
Insert images in answersInsert images as Thumbnails

14. Example Scenario 1
Uploading images can be done as thumbnails, and in answers.
Insert images in answersInsert images as Thumbnails
Pros: User sees all sorting options front and center.
Cons: User has to make the connection between the
images and the sorting items they are
manipulating.Therefore best to not randomize and
therefore the con on non random of images and items.
Pros: Direct manipulation of image. No issues
with randomizing the items to be sorted.
Cons: User has to scroll to see all options.

15. Example Scenario 2
Business problem: You have a list of items and you want to know which is the customer’s ultimate
choice.
Study Name: Image Testing - Study ID: C5212S295
Method: Choice One Answer
Participants are asked to select the best answer from a radio list.
Uploading images can be done within the question text, as thumbnails, and in answers.
Insert images in answersInsert images in the question text Insert images as Thumbnails

16. Example Scenario 3
Business problem: You have a list of items and you want to know which is the customers’ choices.
Study Name: Image Testing - Study ID: C5212S295
Method: Choice Multiple Answers
Participants are asked to select from multiple answers choice from a checklist.
Uploading images can be done as thumbnails, and in answers.
Insert images in answersInsert images as Thumbnails

17. Example Scenario 4
Business problem: You have a list of items and you want to know the customers’ point of
view on each item.
Study Name: Image Testing - Study ID: C5212S295
Method: Matrix - One Answer per Row
Present a series of two or more questions and ask participants to choose one answer per
row from within a matrix.
Uploading images can be done as thumbnails, and in answers.
Insert images in answersInsert images as Thumbnails

18. Example Scenario 4
Business problem: You have a list of items and you want to know which is the customers’ the one
single choice.
Study Name: Image Testing - Study ID: C5212S295
Method: Rating scale – One Answer (Horizontal)
This is a scale question where participants select one answer choice
Uploading images can be done as thumbnails, and in answers.
Insert images in answersInsert images as Thumbnails

19. What about an animated image?

20. Example Scenario 5
Business problem: You have an animated gif that was created to explain the value of a product.
You want to validate the effectiveness of the animation with customers
Study Name: Image Testing - Study ID: C5212S295
Method: Open Ended Comment Box
Uploading images can be done in a question text.
Insert image in question test

21. Participants Experience
https://preview2.userzoom.com/m/MT
AgQzUyMTJTMjk1/0

22. Let’s Try It Out

23. Let’s say you’re building a Mobile only survey, you wanted to test the
effectiveness of an image.
You inserted the image into a ‘Text Only Question’ and ‘Open Ended Comment
Box’ and you didn’t like the way the image appeared to participants on their
mobile devices.
What is the alternative?
Static Images - Mobile study

24. Static Images - Mobile study
The alternative is to use the Timeout Screenshot Question without
setting a time limit.
Benefit: This provides flexibility in resizing the image and ensure
better presentation on a mobile device.
Study Name: IMAGE TESTING - MOBILE ONLY
Study ID: C5212S297

25. Let’s Try It Out

26. Best Practices

27. Best Practices
● Save images as PNGs, upload them into the study’s Multi Media and give each image a label that helps you easily differentiate the
images.
● Preview the study as a Participant while building the study to spot check as you go.
● Test the study as a live participant, using the invitation link. Pro Tip: Create a segment for “internal only” to use for colleagues to test.
● Test! And then test again before going live with a study.
Test & Test
Again

28. Q&A

29. Available Resources
Study Name: Image Testing
Study ID: C28S295
Study Name: IMAGE TESTING - MOBILE ONLY
Study ID: C5212S297
Email your CSM or onboarding team for a copy of any of the five demo studies

30. Available Resources
Knowledgebase Support Articles:
Add images into a question
Take screenshots of a webpage in UserZoom
Wikipedia - Image Format Options
https://en.wikipedia.org/wiki/Image_file_formats

31. THANK YOU
FOR JOINING TODAY’S WEBINAR!
Join us on Dec. 12 at 8:00am PST for the next UserZoom
Webinar Series
Research Method Session on Advanced - Task-Based TOL (Prototyping)
Connect with uz-onboarding team:
US uz-onboarding@userzoom.com
non US: uz-onboarding-emea@userzoom.com
marketing@userzoom.co
m
US HQ: 866-599-1550