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 Lienzo
        • Marco de Página
        • Marco de Sitio Web
      • Línea de Tiempo del Ensayo
      • Presentación de Estímulos
      • Correctitud de la Respuesta
      • Objetos
      • Eventos
      • Variables
      • Asistente de Tareas
      • Sistema de Ensayos
      • Diseño del Experimento
        • Creación de 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 la Configuración de Calibración para el Seguimiento Ocular
        • Configuración del seguimiento ocular en una tarea
        • Grabación y Exportación de Datos de Mirada
        • Uso de 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 de 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

        • Temporizaciones de Estímulos Precisas
        • Estudios Mult.usuario
        • Seguimiento de Cabeza en Labvanced | Guía
    • TABS 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
    • TABS DEL ESTUDIO

      • Descripción General: Pestañas Específicas del Estudio
      • Diseño del Estudio
        • Tareas
        • Bloques
        • Sesiones
        • Grupos
      • Editor de Tareas
        • Controles de Tareas
        • 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 Multi-Usuario
      • 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
    • Resumen de 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 Indicación de Mirada de Posner
    • Paradigma de Parpadeo de Ceguera por Cambio
    • Estudio Sample de Seguimiento Ocular
    • Estudio de Seguimiento Ocular en Infantes
    • Estudio de Captura Atencional con Seguimiento de Ratón
    • Presentación Visual Serial Rápida
    • Estudio de ChatGPT
    • Demostración de Seguimiento Ocular: SVGs como AOIs
    • Demostración Multi-Usuario: Mostrar los Punteros de los Sujetos
    • Controlador de Gamepad / Joystick - Configuración Básica
    • Estudio de Aplicación de Escritorio con Integración de EEG
    • Equilibrio de Grupos entre Sujetos y Configuración de Variables
    • Construyendo un Estudio Multi-usuario
    • Guía de Seguimiento Ocular en Marco de Sitio Web
    • Seguimiento Ocular Condicional con Webcam
  • FAQ
    • Características
    • Política de Soporte y Directrices
    • Seguridad y Privacidad de Datos
    • Licenciamiento
    • Precisión de Labvanced
    • Uso Programático y API
    • Uso de Labvanced sin Conexión
    • Resolución de Problemas
    • Preguntas sobre 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 forma en que se apilan los elementos 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 por arrastrar y soltar. Esto hace que los Marcos de Página sean 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 acercarse y alejarse como un Marco de Lienzo, un Marco de Página se navega 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 visualización fijo opcional en milisegundos; si se deja sin configurar, el marco permanece en 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 espacio entre los 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 el Marco de Lienzo, no disponible en el 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 lugar de Lienzo

Elige un Marco de Página cuando el contenido sea parecido 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 una colocación exacta del estímulo. Cuando la posición o el tiempo precisos son parte del diseño, un Marco de Lienzo es la mejor opción.

Comúnmente Emparejado 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 sus eventos más comunes para ti automáticamente, sin requerir construcción manual de eventos:

  • 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 marco en Labvanced: Lienzo, Página y Marco de Sitio Web

Marcos

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

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

Marco de Lienzo

El tipo de marco de posicionamiento libre, para la 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 de comportamiento 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, graban variables y avanzan marcos.

Cronología 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 Lienzo
Next
Marco de Sitio Web