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 pendant 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 avec 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é de manière dynamique grâce à des événements, permettant des interactions logiques avancées.

L'objet Image dans la conception expérimentale

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 pour ajouter vos images via cet objet, ainsi que la manière dont vous pouvez le contrôler via la personnalisation, ou en utilisant des approches plus dynamiques comme les cadres de données et les événements. Labvanced propose plusieurs moyens de contrôler la présentation et le comportement de l'objet Image dans une expérience. Cela peut être fait en utilisant :

• Panneau des propriétés de l'objet
• Assistant de tâche
• Système d'essai
• Événements
• Randomisation

Passons maintenant à la façon dont une image peut être ajoutée à l'éditeur avant d'aborder les sujets mentionnés ci-dessus.

Ajouter un objet Image

Pour intégrer un objet Image dans votre expérience, accédez au menu Objets et sélectionnez l'objet Image.

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 édition, vous fournit plusieurs options pour éditer toutes les propriétés de l'objet image, y compris les options pour télécharger des stimuli d'image. Comme indiqué 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 afin qu'elle s'appelle "Image cible".

Pour une explication complète de ces options, référez-vous à cette section en bas de la page où toutes les propriétés sont répertoriées au format tableau.

Il est très courant de définir une propriété par défaut à l'aide de ce panneau, puis d'utiliser un événement pour la mettre à jour dynamiquement à une nouvelle valeur. Par exemple, vous pouvez utiliser un événement et spécifier qu'à chaque clic sur l'image (déclencheur), l'image se déplace vers la droite de 5 unités.

Assistant de tâche pour ajouter des objets Image

Si vous souhaitez configurer votre tâche expérimentale à l'aide de tableaux / données CSV, l'Assistant de tâche 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 automatiquement ajoutés aux objets image pour vous, lors de l'utilisation de l'Assistant de tâche dans Labvanced.

Dans l'exemple ci-dessous, les colonnes B et C représentent des stimuli d'image qui seront automatiquement ajoutés aux objets image pour vous, lors de l'utilisation de l'Assistant de tâche dans Labvanced.

À l'aide de 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 et des fichiers de stimuli.

Système d'essai et objets Image

Une fois qu'un objet image est ajouté à l'interface, le Système d'essai peut être utilisé collectivement 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 étudiez l'émotion et que vous souhaitiez catégoriser vos essais et concevoir en fonction des types d'émotion. Vous pouvez ajouter deux objets image à une interface, l'un avec des stimuli d'émotions heureuses et l'autre avec des émotions tristes. Ensuite, vous pouvez ajouter un facteur nommé 'Émotion' avec deux niveaux - 'heureux' et 'triste' avant de procéder au téléchargement des stimuli d'images sous les conditions correspondantes.

📌 Exemple pratique : Téléchargement de stimuli à des niveaux et objets spécifiques : Dans la vidéo ci-dessous, nous développons la conception de l'expérience en téléchargeant des stimuli d'image sous la condition pertinente.

Pour plus d'informations, veuillez visiter notre documentation sur le Système d'essai.

Système d'événements et objets Image

Le système d'é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 cadres de données

Nous allons discuter de ces points plus en détail maintenant.

Contrôler le comportement de l'image

Tout comportement ou apparence de l'image peut être modifié à l'aide d'é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 se traduit essentiellement par chaque clic augmentant la coordonnée x de +5, déplaçant l'image vers la droite.

Données et enregistrements de l'objet Image

Pour enregistrer des valeurs associées à l'objet Image, vous pouvez utiliser l'action Set/Record Variable et spécifier quelles données vous souhaitez enregistrer.

Enregistrement des noms de fichiers

Dans certains cas, vous pourriez vouloir enregistrer les noms exacts des images qui ont été présentées dans un essai pendant l'expérience. C'est tout à fait possible et facile à mettre en place !

Dans l'exemple ci-dessous, nous stockerons les noms des images 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 de type 'chaîne' puisque le nom du fichier est au format chaîne.

Pour pointer vers l'objet, il vous suffit de cliquer sur l'icône de crayon, puis de sélectionner la catégorie Frame / Task / Object et de choisir 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 reliant l'objet image 'incorrect'.

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

L'exemple ci-dessus est tiré de cette étude de cas sur l'effet Bouba-Kiki que vous pouvez importer dans votre compte.

Randomisation et objets Image

La randomisation est un autre sujet clé lié à la présentation d'images. Il existe de nombreuses façons de discuter de la randomisation dans ce contexte, car la randomisation repose fortement sur l'expérience particulière en cours.

Concernant les objets Image, la randomisation implique généralement de changer la position de l'image cible ou de sélectionner une image aléatoire à partir d'un ensemble.

Pour plus d'informations sur la randomisation et l'équilibrage dans Labvanced, référez-vous à cette page.

Point de recherche : L'objet image en action

L'objet image joue un rôle crucial dans la recherche expérimentale, notamment 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 d'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 primes (indications initiales pouvant affecter notre attention et notre perception des cibles ultérieures). Les chercheurs ont réalisé deux expériences de suivi oculaire en ligne en 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 primes.
• Expérience 2 : Impliquait la présentation d'images (objets réels ou pseudo-obets) comme primes.

Paradigmes expérimentaux avec des Mots (expérience 1) et des Images (expérience 2) ; Calignano et al. (2024).

Après avoir vu la prime, 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 endroit différent de la cible. Les participants devaient identifier les cibles et répondre en appuyant sur une touche lorsqu'ils localisent la cible.

Les données collectées comprenaient des temps de réponse (en millisecondes) pour la détection de la cible, des taux de précision pour la performance de la tâche et des 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 à travers des processus de haut en bas 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 des propriétés spécifiques à l'objet qui apparaissent sur le panneau latéral droit lors du travail avec 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	String	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 des événements), donc il doit ê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. Si défini sur faux, l'objet n'émettra 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 à sélectionner	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	Change l'échelle / le zoom de l'élément. Des valeurs plus grandes zoomeront l'élément.
Rotation	Numérique (0-359)	Oui, texte ou flèches	Toile	Change la rotation de l'objet. 0 est la position par défaut, droite.
Keep aspect ratio	Booléen (vrai / faux)	Oui, case à cocher	Toile	DétermINE si le rapport d'aspect de l'objet est maintenu 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	Change la taille de la bordure de l'objet. 0 n'affichera aucune bordure.
Border-Color	Chaîne hexadécimale (couleur)	Oui, option à sélectionner	Toile	Change la couleur de la bordure de l'objet.
Background (BG)-Color	Chaîne hexadécimale (couleur)	Oui, option à sélectionner	Toile	Change la couleur d'arrière-plan 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	Change l'arrondi de l'objet. 1 est un objet complètement rond, 0 est un objet complètement carré.
Overflow-X	Catégorique (Caché, Automatique, Visible)	Oui, option à sélectionner	Toile	Détermine si l'objet aura une barre de défilement visible dans la dimension X.
Overflow-Y	Catégorique (Caché, Automatique, Visible)	Oui, option à sélectionner	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	Change 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 comme 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é (ScrollPositionX, ScrollPositionY)	Toile	Active 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	String	Oui, zone de texte	Le nom donné au fichier.
Select File (Folder Icon)	Fonction	Oui, cliquez sur l'icône	Un clic sur l'icône du dossier ouvre le gestionnaire de fichiers pour choisir un fichier existant ou télécharger et sélectionner un nouveau fichier.
Stimulus Info	String	Oui, zone de texte	Une propriété modifiable qui peut être utilisée pour stocker des informations de stimulus 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é, étire l'image pour remplir complètement la zone de délimitation.
Bounding Box Fit	Fonction	Oui, cliquez sur l'icône	En cliquant sur "Fit", 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.