images Archives | SnapSurveys Support documentation for Snap Surveys products Fri, 24 May 2024 15:18:22 +0000 en-GB hourly 1 https://wordpress.org/?v=6.4.5 https://www.snapsurveys.com/support-snapxmp/wp-content/uploads/2020/07/favicon-32x32-1.png images Archives | SnapSurveys 32 32 Using clickable images as answer choices https://www.snapsurveys.com/support-snapxmp/snapxmp/using-clickable-images-as-answer-choices/ Thu, 09 Sep 2021 15:01:55 +0000 https://www.snapsurveys.com/support-snapxmp/?post_type=epkb_post_type_1&p=6398 This tutorial shows you how to make a question interactive and more engaging by transforming question answers into clickable images. Snap XMP Desktop includes predefined images that you can use in your surveys, these are called Map Controls. Snap Surveys also provides a range of rating scales that you can download and use. This tutorial shows how […]

The post Using clickable images as answer choices appeared first on SnapSurveys.

]]>
This tutorial shows you how to make a question interactive and more engaging by transforming question answers into clickable images.

Snap XMP Desktop includes predefined images that you can use in your surveys, these are called Map Controls. Snap Surveys also provides a range of rating scales that you can download and use. This tutorial shows how to add a map control to your survey.

Step 1: Add a question to your survey

This section shows how to add a single question as a Map Control, you can also use multiple-response questions.

  1. In the Survey Overview window, open your survey.
  2. Click New Question NewIcon.png and set the question style as Single Choice. This adds a new Single Choice question.
  1. Enter your questionnaire text, in this example “Overall, how satisfied are you with your visit to the mall?”
  2. And the text for the answers, Very Satisfied, Satisfied, Neither satisfied nor dissatisfied, Dissatisfied and Very dissatisfied.

Step 2: Add the map control

The question is converted to a Map Control using the Show toolbar topic. You can then set up your Map Control using the Map Control Editor.

  1. Select the question you want to convert to a Map Control
  2. Choose the Show topic and select As Map Control then click the Show checkbox.
  3. Double-click the grey area or click the Map control button on the toolbar to open the Map Control Editor.
  4. Select File | Load Map Control.
  5. For this example, double click the ‘Lrg 5 Point Emoji Pos to Neg.isf’ file.
OpenImageFile.PNG
  1. Click the Preview tab at the base of the Map Control Editor.
PreviewMC.PNG
  1. Click on each smiley face in turn to check it behaves as you would expect (you are able to see the code label in the hover text).
  2. Click OK to save the Map Control and return to the questionnaire.
  3. Click Save SaveIcon.png to save the questionnaire.
  4. Once the questionnaire is ready you can publish it and preview in Snap XMP Desktop or Snap XMP Online to test the question behaves as required.

Further resources

Further information can be found at: Creating a Map for analysis using an existing style explains how to change the way areas appear when the user clicks on them and Creating interactive images with a Map control

There is a reference guide to the Map Control Editor.

If there is a topic you would like a tutorial on, email to snapideas@snapsurveys.com.

The post Using clickable images as answer choices appeared first on SnapSurveys.

]]>
Creating interactive images with a Map control https://www.snapsurveys.com/support-snapxmp/snapxmp/creating-interactive-images/ Wed, 26 May 2021 10:30:02 +0000 https://www.snapsurveys.com/support-snapxmp/?post_type=epkb_post_type_1&p=5539 This tutorial describes how to use your own images to make a question interactive and more engaging. We will use the gender question as the example for this worksheet.  Sample images are available to download below. Download the sample images using right-click and selecting ‘Save Image as…’ Snap Surveys also provides a range of rating scales that […]

The post Creating interactive images with a Map control appeared first on SnapSurveys.

]]>
This tutorial describes how to use your own images to make a question interactive and more engaging.

We will use the gender question as the example for this worksheet.  Sample images are available to download below.

Download the sample images using right-click and selecting ‘Save Image as…’

Sample images
Sample images

Snap Surveys also provides a range of rating scales that you can download and use.

Snap XMP Desktop allows you to show coded questions as clickable images. These are known as Map Controls. To create your own Map Control you must edit your image in the Map Control Editor.

You can convert single and multi-response questions to Map Controls. You must define an area of the image that represents each code, and then set how it will appear when the respondent clicks on it. The image used to form the structure of the map control can be a picture of anything – it is not limited to a cartographical map. Possibilities include:

  • map of a country, region or district split up into areas
  • schematic picture of a human body which may be used to indicate areas affected by injury or disease
  • photograph of a street scene with potentially hazardous situations marked

Map Controls can be associated with single-response and multiple-response questions in electronic editions of the questionnaire, such as, Snap Online, tablet, kiosk or smartphone.

Step 1: Add the question

This section describes adding the single-response Gender question to your questionnaire.

  1. Open your survey in Snap XMP Desktop.
  2. Add a new question. If it is not already a Single choice type question then change it to one and set it as Single response.
Single Choice question
Single Choice
  1. Enter your questionnaire text (Are you male or female?) and two codes.

Step 2: Define the map control

You convert your question to a Map Control using the Show toolbar topic and then set up your Map Control in the Map Control Editor. You must choose an image and then define the clickable areas.

  1. Select the Map Control question.
  2. Choose the Show topic and select As Map Control, then click the Show checkbox.
    AddMapControl.PNG
  3. Double-click the gray area or click the [Map control] button on the toolbar to open the Map Control Editor.
  4. Select File | Import image… and browse for your image.
  5. Select the rectangle rectangle_btn.gif .
Map Control Editor
  1. Draw a rectangle around the male icon. This defines the clickable area for the respondent to select a code.
  2. Select Shape | Assign to code, and select the appropriate code.
Map Control Editor showing the Assign to code selection
  1. Click the Colour Filter overlay.gif  button. This sets which colour you want to use to highlight the area when it has been selected.
  2. Choose a blue and click Close.
  3. Select the rectangle rectangle_btn.gif and draw a rectangle around the female icon. Assign the code and set a different colour.
  4. Click the Preview tab at the base of the window.
Map Control Preview
  1. Click on each area in turn to check it behaves as you would expect.
  2. Click OK to return to the questionnaire.

Step 3: Making the map control a “Must answer” question

You can apply must answer and minimum and maximum response requirements to Map Controls and Slider Control questions.

  1. Select the image map question in your questionnaire.
  2. Click VariablePropsIcon.png or press [Alt]+[Enter] to display the Variable Properties for the question.
  3. Scroll down to find Must Answer and set it to Yes.
Variable Properties with Must answer set to Yes
  1. Click OK to force respondents to answer the gender question.

Step 4: Save your Map Control to use again

You can save your Map Control so that you can use it in other surveys and other editions.

  1. Double-click the Map Control to open the Map Control Editor.
  2. Select File | Save map control and browse for a folder.
  3. Give your Map Control file a name and click Save.

Step 5: Change the Map Control for different screen sizes

Map Controls can take a lot of screen space and take time to load. You can change their size to make them suitable for smaller screens. You can remove them if you are concerned about load time.

  1. Create the Map Control question in your new edition or survey. (Use a Snap Online edition for an adaptive survey, or mobile for one which is only going to be used on mobile devices).
  2. Convert the question to a Map Control (Choose the Show topic and select As Map Control, then click the Show checkbox). If you have added an additional edition to your survey, you will see the gender Map Control. If it is a new survey, you must load your saved Map Control.
  3. Double-click the gray area to open the Map Control Editor.
  4. Select File|Load map control and select the control you saved earlier.
  5. The gender map will load. Select the size control and change the size to 50%. The map will resize.
Map Control Resize
  1. Click OK to leave the Map Control Editor.

Removing a map control

You can remove a map control from a question.

  1. Select your Map Control question.
  2. Select the Show toolbar topic.
  3. Select As Map Control by clearing the Show box.
Show the Map Control as a Single Choice question

If there is a topic you would like a tutorial on, email to snapideas@snapsurveys.com

The post Creating interactive images with a Map control appeared first on SnapSurveys.

]]>
Creating a Map showing age group data using graphics https://www.snapsurveys.com/support-snapxmp/snapxmp/creating-map-using-graphic/ Fri, 16 Oct 2020 10:05:06 +0000 https://www.snapsurveys.com/support-snapxmp/?post_type=epkb_post_type_1&p=2712 This example describes how to show a ratings scale by age, with the age data conveyed in the graphic, and the satisfaction statistics displayed by color. It uses the questions available in the Crocodile Rock Cafe survey. Adding graphics to represent each age group In the Crocodile survey, these are: Under 18 18 – 24 […]

The post Creating a Map showing age group data using graphics appeared first on SnapSurveys.

]]>
This example describes how to show a ratings scale by age, with the age data conveyed in the graphic, and the satisfaction statistics displayed by color.

It uses the questions available in the Crocodile Rock Cafe survey.

Adding graphics to represent each age group

  1. Create an image representing the different age groups used to classify respondents.
Graphic showing available age ranges

In the Crocodile survey, these are:

Under 18

18 – 24

25 – 34

35 – 44

45 – 54

Over 55

  1. Ensure that you have enough space to display the analysis data on the image. The size of the image will be the size of your Map.
  2. Save the image file in a known place (eg styles/map/age_pic.gif)
  3. Click AnalysisTblIcon.png to define the analysis.
    • Enter Q9 (age) in the Analysis field.
    • Select Means and Significances in the drop-down list. Enter Q6a (speed of service satisfaction rating) in the field for the variable for which the mean is calculated. (If you wished to score the mean, you would enter the score in the field after the variable name, e.g. q6.a score5).
  4. Click OK to save the table. Keep the window open for reference while creating your Map.
  5. Select the table in the Analyses window and click Clone button on the toolbar to duplicate the analysis.
  6. Select Map in the Type list.
  7. Select <Create new style> from the dropdown list of styles. The Map Control Editor opens.
  8. Select File|Import image and browse for the image you have created.
  9. Click IM: square button to select the square tool, and draw a square under one of your figures.
Map editor for analysis showing age figures
  1. Use Copy and Paste to duplicate the square until there is one under each figure.
  2. Select each square in turn and select Shape|Assign to code. Select the appropriate code for the figure. (You can also right-click the shape and assign codes from the context menu.)
Assigning code to an age code image

As you assign codes, the analysis data will automatically be calculated and used to fill the square.

Assigning RGB colors and legends for the least and most satisfied age groups

  1. Click IM: Fill button to open the Map Control Editor Fill series dialog.
Set the shading for the map control
  1. Select RGB as the color model. This means that intermediate colors will be calculated as if you were moving round the colors in a rainbow.
  2. Select Continuous as the Data Mode. This means that every value will be assigned a color according to its data value.
  3. Click the color buttons to assign colors to represent the maximum and minimum values.
  4. Select Legend in the left-hand pane.
Set the location of the labels in a map control
  1. Check the Visible box to display the Legend, and select one of the radio buttons to position it.
  2. Click the Labels tab.
  3. You will have the same number of labels fields as colors listed in the Shading window. By default the text for each color is the value it represents. Add some text to identify what the Map is displaying.
Set the labels for a map control
  1. Click OK.
  2. When you have finished defining the Map, select File|Save map control and save your Map as an .isf file.
  3. Click OK to display the completed Map analysis.

The post Creating a Map showing age group data using graphics appeared first on SnapSurveys.

]]>