labvanced logoLabVanced
  • Research
    • Publications
    • Researcher Interviews
    • Use Cases
      • Behavioral Psychology
      • Personality & Social Psychology
      • Cognitive & Neuro Psychology
      • Developmental & Educational Psychology
      • Clinical & Health Psychology
      • Sports & Movement Psychology
      • Marketing & Consumer Psychology
    • Labvanced Blog
  • Technology
    • Feature Overview
    • Desktop App
    • Phone App
    • Precise Timing
    • Experimental Control
    • Eye Tracking
    • Multi User Studies
    • More ...
      • Questionnaires
      • Artificial Intelligence (AI) Integration
      • Mouse Tracking
      • Data Privacy & Security
  • Learn
    • Guide
    • Videos
    • Walkthroughs
    • FAQ
    • Release Notes
    • Documents
    • Classroom
  • Experiments
    • Public Experiment Library
    • Labvanced Sample Studies
  • Pricing
    • Pricing Overview
    • License Configurator
    • Single License
    • Research Group
    • Departments & Consortia
  • About
    • About Us
    • Contact
    • Downloads
    • Careers
    • Impressum
    • Disclaimer
    • Privacy & Security
    • Terms & Conditions
  • Appgo to app icon
  • Logingo to app icon
Learn
Guide
Vidéos
Tutoriels
FAQ
Notes de version
Salle de classe
  • 中國人
  • Deutsch
  • Français
  • Español
  • English
Guide
Vidéos
Tutoriels
FAQ
Notes de version
Salle de classe
  • 中國人
  • Deutsch
  • Français
  • Español
  • English
  • Guide
    • DÉMARREZ

      • Objets
      • Événements
      • Variables
      • Assistant de tâche
      • Système d'essai
      • Conception de l'étude
        • Tâches
        • Blocs
        • Sessions
        • Groupes
    • SUJETS EN VEDETTE

      • Randomisation & Équilibre
      • Suivi oculaire
      • Application de bureau
      • Études d'exemple
      • Recrutement de participants
      • Accès API
        • API REST
        • API Webhook
        • API WebSocket
      • Autres sujets

        • Temps de stimuli précis
        • Études multi-utilisateurs
        • Suivi de la Tête dans Labvanced | Guide
    • ONGLETS PRINCIPAUX DE L'APPLICATION

      • Vue d'ensemble : Onglets principaux
      • Tableau de bord
      • Mes études
      • Études partagées
      • Mes fichiers
      • Bibliothèque d'expériences
      • Mon compte
      • Ma licence
    • ONGLETS D'ÉTUDE

      • Vue d'ensemble : Onglets spécifiques à l'étude
      • Conception de l'étude
        • Tâches
        • Blocs
        • Sessions
        • Groupes
      • Éditeur de tâche
        • Fonctions Principales et Paramètres
        • Le Système d'Essais
        • Cadres de canevas et de page
        • Objets
        • Tables de Propriétés des Objets
        • Variables
        • Tables des variables système
        • Le Système d'Événements
        • Randomisation des Essais
        • Fonctions de l'Éditeur de Texte
        • Suivi oculaire dans une tâche
        • Suivi de la tête dans une tâche
        • Études Multi-Utilisateurs
      • Paramètres de l'étude
        • Démarrage et Paramètres Principaux
        • Paramètres des navigateurs et des appareils
        • Paramètres des fonctionnalités d'expérience
      • Description
        • Plus de détails sur les informations de description
        • Images, Liens et Références dans les Descriptions
      • Variables
      • Médias
      • Traduire
      • Exécuter
      • Publier et enregistrer
        • Exigences pour laPublication d'une Étude dans Labvanced
        • Recrutement de Participants et Crowdsourcing
        • Sélection et Confirmation de la Licence
        • Après la publication de votre étude Labvanced
      • Partage
      • Participants
      • Vue de données et exportation
        • Vue des données et sélection des variables & des tâches (ancienne version)
        • Accéder aux Enregistrements (Version ANCIENNE)
  • Vidéos
    • Vue d'ensemble des vidéos
    • Démarrer avec Labvanced
    • Création de tâches
    • Vidéos d'éléments
    • Événements & Variables
    • Sujets avancés
  • Guides pratiques
    • Introduction
    • Tâche de Stroop
    • Tâche de décision lexicale
    • Tâche de cueing visuel de Posner
    • Paradigme de clignotement de cécité au changement
    • Étude d'exemple de suivi oculaire
    • Étude de suivi oculaire des nourrissons
    • Étude de capture d'attention avec suivi de souris
    • Présentation visuelle sérielle rapide
    • Étude ChatGPT
    • Démonstration de suivi oculaire : SVG comme AOIs
    • Démonstration multi-utilisateur : Afficher les curseurs des sujets
    • Configuration de base du contrôleur de jeu/joystick
    • Étude d'application de bureau avec intégration EEG
  • FAQ
    • Fonctionnalités
    • Sécurité & Confidentialité des données
    • Licences
    • Précision de Labvanced
    • Utilisation programmatique & API
    • Utilisation de Labvanced hors ligne
    • Dépannage
    • Questions sur la création d'études
  • Notes de version
  • Salle de classe
Ajouter des stimuli d'image aux expériences en ligne via l'objet image.

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 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é afin de 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 d'ajouter vos images via cet objet, ainsi que sur la manière de le contrôler via la personnalisation, ou en utilisant des approches plus dynamiques comme les cadres de données et les événements. Labvanced fournit 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 :

  • Panneau des Propriétés de l'Objet
  • Assistant de Tâche
  • Système de Essai
  • Événements
  • Randomisation

Passons maintenant à la manière 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, accédez au menu Objets et sélectionnez l'Objet Image.

Ajouter un objet image à l'éditeur dans Labvanced peut se faire en quelques clics seulement.

Conseil 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 en mode édition, vous fournit plusieurs options pour modifier toutes les propriétés de l'objet image, y compris des options pour télécharger des stimuli d'image. Comme le montre l'image ci-dessous, il existe 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 soit appelée "Image Cible".

Le panneau des Propriétés de l'Objet est affiché à droite, révélant les valeurs spécifiques à l'image pour l'objet sélectionné.

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

Remarque : Gardez à l'esprit que toutes ces propriétés sont également accessibles via les É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 à l'aide de ce panneau, puis d'utiliser un événement pour la mettre à jour dynamiquement avec 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 mettre en place votre tâche expérimentale en utilisant des feuilles de calcul / des 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 les 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 les 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.

Exemple d'une feuille de calcul avec des noms de stimuli d'image (Colonnes B&C) qui seront téléchargés pour créer une tâche via l'Assistant de Tâche dans Labvanced.

En utilisant cet assistant, vous pouvez créer toute la structure de votre tâche expérimentale, y compris les stimuli, événements, variables, facteurs, conditions, randomisation et enregistrements de données à partir d'un seul fichier CSV plus des fichiers de stimuli.

Système de Essai et Objets Image

Une fois qu'un objet image est ajouté au cadre, le Système de Essai peut être utilisé collectivement pour créer différents essais (plusieurs répétitions uniques de la tâche) basés sur votre hypothèse expérimentale.

Supposons que vous étudiez les émotions et que vous souhaitiez catégoriser vos essais et concevoir en fonction des types d'émotions. Vous pouvez ajouter deux objets image à un cadre, 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 au téléchargement des stimuli d'image sous les conditions pertinentes.

📌 Exemple Pratique : Télécharger des stimuli vers 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 d'image vers la condition pertinente.

Pour plus d'informations, veuillez consulter notre documentation sur le Système de Essai.

Système des Événements et Objets Image

Le Système des Événements est un moyen dynamique de :

  • Contrôler le comportement d'une image
  • Enregistrer des propriétés spécifiques de l'objet :
  • Présenter des stimuli d'image via des cadres de données

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

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 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é) devrait augmenter de +5. Cela signifie qu'à chaque clic, la coordonnée x augmentera de +5, déplaçant l'image vers la droite.

Exemple de la façon dont un événement peut être configuré pour changer dynamiquement les coordonnées d'une image dans un design d'expérience interactive.

Remarque : Vous pouvez enregistrer et sauvegarder dans une variable l'heure exacte en millisecondes à laquelle la modification de la propriété de l'objet a été mise à jour sur 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 Variable et spécifier quelles données vous souhaitez enregistrer.

Enregistrement des Noms de Fichiers

Dans certains cas, vous pouvez vouloir enregistrer les noms exacts des images présentées lors d'un essai durant l'expérience. C'est absolument possible et facile à mettre en place !

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 toutes deux stockent des données de type "chaîne" car le nom du fichier est au format chaîne.

Pour désigner l'objet, il vous suffit de cliquer sur l'icône de crayon et de sélectionner ensuite 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 désignons le nom de fichier du stimulus en le liant à l'objet image "incorrect".

Enregistrement des Variables à partir des objets Image

Comme résultat de ce qui précède, les noms de fichiers spécifiques des images sont listés par essai comme montré dans l'image ci-dessous.

Comment les données d'image sont enregistrées et stockées dans la vue des données pour révéler quels stimuli d'image ont été présentés lors d'un essai.

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 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, veuillez consulter cette page.

Spotlight 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é supposé que les mots réels et les objets familiers biaiseraient l'engagement d'attention et la détection des cibles plus efficacement que des pseudo-mots ou des pseudo-objets.

Les participants ont été présentés avec des primes (signaux initiaux qui pourraient affecter notre attention et perception des cibles ultérieures). Les chercheurs ont mené deux expériences de suivi oculaire basées sur le web 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 de présenter des images (objets réels ou pseudo-objets) comme primes.

Schéma de deux expériences incorporant les objets image de Labvanced et le suivi oculaire Paradigmes expérimentaux avec Mots (expérience 1) et 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ù chercher la cible. Un indice spatial valide apparaît à la même position que la cible, tandis qu'un indice invalide apparaît à un emplacement différent 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 des temps de réponse (millisecondes) pour la détection des cibles, des taux de précision pour la performance de la tâche et des données de suivi oculaire pour l'analyse de l'attention.

Les résultats ont montré que les mots et les objets reconnus peuvent améliorer la détection des cibles grâce à 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 spécifiques à l'objet qui apparaissent dans 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éeModifiable, CommentType de CadreDescription
NomChaîneOui, zone de texteToile & PageLe 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.
VisibilitéNumérique (0-1)Oui, case à cocherToileLa 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.
ActifBooléen (vrai / faux)Oui, case à cocherToile & PageDétermine si l'objet est actif et peut être changé pendant l'exécution de l'expérience. S'il est défini sur faux, l'objet n'effectuera aucune action.

Propriétés de Position et de Taille de l'Objet Image

Nom de la PropriétéType de DonnéeModifiable, CommentType de CadreDescription
XNumérique (0- largeur du cadre)Oui, texte ou flèchesToileLa position X de l'objet.
YNumérique (0-hauteur du cadre)Oui, texte ou flèchesToileLa position Y de l'objet.
LargeurNumérique (0-largeur du cadre)Oui, texte ou flèchesToileLa largeur de l'objet.
HauteurNumérique (0-largeur du cadre)Oui, texte ou flèchesToileLa hauteur de l'objet.
AncreCatégorique (1-9)Oui, sélectionner optionToileL'ancre définit le "point de référence" de la 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éeModifiable, CommentType de CadreDescription
Mise à l'échelleNumérique (0-Inf)Oui, texte ou flèchesToileChange l'échelle / le zoom de l'élément. Des valeurs plus grandes zoomeront l'élément.
RotationNumérique (0-359)Oui, texte ou flèchesToileChange la rotation de l'objet. 0 est la position par défaut.
Conserver le ratio d'aspectBooléen (vrai / faux)Oui, case à cocherToileDétermine si le ratio 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éeModifiable, CommentType de CadreDescription
Taille de la BordureNumérique (0-INF)Oui, texte ou flèchesToileChange la taille de la bordure de l'objet. 0 ne montrera pas de bordure.
Couleur de la BordureChaîne Hexadécimale (Couleur)Oui, sélectionner optionToileChange la couleur de la bordure de l'objet.
Couleur de l'Arrière-plan (BG)Chaîne Hexadécimale (Couleur)Oui, sélectionner optionToileChange la couleur de fond de l'objet. Par défaut, il n'y aura pas de couleur / transparent.
ArrondisNumérique (0-1)Oui, texte ou flèchesToileChange l’arrondi de l'objet. 1 est un objet complètement rond, 0 est un objet complètement carré.
Débordement-XCatégorique (Caché, Automatique, Visible)Oui, sélectionner optionToileDétermine si l'objet aura une barre de défilement visible dans la dimension X.
Débordement-YCatégorique (Caché, Automatique, Visible)Oui, sélectionner optionToileDétermine si l'objet aura une barre de défilement visible dans la dimension Y.
Marge de DéfilementNumériqueOui, texte ou flèchesToileDétermine la marge de la barre de défilement en pourcentage.
Changer les Propriétés CSSCode CSSOui, case à cocher et zone de texteToileChange un aspect de l’apparence de l'objet en utilisant le code CSS.

Interaction avec la Souris dans le Lecteur

Nom de la PropriétéType de DonnéeModifiable, CommentType de CadreDescription
SélectionnableBooléen (vrai / faux)Oui, case à cocherToileDétermine si l'objet peut être sélectionné / mis en surbrillance pendant l'exécution de l'expérience.
Surligner lors de la SélectionBooléen (vrai / faux)Oui, case à cocherToileDétermine si l'objet sélectionné apparaît visuellement comme sélectionné (c'est-à-dire avec une bordure).
DéplaçableBooléen (vrai / faux)Oui, case à cocherToileDétermine si l'objet peut être déplacé pendant l'exécution de l'expérience.
RedimensionnableBooléen (vrai / faux)Oui, case à cocherToileDétermine si l'objet peut être redimensionné pendant l'exécution de l'expérience.
Suivre le DéfilementBooléen (vrai / faux)Oui, case à cocher et valeurs numériques si activées (ScrollPositionX, ScrollPositionY)ToileActive 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éeModifiable, CommentDescription
Nom de fichierChaîneOui, zone de texteLe nom donné au fichier.
Sélectionner le Fichier (Icône de Dossier)FonctionOui, cliquer sur l'icôneUn 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 StimulusChaîneOui, zone de texteUne propriété modifiable qui peut être utilisée pour stocker des informations dynamiques sur le stimulus pendant l'exécution de l'expérience.
Étendre pour Remplir la Zone de LimiteBooléen (vrai / faux)Oui, case à cocherLorsqu'activée, étend l'image pour remplir complètement la zone de limite.
Ajustement de la Zone de LimiteFonctionOui, cliquer sur l'icôneEn cliquant sur "Ajuster", la zone de limite sera recadrée aux dimensions de l'image.
Ajustement Automatique de la Zone de Limite avec l'ImageFonctionOui, case à cocherLorsqu'activée, la zone de limite sera automatiquement modifiée pour correspondre à l'image.