Add and Edit Image Select Questions in Engagement Questionnaires

Create visual feedback opportunities for residents by adding image select questions to your engagement questionnaires. Image select questions allow respondents to choose from visual options like architectural designs, park layouts, or infrastructure proposals, making complex choices more accessible and engaging.

Quick Steps

1. Navigate to Ask > Surveys > Build select your survey
   
   
2. Drag "Image Select" from the Content sidebar under "SELECTS"
3. Drop the question into your desired position in the questionnaire
4. Configure question text, support text, and upload images in the modal that opens automatically
   
   
5. Click "Save" to apply changes and see the in-builder preview

In-Depth Guide

Adding a New Image Select Question

Access the Questionnaire Builder Navigate to the Engage section and go to the Activities listing screen. Find your engagement questionnaire and select "Edit" to open the Questionnaire Builder interface.

Add the Image Select Question From the Content sidebar on the right, locate "Image Select" under the "SELECTS" section. Drag the Image Select element and drop it into your questionnaire at the desired position.

The questionnaire builder will display a drop zone where you can position your new question. Release the Image Select element when the drop zone appears in your preferred location.

Configure Question Settings Once you drop the Image Select element into your questionnaire, the configuration modal automatically opens. Enter your question text in the main question field. Write clear questions that work well with visual choices. For example, "Which park design concept do you prefer for the downtown area?" provides clear context for image-based selection.

Add Support Text (Optional) Use the Support Text field to provide additional context, instructions, or clarification to help respondents understand what they're viewing or selecting. This text appears below the main question and can explain design elements, provide background information, or clarify selection criteria.

Upload Images In the "Options" section, you'll see an image upload area. Add your visual options by:

• Drag and drop: Drag image files directly into the upload area
• Click to browse: Click the upload area to open a file browser and select images

Image Requirements:

• File formats: .jpg or .png only
• Maximum file size: 10MB per image
• Recommended: High-quality images that display clearly at various screen sizes

Upload one image for each option you want to present to respondents. Each image represents a selectable choice in your question.

Configure Advanced Settings Several toggle options allow you to customize the question behavior:

• Allow Multiple Selections: Enables respondents to select multiple images instead of just one
• Randomize Options: Presents images in random order to each respondent to reduce position bias

Mark as Required (Optional) Toggle the Required Question setting to make the image select question mandatory for questionnaire submission. Required questions must be answered before respondents can proceed or submit their responses.

Save Your Configuration After configuring all settings and uploading images, click "Save" to apply your changes. The modal will close and you'll see an in-builder preview of your image select question within the questionnaire.

Editing Existing Image Select Questions

Locate and Select the Question In the Questionnaire Builder, find the image select question you want to modify. Click on the edit icon on the question block to open the configuration modal and access all editing options.

Modify Question Content Update the question text or support text as needed. You can also replace, add, or remove images by using the upload controls. Click "Save" to apply your changes and close the configuration modal. Once saved, you'll see an in-builder preview of your updated question.

Manage Images Add new images by uploading additional files, or remove existing images using the delete controls. Ensure all images are relevant to your question and meet the technical requirements for optimal display.

Adjust Response Settings Modify settings like multiple selections or randomization based on how you want respondents to interact with the visual options. Consider how these changes might affect the decision-making process and data analysis.

Reorder Questions Reposition image select questions within your questionnaire flow using two methods:

• Drag-and-drop: Click and hold the question block, then drag it to a new position. The questionnaire will show drop zones indicating valid placement locations.
• Toolbar: Use the reordering options available in the question's toolbar for precise positioning.

Remove Questions To delete an image select question, use the delete option in the question's toolbar. The question will be removed immediately without a confirmation prompt.

Question Design Best Practices

Choose High-Quality Images Use clear, well-lit images that accurately represent the options you're presenting. Poor image quality can affect respondent understanding and engagement.

Maintain Visual Consistency Use images with similar styling, lighting, and composition when possible. Consistent visual presentation helps respondents focus on the actual choices rather than being distracted by varying image quality.

Optimize for Mobile Viewing Ensure images remain clear and distinguishable when viewed on smaller screens. Test your images across different device sizes to confirm usability.

Limit Visual Complexity Choose images that clearly communicate the key differences between options. Overly complex or busy images may confuse respondents or make selection difficult.

Consider Questionnaire Flow Place image select questions strategically within your engagement questionnaire. They work particularly well for design choices, location preferences, or any decision where visual representation adds value over text descriptions.

Methodology

Image Display Images are displayed in a grid format that adapts to different screen sizes. The system automatically optimizes image loading and display while maintaining visual quality across devices.

Response Collection Image select responses are recorded based on the specific images chosen by respondents. When multiple selections are allowed, all chosen images are captured and can be analyzed individually or in combination.

Image Randomization When randomization is enabled, each respondent sees images in a different random order. The actual image content remains unchanged, only the presentation order varies to reduce position bias.

File Processing Uploaded images are automatically processed for web optimization while maintaining visual quality. The system handles different image dimensions and aspect ratios to ensure consistent display.

Language Support Image select questions support multi-language engagement questionnaires when configured. Question text and support text are translated, while images remain universal across language versions.

Edge Cases, Exceptions & Known Issues

Drag and Drop Functionality

• Questions must be dropped in valid drop zones within the questionnaire area
• Dropping questions outside the builder area will not add them to your questionnaire

Image Upload Limitations

• Only .jpg and .png formats are supported; other image formats will be rejected
• Files exceeding 10MB will not upload and will display an error message
• Corrupted or invalid image files may fail to upload 

Mobile Display Considerations

• Image grid layouts may display differently across mobile browsers and devices
• Very detailed images may be difficult to distinguish on smaller screens
• Touch interaction patterns may require larger image targets for accessibility

Multiple Selections Behavior

• When multiple selections are enabled, visual indicators change to show checkbox-style selection
• Converting from single to multiple selection after data collection begins may confuse respondents who already completed the questionnaire

Randomization Considerations

• Randomization applies to image order only; question text and support text remain static
• Some logical sequences (like before/after comparisons) should not be randomized as this affects comprehension
• Randomization settings cannot be changed after significant data collection without potentially affecting response patterns

Questionnaire Flow Considerations

• Image select questions may require more time for respondents to review visual options compared to text-based questions
• Large images may push subsequent questions below the visible screen area

Data Export Limitations

• Image selections are exported as text references to the uploaded image files
• Actual image files are not included in standard data exports