labvanced logoLabVanced
  • Research
    • Publications
    • Researcher Interviews
    • Use Cases
      • Developmental Psychology
      • Linguistics
      • Clinical & Digital Health
      • Educational Psychology
      • Cognitive & Neuro
      • Social & Personality
      • Arts Research
      • Sports & Movement
      • Marketing & Consumer Behavior
      • Economics
      • HCI / UX
      • Commercial / Industry Use
    • Labvanced Blog
    • Services
  • Technology
    • Feature Overview
    • Code-Free Study Building
    • Eye Tracking
    • Mouse Tracking
    • Generative AI Integration
    • Multi User Studies
    • More ...
      • Reaction Time/Precise Timing
      • Text Transcription
      • Heart Rate Detection (rPPG)
      • Emotion Detection
      • Questionnaires/Surveys
      • Experimental Control
      • Data Privacy & Security
      • Desktop App
      • Mobile App
  • Learn
    • Guide
    • Videos
    • Walkthroughs
    • FAQ
    • Release Notes
    • Documents
    • Classroom
  • Experiments
    • Cognitive Tests
    • Sample Studies
    • Public Experiment Library
  • Pricing
    • Licenses
    • Top-Up Recordings
    • Subject Recruitment
    • Study Building
    • Dedicated Support
    • Checkout
  • About
    • About Us
    • Contact
    • Downloads
    • Careers
    • Impressum
    • Disclaimer
    • Privacy & Security
    • Terms & Conditions
    • Third-Party Licenses
  • Appgo to app icon
  • Logingo to app icon
Learn
Guide
Vidéos
Guides étape par étape
FAQ
Archives des newsletters
Documents
Salle de classe
  • 中國人
  • Deutsch
  • Français
  • Español
  • English
  • 日本語
Guide
Vidéos
Guides étape par étape
FAQ
Archives des newsletters
Documents
Salle de classe
  • 中國人
  • Deutsch
  • Français
  • Español
  • English
  • 日本語
  • Guide
    • DÉBUTER

      • Éditeur de tâches
      • Cadres
        • Cadre Canvas
        • Cadre de Page
        • Cadre de Site Web
      • Chronologie des essais
      • Présentation des stimuli
      • Exactitude de la réponse
      • Objets
      • Événements
      • Variables
      • Assistant de tâche
      • Système d'essai
      • Conception de l'expérience
        • Création d'une étude
        • Modèles de Cadre de Données
        • Conception d'expérimentations multi-utilisateurs
        • Conception d'expérimentations longitudinales
    • Sujets en vedette

      • Randomisation & Équilibre
      • Suivi oculaire
        • Présentation des Stimuli dans une Tâche de Suivi oculaire
        • Comment Choisir les Paramètres de Calibration de Suivi Oculaire
        • Configuration du suivi oculaire dans une tâche
        • Enregistrement et exportation des données de regard
        • Utilisation des formes comme zones d'intérêt (AOI) pour le suivi oculaire
        • L'expérience de calibration du participant
      • Pont Web
        • Sélectionner les AOI de site Web | Ancrer, ajuster et vérifier le suivi des AOI
        • Suivi du comportement de la souris sur une AOI de site Web | Guide Web Bridge
      • Questionnaires
      • Application de bureau
      • Études échantillons
      • 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

      • Aperçu : Onglets principaux
      • Tableau de bord
      • Mes études
      • Études partagées
      • Mes fichiers
      • Bibliothèque d'expériences
      • Mon compte
      • Licence & Services
    • ONGLETS D'ÉTUDE

      • Aperçu : Onglets spécifiques à l'étude
      • Conception de l'étude
        • Tâches
        • Blocs
        • Sessions
        • Groupes
      • Éditeur de tâches
        • Contrôles de tâche
        • Le Système des Essais
        • Types de cadres
        • Objets
        • Tables de Propriétés des Objets
        • Variables
        • Tableau des Variables Système
        • Le Système d'Événements
        • Fonctions de l'Éditeur de Texte
        • Options de suivi oculaire dans l'éditeur de tâches
        • Suivi de la tête dans une tâche
        • Études Multi-Utilisateurs
      • Paramètres
      • Variables
      • Média
      • Textes & Traduire
      • Lancer & Participer
      • Gestion des sujets
      • 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
    • Aperçu des Vidéos
    • Premiers Pas dans Labvanced
    • Création de Tâches
    • Vidéos d'Éléments
    • Événements & Variables
    • Sujets Avancés
  • Tutoriaux
    • Introduction
    • Tâche Stroop
    • Tâche de Décision Lexicale
    • Tâche de Cues Visuels de Posner
    • Paradygme de Flicker de Cécité au Changement
    • Étude d'Œil-Tracking
    • Étude d'Œil-Tracking des Nourrissons
    • Étude de Capture d'Attention avec Suivi au Souris
    • Présentation Visuelle Sérielle Rapide
    • Étude ChatGPT
    • Démo de Suivi Occulaire : SVG en tant qu'AOI
    • Démo Multi-Utilisateur : Montrer les Curseurs des Sujets
    • Contrôleur de Gamepad / Joystick - Configuration de Base
    • Étude d'App Desktop avec Intégration EEG
    • Équilibrage de Groupes entre Sujets et Configuration des Variables
    • Construction d'une Étude Multi-Utilisateur
    • Tutoriel de Suivi Occulaire dans un Cadre de Site Web
    • Suivi Occulaire Conditionnel avec Webcam
    • Construction d'une Étude de Segmentation de Texte
  • FAQ
    • Fonctionnalités
    • Politique de Support & Directives
    • Sécurité & Confidentialité des Données
    • Licences
    • Précision de Labvanced
    • Utilisation Programmatique & API
    • Utiliser Labvanced Hors Ligne
    • Dépannage
    • Questions sur la Création d'Études
  • Archive de Newsletter
  • Documents
  • Salle de Classe
Illustration du Cadre de Page dans Labvanced, montrant des objets empilés automatiquement de haut en bas

Cadre de Page {/examples/}

Un Cadre de Page arrange le contenu automatiquement de haut en bas, de la manière dont les éléments s'empilent dans une mise en page typique. Les objets ne peuvent pas être positionnés librement ; au lieu de cela, ils s'écoulent les uns sous les autres dans un format de liste, avec un ordre vertical modifié par glisser-déposer. Cela rend les Cadres de Page bien adaptés aux questionnaires, formulaires de consentement et instructions, où la flexibilité de la mise en page compte moins que la lisibilité et l'écoulement.

Au lieu de zoomer comme un Cadre de Toile, un Cadre de Page se navigue en faisant défiler. Au lieu de lignes de grille, un mode aperçu (case à cocher sous le cadre) montre à quoi la page ressemblera réellement lors de l'exécution de l'expérience.

Propriétés du Cadre de Page {/examples/}

Définies dans le panneau Frame Settings :

  • Name : une étiquette pour identifier le cadre dans votre tâche (les participants ne le voient jamais)
  • Duration : un temps d'affichage fixe optionnel en millisecondes ; s'il n'est pas défini, le cadre reste à l'écran jusqu'à ce qu'un événement ou une action avance
  • Color : la couleur de fond du cadre (défaut : Blanc)
  • Hide Mouse : masque le curseur du participant pendant que le cadre est actif
  • Max-Width : la largeur maximale de la zone de contenu de la page, en pixels (Cadre de Page seulement)
  • Border-Size : la taille de la bordure des éléments dans le cadre (Cadre de Page seulement)
  • Elem Margin : l'espacement entre les éléments dans le cadre (Cadre de Page seulement)
  • Sync Frame Start : apparaît seulement une fois que la tâche est convertie en expérience multi-utilisateurs (partagée avec le Cadre de Toile, non disponible sur le Cadre de Site Web) ; lorsqu'elle est activée, le cadre attend que chaque participant du groupe soit prêt avant de commencer, au lieu que chaque participant commence indépendamment. Voir Conception d'Expérience Multi-Utilisateurs pour savoir comment cela s'intègre dans une étude conjointe.

Note

Si vous souhaitez changer la couleur environnante par défaut bleu clair, vous pouvez la définir pour l'ensemble de l'étude via Settings → Main → Settings → Page Surround Color, ou si vous devez la varier par tâche, utilisez l'action Set Global CSS.

Quand utiliser Page plutôt que Toile {/examples/}

Choisissez un Cadre de Page lorsque le contenu ressemble à un formulaire et se lit de haut en bas, les questionnaires, les formulaires de consentement, les instructions, tout où la lisibilité et l'écoulement comptent plus que le placement exact des stimuli. Lorsque le positionnement précis ou le timing fait partie de la conception, un Cadre de Toile est plus adapté.

Souvent associé à {/examples/}

Deux objets sont particulièrement courants dans un Cadre de Page. Ajouter l'un ou l'autre déclenche un assistant de configuration qui peut créer automatiquement ses événements les plus courants pour vous, sans besoin de construction manuelle d'événements :

  • Objet Timer : peut configurer automatiquement Start timer on frame start et Jump to next frame when timer ends.
  • Navigation : peut configurer automatiquement Go Forward et Go Backward événements pour se déplacer entre les cadres.

Lectures complémentaires {/examples/}

Illustration des trois types de cadre dans Labvanced : Cadre de Toile, Cadre de Page et Cadre de Site Web

Cadres

Le hub pour tous les types de cadre et les propriétés que chaque cadre partage.

Illustration du Cadre de Toile dans Labvanced, montrant des objets positionnés librement sur une toile vierge

Cadre de Toile

Le type de cadre de positionnement libre, pour un placement et un timing de stimuli précis.

Illustration du Cadre de Site Web dans Labvanced, montrant un véritable site externe intégré dans une étude

Cadre de Site Web

Intègre un véritable site externe dans l'étude, pour la collecte de données comportementales sur un site externe ou personnalisé.

Illustration du système d'événements Labvanced, montrant des déclencheurs et des actions

Le Système d'Événements

Déclencheurs et actions qui contrôlent la présentation des stimuli, enregistrent des variables et avancent les cadres.

Chronologie des Essais

Chronologie des Essais

Comment les cadres sont séquencés et répétées au sein d'un essai, et l'édition par condition du Système d'Essai.

Prev
Cadre Canvas
Next
Cadre de Site Web