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 avec le design expérimental. Les chercheurs peuvent contrôler des aspects comme 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 à travers 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 gérer lors de la conception expérimentale. Ci-dessous, nous allons discuter de plusieurs options pour ajouter vos images via cet objet, ainsi que comment vous pouvez le contrôler via la personnalisation ou en utilisant des approches plus dynamiques comme des cadres de données et des événements. Labvanced propose plusieurs façons de contrôler la présentation et le comportement de l'objet Image dans une expérience. Cela peut se faire en utilisant :

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

Passons à la manière dont une image peut être ajoutée à l'éditeur avant de plonger dans les sujets mentionnés ci-dessus.

Ajouter un objet Image

Pour intégrer un objet Image dans votre expérience, naviguez vers le 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 d'édition, vous fournit plusieurs options pour modifier toutes les propriétés de l'objet image, y compris les options pour télécharger des stimuli image. Comme indiqué dans l'image ci-dessous, il y a plusieurs options dans 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 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 listées dans un format de tableau.

Il est très courant de définir une propriété par défaut en utilisant ce panneau et ensuite d'utiliser un événement pour le 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 à droite de 5 unités.

Assistant de tâche pour ajouter des objets Image

Si vous aimez configurer votre tâche expérimentale en utilisant des feuilles de calcul / données CSV, l'Assistant de tâche peut être utilisé pour ajouter vos stimuli image.

Dans l'exemple ci-dessous, les colonnes B et C représentent des stimuli 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 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 l'ensemble de 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 plus 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 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 votre design en fonction des types d'émotion. Vous pouvez ajouter deux objets image à un cadre, l'un avec des stimuli d'émotions heureuses et l'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 image sous les conditions pertinentes.

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

Pour plus d'informations, veuillez consulter 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 image via des cadres de données

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

Contrôle du 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 configurons un clic de souris (déclencheur) sur l'objet image nommé 'Image cible' et spécifions 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 qui augmentera la coordonnée x de +5, déplaçant ainsi 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 Définir / Enregistrer une 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 qui ont été présentées dans un essai durant l'expérience. C'est tout à fait possible et facile à configurer !

Dans l'exemple ci-dessous, nous allons stocker 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 'chaîne' puisque le nom du fichier est en 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 Cadre / Tâche / Objet et de choisir Propriété de l'objet. Pour le premier champ, vous sélectionnez l'objet cible et pour le deuxième champ, vous sélectionnez Nom de fichier. De même, pour la variable 'nom de l'image incorrecte', nous pointons vers le nom de fichier du stimulus en le reliant à l'objet image 'incorrect'.

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

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

Randomisation et objets d'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 celle-ci dépend fortement de l'expérience particulière à laquelle on fait face.

En ce qui concerne les objets d'image, la randomisation implique généralement de changer 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.

Projecteurs de 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 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 attentif et la détection des cibles plus efficacement que les pseudo-mots ou les pseudo-objets.

Les participants ont reçu des amorces (indices initiaux qui peuvent 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 des mots (expérience 1) et des images (expérience 2) ; Calignano et al. (2024).

Après avoir vu l'amorce, ils ont vu un indice spatial (valide ou non valide) indiquant où chercher la cible. Un indice spatial valide apparaît au même endroit que la cible, tandis qu'un indice non valide apparaît à un autre endroit que 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 l'exécution des tâches 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 descendantes 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 latéral droit lors de l'utilisation de l'objet. Voici 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
Nom	Chaîne	Oui, zone de texte	Canvas & Page	Le nom de l'objet. Le nom est utilisé plusieurs fois en référence à l'objet (c'est-à-dire à l'intérieur des événements), donc il doit être unique.
Visibilité	Numérique (0-1)	Oui, case à cocher	Canvas	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.
Actif	Booléen (vrai / faux)	Oui, case à cocher	Canvas & 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 ne déclenchera 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	Canvas	La position X de l'objet.
Y	Numérique (0-hauteur du cadre)	Oui, texte ou flèches	Canvas	La position Y de l'objet.
Largeur	Numérique (0-largeur du cadre)	Oui, texte ou flèches	Canvas	La largeur de l'objet.
Hauteur	Numérique (0-largeur du cadre)	Oui, texte ou flèches	Canvas	La hauteur de l'objet.
Ancre	Catégorique (1-9)	Oui, sélectionner une option	Canvas	L'ancre définit le "point de référence de position" de l'objet. Par défaut, il s'agit du 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
Echelle	Numérique (0-Inf)	Oui, texte ou flèches	Canvas	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	Canvas	Change la rotation de l'objet. 0 est la position verticale par défaut.
Conserver le rapport d'aspect	Booléen (vrai / faux)	Oui, case à cocher	Canvas	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
Taille de bord	Numérique (0-INF)	Oui, texte ou flèches	Canvas	Change la taille de la bordure de l'objet. 0 n'affichera pas de bordure.
Couleur de bord	Chaîne hexadécimale (Couleur)	Oui, sélectionner une option	Canvas	Change la couleur de la bordure de l'objet.
Couleur de fond (BG)	Chaîne hexadécimale (Couleur)	Oui, sélectionner une option	Canvas	Change la couleur de fond de l'objet. Par défaut, il n'y aura pas de couleur / transparent.
Arrondi	Numérique (0-1)	Oui, texte ou flèches	Canvas	Change l'arrondi de l'objet. 1 est un objet complètement rond, 0 est un objet complètement carré.
Défilement-X	Catégorique (Caché, Auto, Visible)	Oui, sélectionner une option	Canvas	Détermine si l'objet aura une barre de défilement visible dans la dimension X.
Défilement-Y	Catégorique (Caché, Auto, Visible)	Oui, sélectionner une option	Canvas	Détermine si l'objet aura une barre de défilement visible dans la dimension Y.
Marge de défilement	Numérique	Oui, texte ou flèches	Canvas	Détermine la marge de la barre de défilement en pourcentage.
Changer les propriétés CSS	Code CSS	Oui, case à cocher et zone de texte	Canvas	Change un aspect de l'apparence de l'objet à l'aide de code CSS.

Interaction de la souris dans le lecteur

Nom de la propriété	Type de données	Modifiable, Comment	Type de cadre	Description
Sélectionnable	Booléen (vrai / faux)	Oui, case à cocher	Canvas	Détermine si l'objet peut être sélectionné / mis en surbrillance pendant l'exécution de l'expérience.
Mise en surbrillance lors de la sélection	Booléen (vrai / faux)	Oui, case à cocher	Canvas	Détermine si l'objet sélectionné apparaît visuellement comme sélectionné (c'est-à-dire avec une bordure).
Drogable	Booléen (vrai / faux)	Oui, case à cocher	Canvas	Détermine si l'objet peut être déplacé pendant l'exécution de l'expérience.
Redimensionnable	Booléen (vrai / faux)	Oui, case à cocher	Canvas	Détermine si l'objet peut être redimensionné pendant l'exécution de l'expérience.
Suivre le défilement	Booléen (vrai / faux)	Oui, case à cocher et valeurs numériques si activées (ScrollPositionX, ScrollPositionY)	Canvas	Permet de suivre le défilement si un objet est présenté avec des barres de défilement.

Propriétés d'image

Nom de la propriété	Type de données	Modifiable, Comment	Description
Nom de fichier	Chaîne	Oui, zone de texte	Le nom donné au fichier.
Sélectionner un fichier (icône de dossier)	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.
Infos sur le stimulus	Chaîne	Oui, zone de texte	Une propriété modifiable qui peut être utilisée pour stocker des informations dynamiques sur les stimuli pendant l'exécution de l'expérience.
Étendre pour s'adapter à la zone de délimitation	Booléen (vrai / faux)	Oui, case à cocher	Lorsqu'il est activé, étend l'image pour remplir complètement la zone de délimitation.
Ajustement de la zone de délimitation	Fonction	Oui, clic sur l'icône	Lorsqu'on clique sur "Ajuster", la zone de délimitation sera découpée aux dimensions de l'image.
Ajustement automatique de la zone de délimitation avec l'image	Fonction	Oui, case à cocher	Lorsqu'il est activé, la zone de délimitation sera automatiquement modifiée pour correspondre à l'image.