Stimuli grille d'images

Version : v1 (actuelle)

Afficher plusieurs images simultanément dans une disposition en grille configurable.

Vue d'ensemble

La tâche de stimuli grille d'images présente plusieurs images à la fois dans un arrangement structuré en grille. Elle prend en charge les paradigmes de comparaison, de préférence, de recherche visuelle et d'encodage mnésique où les participants doivent voir plusieurs éléments simultanément.

Utilisations courantes en recherche :

• Mémoire visuelle à court terme : Montrer une grille d'éléments, puis tester le rappel ou la détection de changement
• Ensembles de scènes : Présenter plusieurs objets ou visages pour comparaison
• Affichages de choix : Montrer des options pour des tâches de sélection
• Détection de changement : Afficher des ensembles pendant les phases d'encodage

Où configurer

Formulaire d'étude → Tâches → Tâches de stimuli → Grille d'images → Configurer. Également disponible à l'identique en mode édition.

Paramètres de configuration

Paramètres spécifiques à la grille

Paramètre	Type	Défaut	Description
Téléverser des images	téléchargement	-	Télécharger les fichiers image à inclure dans la grille (sélection multiple)
Colonnes	number	3	Nombre de colonnes dans la grille (borné à 1-12)
Lignes	number	2	Nombre de lignes (minimum 1 ; augmente automatiquement si les images dépassent Colonnes x Lignes)
Mode d'ajustement	select	fit_screen	fit_screen (ajuster à l'écran, sans défilement) ou original_size (tailles naturelles, défilement possible)

Instructions

Paramètre	Type	Défaut	Description
Instructions principales	texte enrichi (HTML)	''	Instructions affichées avec la grille
Instructions d'indice	texte enrichi (HTML)	''	Texte d'indice optionnel

Dimensionnement automatique de la grille

Si le nombre d'images téléchargées (N) dépasse Colonnes x Lignes, l'éditeur augmente automatiquement les Lignes au minimum nécessaire : R' = ceil(N / Colonnes). Les Colonnes restent fixes. Les cellules vides sont affichées si Colonnes x R' > N.

Arrangement de la grille

• Réordonner : Glissez-déposez n'importe quelle cellule (image ou vide) sur une autre cellule pour échanger leur contenu. Les cellules vides se comportent comme les cellules d'image pour l'échange.
• Supprimer : Cliquez sur le x en haut à droite de n'importe quelle cellule d'image pour retirer cette image (la cellule devient vide). Les images restantes conservent leur position à moins que vous ne les échangiez explicitement.

Déroulement pour le participant

1. Le participant voit la grille configurée avec la disposition enregistrée (les emplacements vides apparaissent en blanc).
2. Si associé à une tâche de réponse, le participant répond.
3. Le participant clique sur le bouton continuer pour avancer.

Exemple

• Entrées : Colonnes = 3, Lignes = 2 (C x R = 6).
• Images téléchargées : N = 8.
• L'éditeur calcule R' = ceil(8/3) = 3, donc la matrice est 3x3 (9 cellules). Les images 1 à 8 sont placées dans les 8 premières cellules (ordre par ligne). La 9e cellule est vide et déplaçable. Échanger l'Image 5 avec la cellule vide déplace l'Image 5 en bas à droite.

Recommandations de conception

• Téléchargez uniquement les images que vous souhaitez afficher ensemble. La grille vise une disposition quasi carrée et équilibrée sans ajustement manuel.
• Études de mémoire : Utilisez des durées fixes et brèves (par ex., 500 ms) pour les phases d'encodage.
• Qualité d'image : Utilisez des tailles et des ratios d'aspect cohérents pour un rendu de grille propre.
• Taille de la grille : Les dispositions courantes sont 2x2, 3x3 ou 4x4 selon le nombre d'éléments.

Problèmes courants et solutions

Problème	Solution
Les images ne se chargent pas	Utiliser des URL absolues ; vérifier les paramètres CORS ; tester sur le navigateur cible
La disposition de la grille est inégale	Utiliser des images avec des ratios d'aspect et des dimensions cohérents
Trop d'images pour l'écran	Réduire la taille des images ou les dimensions de la grille ; tester sur la résolution d'écran cible

Données de sortie

Marqueurs et réponses

Marqueur de stimulus (stimulus_shown) :

{
  "type": "stimulus_shown",
  "ts": "2026-01-01T00:00:01.000Z",
  "hr": 1234.56,
  "data": {
    "type": "images_grid",
    "urls": [
      "https://example.com/image1.jpg",
      "https://example.com/image2.jpg",
      "https://example.com/image3.jpg",
      "https://example.com/image4.jpg"
    ],
    "rows": 2,
    "cols": 2
  }
}

Données de réponse

Enregistrées une seule fois lorsque le participant clique sur continuer :

{
  "type": "images_grid",
  "viewing_time_ms": 4200,
  "responded": true,
  "resize_metadata": {
    "viewport_width": 1440,
    "viewport_height": 900,
    "device_pixel_ratio": 2,
    "images": [
      { "index": 0, "rendered_width": 462, "rendered_height": 346, "authored_width": 1200, "authored_height": 900, "scale_x": 0.385, "scale_y": 0.3844 },
      { "index": 1, "rendered_width": 462, "rendered_height": 346, "authored_width": 800, "authored_height": 600, "scale_x": 0.5775, "scale_y": 0.5767 }
    ]
  }
}

resize_metadata décrit la façon dont chaque image a réellement été affichée par rapport à sa taille d'origine : viewport_width/viewport_height/device_pixel_ratio décrivent l'écran du participant au moment de la réponse, et chaque entrée de images donne la taille affichée à l'écran, la taille naturelle (en pixels) de l'image et le facteur d'échelle entre les deux pour la cellule de grille correspondant à cet index (correspondant à la position de la cellule dans la grille, stable même lorsque la grille contient des cellules vides).

Artefacts

Aucun

Références

• Bradley, M. M., & Lang, P. J. (2007). The International Affective Picture System (IAPS) in the study of emotion and attention. In J. A. Coan & J. J. B. Allen (Eds.), Handbook of Emotion Elicitation and Assessment (pp. 29-46). Oxford University Press.

Voir aussi

• Image - Présentation d'image unique
• Séquence d'images - Afficher des images les unes après les autres
• Texte - Présentation de contenu textuel