
Objet Image
L'objet Image est l'un des objets les plus couramment utilisés dans Labvanced, permettant aux chercheurs de présenter des images fixes ou des photos aux participants lors d'une expérience. Il est couramment utilisé dans la recherche cognitive, sociale et comportementale pour afficher des stimuli tels que des objets, des scènes ou des visages. L'objet Image est très flexible et peut être personnalisé avec diverses propriétés et paramètres pour s'aligner sur le design expérimental. Les chercheurs peuvent contrôler des aspects tels que la taille de l'image, la position, la rotation et l'opacité pour garantir une présentation précise des stimuli. De plus, l'objet Image peut être manipulé dynamiquement via des événements, permettant des interactions logiques avancées.
L'objet Image dans le Design Expérimental
Pour travailler avec un objet Image, il est important de savoir comment vous pouvez le manipuler lors de la conception expérimentale. Ci-dessous, nous discuterons de plusieurs options sur la façon dont vous pouvez ajouter vos images via cet objet, ainsi que comment vous pouvez le contrôler grâce à des personnalisations, ou en utilisant des approches plus dynamiques comme les data frames et les événements. Labvanced offre plusieurs façons de contrôler la présentation et le comportement de l'objet Image dans une expérience. Cela peut être fait en utilisant :
Passons maintenant à la façon dont une image peut être ajoutée à l'éditeur avant de plonger dans les sujets mentionnés ci-dessus.
Ajout d'un Objet Image
Pour intégrer un objet Image dans votre expérience, ouvrez le groupe Images & Drawing dans la barre d'outils de l'éditeur de tâches et sélectionnez Image.

Astuce de Flux de Travail: Préparez et organisez vos stimuli à l'avance.
Panneau des Propriétés de l'Objet pour les Objets Image
Le panneau des Propriétés de l'Objet, situé sur le côté droit de l'écran pendant le mode d'édition, vous offre plusieurs options pour modifier toutes les propriétés de l'objet image, y compris les options pour télécharger des stimuli d'image. Comme montré dans l'image ci-dessous, il existe plusieurs options sur le panneau latéral droit où vous pouvez contrôler les paramètres de l'image en quelques clics. Nous avons renommé cette image pour qu'elle soit appelée "Image Cible".

Pour une explication complète de ces options, reportez-vous à cette section en bas de la page où toutes les propriétés sont listées sous forme de tableau.
Remarque: Gardez à l'esprit que toutes ces propriétés sont également accessibles via des Événements. Donc, si vous souhaitez avoir une action personnalisée, comme un clic sur un bouton, pour changer la propriété, c'est tout à fait possible !
Il est très courant de définir une propriété par défaut en utilisant ce panneau, puis d'utiliser un événement pour mettre à jour dynamiquement cette propriété à une nouvelle valeur. Par exemple, vous pouvez utiliser un événement et spécifier qu'au clic sur l'image (déclencheur), l'image se déplace vers la droite de 5 unités.
Assistant de Tâches pour Ajouter des Objets Image
Si vous aimez configurer votre tâche expérimentale en utilisant des feuilles de calcul / des données CSV, l'Assistant de Tâches peut être utilisé pour ajouter vos stimuli d'image.
Dans l'exemple ci-dessous, les colonnes B et C représentent des stimuli d'image qui seront ensuite automatiquement ajoutés aux objets image pour vous, lors de l'utilisation de l'Assistant de Tâches dans Labvanced.
Dans l'exemple ci-dessous, les colonnes B et C représentent des stimuli d'image qui seront ensuite automatiquement ajoutés aux objets image pour vous, lors de l'utilisation de l'Assistant de Tâches dans Labvanced.

En utilisant cet assistant, vous pouvez créer toute la structure de votre tâche expérimentale, y compris les stimuli, les événements, les variables, les facteurs, les conditions, la randomisation et les enregistrements de données à partir d'un seul fichier CSV ainsi que des fichiers de stimuli.
Système d'Essai et Objets Image
Une fois qu'un objet image est ajouté au cadre, le Système d'Essai peut être collectivement utilisé pour créer différents essais (plusieurs répétitions uniques de la tâche) en fonction de votre hypothèse expérimentale.
Supposons que vous étudiiez l'émotion et que vous souhaitiez catégoriser vos essais et votre conception en fonction des types d'émotion. Vous pouvez ajouter deux objets image à un cadre, un avec des stimuli d'émotions heureuses et un autre avec des émotions tristes. Ensuite, vous pourriez ajouter un facteur nommé 'Émotion' avec deux niveaux - 'heureux' et 'triste' avant de procéder à télécharger les stimuli d'image sous les conditions pertinentes.
📌 Exemple Pratique : Télécharger des stimuli pour des niveaux et objets spécifiques : Dans la vidéo ci-dessous, nous développons le design expérimental en téléchargeant des stimuli d'image sous la condition pertinente.
Pour plus d'informations, veuillez consulter notre documentation sur le Système d'Essai.
Système des Événements et Objets Image
Le Système des Événements est un moyen dynamique de :
- Contrôler comment une image se comporte
- Enregistrer des propriétés spécifiques de l'objet :
- Présenter des stimuli d'image via des data frames
Nous allons discuter de ces points plus en détail maintenant.
Contrôle du Comportement de l'Image
Tout comportement ou apparence de l'image peut être modifié à l'aide des événements.
Dans l'exemple ci-dessous, nous avons configuré un clic de souris (déclencheur) sur l'objet image nommé 'Image Cible' et spécifié que la coordonnée x de l'Image Cible (qui est une propriété) doit augmenter de +5. Cela signifie qu'à chaque clic, la coordonnée x augmentera de +5, déplaçant l'image vers la droite.

Remarque: Vous pouvez enregistrer et sauvegarder dans une variable le temps exact en millisecondes à lequel le changement de propriété de l'objet a été mis à jour à l'écran !
Données et Enregistrements de l'Objet Image
Pour enregistrer des valeurs associées à l'Objet Image, vous pouvez utiliser l'action Définir/Enregistrer la Variable et spécifier quelles données vous souhaitez enregistrer.
Enregistrement des Noms de Fichiers
Dans certains cas, vous voudrez peut-être enregistrer les noms exacts des images présentées dans un essai durant l'expérience. C'est absolument possible et facile à configurer !
Dans l'exemple ci-dessous, nous allons stocker les noms d'image pour l'image correcte et l'image incorrecte. Il y a deux variables– 'nom de l'image correcte' et 'nom de l'image incorrecte', qui stockent toutes deux des données 'chaîne' puisque le nom du fichier est au format chaîne.
Pour pointer vers l'objet, vous cliquez simplement sur l'icône de crayon, puis sélectionnez la catégorie Frame / Task / Object et choisissez Object Property. Pour le premier champ, vous sélectionnez l'objet cible et pour le deuxième champ, vous sélectionnez Filename. De même, pour la variable 'nom de l'image incorrecte', nous pointons vers le nom de fichier du stimulus en le liant à l'objet image 'incorrect'. ```markdown

En conséquence de ce qui précède, les noms de fichiers spécifiques des images sont listés par essai comme le montre l'image ci-dessous.

L'exemple ci-dessus est tiré de cette étude exemple sur l'effet Bouba-Kiki que vous pouvez importer sur votre compte.
Randomisation et objets d'image
La randomisation est un autre sujet clé lié à la présentation d'images. Il y a de nombreuses façons de discuter de la randomisation dans ce contexte, car la randomisation dépend fortement de l'expérience particulière en cours.
En ce qui concerne les objets d'image, la randomisation implique généralement de modifier l'emplacement de l'image cible ou de sélectionner une image aléatoire dans un ensemble.
Pour plus d'informations sur la randomisation et l'équilibrage dans Labvanced, consultez cette page.
Mise en avant de la recherche : L'objet image en action
L'objet image joue un rôle crucial dans la recherche expérimentale, en particulier dans les études impliquant la perception visuelle, la mémoire et l'attention. Labvanced a permis aux chercheurs de divers domaines de mener leurs études en utilisant l'objet image de Labvanced.
Dynamiques de l'attention visuelle : Une étude de suivi oculaire
L'étude (Calignano et al., 2024) a exploré comment le traitement sémantique, c'est-à-dire les significations des mots et des objets, influence où et comment nous dirigeons notre attention visuelle. Il a été hypothétisé que les mots réels et les objets familiers biaiseraient l'engagement attentionnel et la détection des cibles plus efficacement que les pseudo-mots ou les pseudo-objets.
Les participants ont été présentés avec des amorces (indices initiaux qui pourraient affecter notre attention et notre perception des cibles ultérieures). Les chercheurs ont réalisé deux expériences de suivi oculaire en ligne utilisant Labvanced :
- Expérience 1 : Les participants ont été présentés avec des mots (soit des mots réels, soit des pseudo-mots) comme amorces
- Expérience 2 : Impliquait la présentation d'images (objets réels ou pseudo-objets) comme amorces.
Paradigmes expérimentaux avec Mots (expérience 1) et Images (expérience 2) ; Calignano et al. (2024).
Après avoir vu l'amorce, ils ont vu un indice spatial (soit valide, soit invalide) indiquant où regarder pour la cible. Un indice spatial valide apparaît au même endroit que la cible, tandis qu'un indice invalide apparaît à un autre endroit de la cible. Les participants devaient identifier les cibles et répondre en appuyant sur une touche lorsqu'ils localisaient la cible.
Les données collectées comprenaient les temps de réponse (millisecondes) pour la détection des cibles, les taux de précision pour la performance de la tâche et les données de suivi oculaire pour l'analyse attentionnelle.
Les résultats ont montré que les mots et les objets reconnus peuvent améliorer la détection des cibles grâce à des processus top-down même lorsque leur présentation n'est pas directement liée à la tâche.
Tableau des propriétés de l'objet image
Comme pour tout objet dans Labvanced, il existe des propriétés générales mais aussi spécifiques à l'objet qui apparaissent dans le panneau de droite lors de l'utilisation de l'objet. Ci-dessous se trouvent les spécifications et descriptions associées aux options de l'objet image :
Propriétés principales de l'objet image
| Nom de la propriété | Type de données | Modifiable, Comment | Type de cadre | Description |
|---|---|---|---|---|
Name | Chaîne | Oui, zone de texte | Toile & Page | Le nom de l'objet. Le nom est utilisé plusieurs fois comme référence à l'objet (c'est-à-dire au sein d'événements), il doit donc être unique. |
Visibility | Numérique (0-1) | Oui, case à cocher | Toile | La valeur de transparence de l'objet. Avec une valeur de 0, l'objet sera complètement invisible ; une valeur de 1 est complètement visible. |
Active | Booléen (vrai / faux) | Oui, case à cocher | Toile & Page | Détermine si l'objet est actif et peut être modifié pendant l'exécution de l'expérience. S'il est défini sur faux, l'objet n'exécutera aucune action. |
Propriétés de position et de taille de l'objet image
| Nom de la propriété | Type de données | Modifiable, Comment | Type de cadre | Description |
|---|---|---|---|---|
X | Numérique (0- largeur du cadre) | Oui, texte ou flèches | Toile | La position X de l'objet. |
Y | Numérique (0-hauteur du cadre) | Oui, texte ou flèches | Toile | La position Y de l'objet. |
Width | Numérique (0-largeur du cadre) | Oui, texte ou flèches | Toile | La largeur de l'objet. |
Height | Numérique (0-largeur du cadre) | Oui, texte ou flèches | Toile | La hauteur de l'objet. |
Anchor | Catégorique (1-9) | Oui, option de sélection | Toile | L'ancre définit le "point de référence de position" de l'objet. Par défaut, c'est le coin supérieur gauche. |
Propriétés d'échelle et de rotation de l'objet image
| Nom de la propriété | Type de données | Modifiable, Comment | Type de cadre | Description |
|---|---|---|---|---|
Scaling | Numérique (0-Inf) | Oui, texte ou flèches | Toile | Modifie l'échelle / le zoom de l'élément. De plus grandes valeurs zooment l'élément. |
Rotation | Numérique (0-359) | Oui, texte ou flèches | Toile | Modifie la rotation de l'objet. 0 est la position par défaut. |
Keep aspect ratio | Booléen (vrai / faux) | Oui, case à cocher | Toile | Détermine si le rapport d'aspect de l'objet est conservé lorsque l'objet est redimensionné. |
Style de l'objet image
| Nom de la propriété | Type de données | Modifiable, Comment | Type de cadre | Description |
|---|---|---|---|---|
Border-Size | Numérique (0-INF) | Oui, texte ou flèches | Toile | Modifie la taille de la bordure de l'objet. 0 n'affichera aucune bordure. |
Border-Color | Chaîne hexadécimale (Couleur) | Oui, option de sélection | Toile | Modifie la couleur de la bordure de l'objet. |
Background (BG)-Color | Chaîne hexadécimale (Couleur) | Oui, option de sélection | Toile | Modifie la couleur de fond de l'objet. Par défaut, il n'y aura pas de couleur / transparent. |
Roundness | Numérique (0-1) | Oui, texte ou flèches | Toile | Modifie le niveau d'arrondi de l'objet. 1 est un objet complètement rond, 0 est un objet complètement carré. |
Overflow-X | Catégorique (Caché,Auto,Visible) | Oui, option de sélection | Toile | Détermine si l'objet aura une barre de défilement visible dans la dimension X. |
Overflow-Y | Catégorique (Caché,Auto,Visible) | Oui, option de sélection | Toile | Détermine si l'objet aura une barre de défilement visible dans la dimension Y. |
Scroll Margin | Numérique | Oui, texte ou flèches | Toile | Détermine la marge de la barre de défilement en pourcentage. |
Change CSS Properties | Code CSS | Oui, case à cocher et zone de texte | Toile | Modifie un aspect de l'apparence de l'objet à l'aide de code CSS. |
Interaction avec la souris dans le lecteur
| Nom de la propriété | Type de données | Modifiable, Comment | Type de cadre | Description |
|---|---|---|---|---|
Selectable | Booléen (vrai / faux) | Oui, case à cocher | Toile | Détermine si l'objet peut être sélectionné / mis en surbrillance pendant l'exécution de l'expérience. |
Highlight on Select | Booléen (vrai / faux) | Oui, case à cocher | Toile | Détermine si l'objet qui a été sélectionné apparaît visuellement sélectionné (c'est-à-dire avec une bordure). |
Draggable | Booléen (vrai / faux) | Oui, case à cocher | Toile | Détermine si l'objet peut être déplacé pendant l'exécution de l'expérience. |
Resizable | Booléen (vrai / faux) | Oui, case à cocher | Toile | Détermine si l'objet peut être redimensionné pendant l'exécution de l'expérience. |
Track Scroll | Booléen (vrai / faux) | Oui, case à cocher et valeurs numériques si activées (ScrollPositionX, ScrollPositionY) | Toile | Permet le suivi du défilement si un objet est présenté avec des barres de défilement. |
Propriétés de l'image
| Nom de la propriété | Type de données | Modifiable, Comment | Description |
|---|---|---|---|
Filename | Chaîne | Oui, zone de texte | Le nom donné au fichier. |
Select File (Folder Icon) | Fonction | Oui, clic sur l'icône | Un clic sur l'icône de dossier ouvre le gestionnaire de fichiers pour choisir un fichier existant ou télécharger et sélectionner un nouveau fichier. |
Stimulus Info | Chaîne | Oui, zone de texte | Une propriété modifiable qui peut être utilisée pour stocker des informations sur les stimuli dynamiques pendant l'exécution de l'expérience. |
Stretch to Fit Bounding Box | Booléen (vrai / faux) | Oui, case à cocher | Lorsqu'il est activé, l'image est étirée pour remplir complètement la zone de délimitation. |
Bounding Box Fit | Fonction | Oui, clic sur l'icône | En cliquant sur "Ajuster", la zone de délimitation sera recadrée aux dimensions de l'image. |
Auto Fit Bounding Box with Image | Fonction | Oui, case à cocher | Lorsqu'il est activé, la zone de délimitation sera automatiquement modifiée pour correspondre à l'image. |