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
Guía
Videos
Guías paso a paso
Preguntas Frecuentes
Archivo de Boletines
Documentos
Aula
  • 中國人
  • Deutsch
  • Français
  • Español
  • English
  • 日本語
Guía
Videos
Guías paso a paso
Preguntas Frecuentes
Archivo de Boletines
Documentos
Aula
  • 中國人
  • Deutsch
  • Français
  • Español
  • English
  • 日本語
  • Guía
    • COMENZANDO

      • Editor de tareas
      • Marcos
        • Marco de Canvas
        • Marco de Página
        • Marco de Sitio Web
      • Cronograma del ensayo
      • Presentación de estímulos
      • Corrección de la respuesta
      • Objetos
      • Eventos
      • Variables
      • Asistente de tareas
      • Sistema de ensayo
      • Diseño del experimento
        • Crear un Estudio
        • Patrones de Marco de Datos
        • Diseño de Experimentos Multiusuario
        • Diseño de Experimentos Longitudinales
    • TEMAS DESTACADOS

      • Aleatorización y balance
      • Seguimiento ocular
        • Presentación de Estímulos en una Tarea de Seguimiento Ocular
        • Cómo Elegir Configuraciones de Calibración de Seguimiento Ocular
        • Configuración del Seguimiento Ocular en una Tarea
        • Grabación y Exportación de Datos de Mirada
        • Usando Formas como Áreas de Interés (AOI) para Seguimiento Ocular
        • La Experiencia de Calibración del Participante
      • Puente Web
        • Selección de AOIs de Sitio Web | Anclar, Ajustar y Verificar el Seguimiento de AOI
        • Seguimiento del Comportamiento del Ratón en un AOI del Sitio Web | Guía del Puente Web
      • Cuestionarios
      • Aplicación de escritorio
      • Estudios de muestra
      • Reclutamiento de participantes
      • Acceso a API
        • REST API
        • API de Webhook
        • API de WebSocket
      • Otros temas

        • Tiempos de estímulo precisos
        • Estudios de múltiples usuarios
        • Seguimiento de Cabeza en Labvanced | Guía
    • PESTAÑAS PRINCIPALES DE LA APLICACIÓN

      • Descripción general: Pestañas principales
      • Tablero
      • Mis estudios
      • Estudios compartidos
      • Mis archivos
      • Biblioteca de experimentos
      • Mi cuenta
      • Licencia y servicios
    • PESTAÑAS DEL ESTUDIO

      • Descripción general: Pestañas específicas del estudio
      • Diseño del estudio
        • Tareas
        • Bloques
        • Sesiones
        • Grupos
      • Editor de tareas
        • Controles de Tarea
        • El Sistema de Pruebas
        • Tipos de Marcos
        • Objetos
        • Tablas de Propiedades de Objetos
        • Variables
        • Tabla de Variables del Sistema
        • El Sistema de Eventos
        • Funciones del Editor de Texto
        • Opciones de Seguimiento Ocular en el Editor de Tareas
        • Seguimiento de Cabeza en una Tarea
        • Estudios Multiusuario
      • Configuraciones
      • Variables
      • Medios
      • Textos y traducción
      • Lanzar y participar
      • Gestión de sujetos
      • Vista de datos y exportación
        • Vista de Datos y Selección de Variables y Tareas (Versión ANTIGUA)
        • Accediendo a Grabaciones (Versión ANTERIOR)
  • Videos
    • Descripción General del Video
    • Introducción a Labvanced
    • Creando Tareas
    • Videos de Elementos
    • Eventos y Variables
    • Temas Avanzados
  • Guías
    • Introducción
    • Tarea Stroop
    • Tarea de Decisión Léxica
    • Tarea de Señalización de Gaze de Posner
    • Paradigma de Parpadeo de Ceguera por Cambio
    • Estudio de Seguimiento Ocular
    • Estudio de Seguimiento Ocular en Infantes
    • Estudio de Captura de Atención con Seguimiento del Ratón
    • Presentación Visual Serial Rápida
    • Estudio de ChatGPT
    • Demo de Seguimiento Ocular: SVG como AOIs
    • Demo de Múltiples Usuarios: Mostrar los Cursores de los Sujetos
    • Controlador de Gamepad / Joystick - Configuración Básica
    • Estudio de Aplicación de Escritorio con Integración de EEG
    • Balanceo de Grupos entre Sujetos y Configuración de Variables
    • Construyendo un Estudio Multijugador
    • Guía de Seguimiento Ocular en Marco de Website
    • Seguimiento Ocular Condicional con Webcam
    • Construcción de Estudio de Segmentación de Texto
  • FAQ
    • Características
    • Política de Soporte y Directrices
    • Seguridad y Privacidad de Datos
    • Licencias
    • Precisión de Labvanced
    • Uso Programático y API
    • Uso de Labvanced Sin Conexión
    • Resolución de Problemas
    • Preguntas sobre la Creación de Estudios
  • Archivo de Boletines
  • Documentos
  • Aula
Ilustración del Marco de Página en Labvanced, mostrando objetos apilados automáticamente de arriba hacia abajo

Marco de Página

Un Marco de Página organiza el contenido automáticamente de arriba hacia abajo, de la manera en que los elementos se apilan en un diseño de página típico. Los objetos no se pueden posicionar libremente; en su lugar, fluyen uno debajo del otro en un formato de lista, con el orden vertical cambiado mediante arrastrar y soltar. Esto hace que los Marcos de Página sean especialmente adecuados para cuestionarios, formularios de consentimiento e instrucciones, donde la flexibilidad del diseño importa menos que la legibilidad y el flujo.

En lugar de hacer zoom como un Marco de Lienzo, se navega un Marco de Página desplazándose. En lugar de líneas de cuadrícula, un modo de vista previa (casilla de verificación debajo del marco) muestra cómo se verá realmente la página durante la ejecución del experimento.

Propiedades del Marco de Página

Establecido en el panel Frame Settings:

  • Name: una etiqueta para identificar el marco dentro de tu tarea (los participantes nunca la ven)
  • Duration: un tiempo de exhibición fijo opcional en milisegundos; si se deja sin configurar, el marco permanece en la pantalla hasta que un evento o acción lo avance
  • Color: el color de fondo del marco (predeterminado: blanco)
  • Hide Mouse: oculta el cursor del participante mientras el marco está activo
  • Max-Width: el ancho máximo del área de contenido de la página, en píxeles (solo Marco de Página)
  • Border-Size: el tamaño del borde de los elementos dentro del marco (solo Marco de Página)
  • Elem Margin: el espaciamiento entre elementos dentro del marco (solo Marco de Página)
  • Sync Frame Start: aparece solo una vez que la tarea se convierte en un experimento multiusuario (compartido con Marco de Lienzo, no disponible en Marco de Sitio Web); cuando está habilitado, el marco espera a que cada participante en el grupo esté listo antes de comenzar, en lugar de que cada participante lo inicie de forma independiente. Consulta Diseño de Experimentos Multiusuario para ver cómo encaja esto en un estudio conjunto.

Nota

Si deseas cambiar el color circundante del azul claro predeterminado, puedes configurarlo para todo el estudio a través de Settings → Main → Settings → Page Surround Color, o si necesitas variarlo por tarea, utiliza la acción Set Global CSS.

Cuándo usar Página en vez de Lienzo

Elige un Marco de Página cuando el contenido sea similar a un formulario y se lea de arriba hacia abajo, cuestionarios, formularios de consentimiento, instrucciones, cualquier cosa donde la legibilidad y el flujo importen más que la colocación exacta del estímulo. Cuando el posicionamiento o la sincronización precisa sean parte del diseño, un Marco de Lienzo es la opción más adecuada.

Comúnmente Pareado Con

Dos objetos son especialmente comunes en un Marco de Página. Agregar cualquiera de ellos provoca un asistente de configuración que puede crear automáticamente los eventos más comunes para ti, sin necesidad de construir eventos manualmente:

  • Objeto Temporizador: puede configurar automáticamente Start timer on frame start y Jump to next frame when timer ends.
  • Navegación: puede configurar automáticamente Go Forward y Go Backward eventos para moverse entre marcos.

Lectura Adicional

Ilustración de los tres tipos de marcos en Labvanced: Lienzo, Página y Marco de Sitio Web

Marcos

El centro para todos los tipos de marcos y las propiedades que cada marco comparte.

Ilustración del Marco de Lienzo en Labvanced, mostrando objetos posicionados libremente en un lienzo en blanco

Marco de Lienzo

El tipo de marco de posicionamiento libre, para colocación y sincronización precisas de estímulos.

Ilustración del Marco de Sitio Web en Labvanced, mostrando un sitio web externo real incrustado en un estudio

Marco de Sitio Web

Incrusta un sitio web externo real en el estudio, para la recopilación de datos conductuales en un sitio externo o personalizado.

Ilustración del sistema de eventos de Labvanced, mostrando disparadores y acciones

El Sistema de Eventos

Disparadores y acciones que controlan la presentación de estímulos, registran variables y avanzan marcos.

Línea de tiempo del ensayo

Línea de Tiempo del Ensayo

Cómo se secuencian y repiten los marcos dentro de un ensayo, y la edición por condición del Sistema de Ensayos.

Prev
Marco de Canvas
Next
Marco de Sitio Web