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
Images	téléchargement	-	Télécharger les fichiers image à inclure dans la grille
Colonnes	number	2	Nombre de colonnes dans la grille
Lignes	number	2	Nombre de lignes (augmente automatiquement si les images dépassent Colonnes x Lignes)
Taille de l'image (px)	number	200	Taille de chaque image dans la grille
Espacement (px)	number	20	Espace entre les cellules de la grille

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.

Paramètres communs aux stimuli

Paramètre	Type	Défaut	Description
Durée d'affichage (ms)	number	0	Durée d'affichage du stimulus (0 = jusqu'à ce que le participant avance)
Avancement automatique	boolean	false	Avancement automatique après la durée (nécessite Durée d'affichage > 0)
Texte du bouton	string	'Continuer'	Texte du bouton d'avancement
Afficher le minuteur	boolean	false	Afficher un compte à rebours
Couleur d'arrière-plan (hex)	string	'FFFFFF'	Couleur d'arrière-plan

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 pour continuer (ou la tâche avance automatiquement après la durée définie).

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
  }
}

Marqueur de réponse (response_recorded) :

{
  "type": "response_recorded",
  "ts": "2026-01-01T00:00:05.000Z",
  "hr": 5678.90
}

Données de réponse

{
  "type": "images_grid"
}

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