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
    • COMMEÇANT

      • Éditeur de Tâches
      • Cadres
        • Cadre de Canevas
        • Cadre de Page
        • Cadre de Site Web
      • Chronologie de l'Essai
      • Présentation des Stimuli
      • Exactitude de la Réponse
      • Objets
      • Événements
      • Variables
      • Assistant de Tâches
      • Système d'Essai
      • Conception de l'Expérience
        • Créer une étude
        • Modèles de Data Frame
        • Conception d'Expériences Multi-utilisateurs
    • SUJETS MISE EN AVANT

      • Randomisation & Équilibre
      • Suivi Oculaire
        • Présentation des Stimuli dans une Tâche de Suivi Oculaire
        • Comment Choisir les Paramètres de Calibration du Suivi Oculaire
        • Configurer le 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 AOIs de site Web | Ancrer, ajuster et vérifier le suivi des AOIs
        • 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

        • Chronologie Précise des Stimuli
        • É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âches
        • Le Système des Essais
        • Types de cadres
        • Objets
        • Tables de Propriétés des Objets
        • Variables
        • Tables 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-Utilisateur
      • Paramètres
      • Variables
      • Médias
      • Textes & Traduire
      • Lancer & Participer
      • Gestion des Sujets
      • Vue des 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
    • Commencer avec Labvanced
    • Création de tâches
    • Vidéos d'éléments
    • Événements & Variables
    • Sujets avancés
  • Guides
    • Introduction
    • Tâche de Stroop
    • Tâche de décision lexicale
    • Tâche de suivi du regard de Posner
    • Paradigme de clignotement de cécité au changement
    • Étude d'exemple de suivi oculaire
    • Étude de suivi oculaire chez les nourrissons
    • Étude de capture attentionnelle avec suivi de souris
    • Présentation visuelle rapide en série
    • Étude ChatGPT
    • Démo de suivi oculaire : SVG comme AOI
    • Démo multi-utilisateur : Afficher les curseurs des sujets
    • Manette / Contrôleur Joystick - Configuration de base
    • Étude d'application de bureau avec intégration EEG
    • Équilibrage de groupe entre sujets et configuration des variables
    • Construire une étude multi-utilisateur
    • Guide de suivi oculaire dans un cadre de site Web
    • Suivi oculaire en mode conditionnel
  • FAQ
    • Fonctionnalités
    • Politique et directives de support
    • Sécurité & Protection des données
    • Licences
    • Précision de Labvanced
    • Utilisation programmatique & API
    • Utiliser Labvanced hors ligne
    • Dépannage
    • Questions sur la création d'études
  • Archives de la newsletter
  • Documents
  • Salle de classe

Cadre de Page

Un Cadre de Page arrange automatiquement le contenu de haut en bas, similaire à une page web standard. Les objets ne peuvent pas être positionnés librement ; ils s'écoulent plutôt les uns en dessous des 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 mise en page compte moins que la lisibilité et le flux.

Au lieu de zoomer comme un Cadre Canvas, un Cadre de Page se navigue par défilement. Au lieu de lignes de grille, un mode d'aperçu (case à cocher en dessous du cadre) montre à quoi la page ressemblera réellement pendant l'exécution de l'expérience.

Propriétés du Cadre de Page

En plus des propriétés que chaque cadre partage (Name, Duration, Background color, Hide Mouse, voir Cadres), un Cadre de Page a trois de ses propres :

  • Max-Width : la largeur maximale de la zone de contenu de la page, en pixels
  • Border-Size : la taille de la bordure des éléments dans le cadre
  • Element Margin : l'espacement (marge inférieure) entre les éléments dans le cadre

Quand utiliser un Cadre de Page plutôt qu'un Cadre Canvas

Choisissez un Cadre de Page lorsque le contenu est semblable à un formulaire et se lit de haut en bas, comme des questionnaires, des formulaires de consentement, des instructions, tout ce où la lisibilité et le flux sont plus importants que le placement exact des stimuli. Lorsque le positionnement précis ou le timing fait partie de la conception, un Cadre Canvas est mieux adapté.

Lecture Complémentaire

Cadres

Le centre de tous les types de cadres et des propriétés que chaque cadre partage.

Cadre Canvas

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

Chronologie d'Essai

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

Prev
Cadre de Canevas
Next
Cadre de Site Web