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
Guía
Videos
Tutoriales
Preguntas Frecuentes
Notas de la Versión
Aula
  • 中國人
  • Deutsch
  • Français
  • Español
  • English
Guía
Videos
Tutoriales
Preguntas Frecuentes
Notas de la Versión
Aula
  • 中國人
  • Deutsch
  • Français
  • Español
  • English
  • Guía
    • EMPEZANDO

      • Objetos
      • Eventos
      • Variables
      • Asistente de Tareas
      • Sistema de Ensayos
      • Diseño del Estudio
        • Tareas
        • Bloques
        • Sesiones
        • Grupos
    • TEMAS DESTACADOS

      • Aleatorización y Equilibrio
      • Seguimiento Ocular
      • 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 Multi Usuario
        • Seguimiento de Cabeza en Labvanced | Guía
    • PESTAÑAS PRINCIPALES DE LA APLICACIÓN

      • Descripción: Pestañas Principales
      • Tablero
      • Mis Estudios
      • Estudios Compartidos
      • Mis Archivos
      • Biblioteca de Experimentos
      • Mi Cuenta
      • Mi Licencia
    • PESTAÑAS DEL ESTUDIO

      • Descripción: Pestañas Específicas del Estudio
      • Diseño del Estudio
        • Tareas
        • Bloques
        • Sesiones
        • Grupos
      • Editor de Tareas
        • Funciones Principales y Configuraciones
        • El Sistema de Ensayos
        • Marcos de Canvas y Página
        • Objetos
        • Tablas de Propiedades de Objetos
        • Variables
        • Tablas de Variables del Sistema
        • El Sistema de Eventos
        • Aleatorización de Ensayos
        • Funciones del Editor de Texto
        • Seguimiento ocular en una tarea
        • Seguimiento de la Cabeza en una Tarea
        • Estudios de Múltiples Usuarios
      • Configuraciones del Estudio
        • Configuración de Inicio y Ajustes Principales
        • Configuración de Navegadores y Dispositivos
        • Configuración de Características del Experimento
      • Descripción
        • Más detalles sobre la información de descripción
        • Imágenes, Enlaces y Referencias en Descripciones
      • Variables
      • Medios
      • Traducir
      • Ejecutar
      • Publicar y Grabar
        • Requisitos para Publicar un Estudio en Labvanced
        • Reclutamiento de Participantes y Crowdsourcing
        • Selección y Confirmación de Licencias
        • Después de Publicar Su Estudio de Labvanced
      • Compartir
      • Participantes
      • 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 del Video
    • Introducción a Labvanced
    • Creando Tareas
    • Videos de Elementos
    • Eventos y Variables
    • Temas Avanzados
  • Guías
    • Introducción
    • Tarea de 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 de Muestra
    • Estudio de Seguimiento Ocular de Infantes
    • Estudio de Captura Atencional con Seguimiento de Ratón
    • Presentación Visual Serial Rápida
    • Estudio de ChatGPT
    • Demostración de Seguimiento Ocular: SVG como AOIs
    • Demostración Multi-Usuario: Mostrar los Cursor de los Sujetos
    • Controlador de Gamepad / Joystick - Configuración Básica
    • Estudio con Aplicación de Escritorio e Integración de EEG
    • Equilibrio de Grupos entre Sujetos y Configuración de Variables
  • FAQ
    • Características
    • 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 Creación de Estudios
  • Notas de Lanzamiento
  • Aula
Agregar estímulos de imagen a experimentos en línea a través del objeto de imagen.

Objeto de Imagen

El Objeto de Imagen es uno de los objetos más comúnmente utilizados en Labvanced, permitiendo a los investigadores presentar imágenes fijas o fotografías a los participantes durante un experimento. Se utiliza comúnmente en investigaciones cognitivas, sociales y conductuales para mostrar estímulos como objetos, escenas o rostros.
El Objeto de Imagen es altamente flexible y puede personalizarse con diversas propiedades y configuraciones para alinearse con el diseño experimental. Los investigadores pueden controlar aspectos como el tamaño de la imagen, la posición, la rotación y la opacidad para garantizar una presentación precisa del estímulo. Además, el Objeto de Imagen puede ser manipulado dinámicamente a través de eventos, permitiendo interacciones lógicas avanzadas.

El Objeto de Imagen en el Diseño Experimental

Para trabajar con un Objeto de Imagen, es importante saber cómo manejarlo durante el diseño experimental. A continuación, discutiremos varias opciones sobre cómo puede agregar sus imágenes a través de este objeto, así como cómo puede controlarlo mediante personalización o utilizando enfoques más dinámicos como marcos de datos y eventos.
Labvanced proporciona múltiples maneras de controlar la presentación y el comportamiento del Objeto de Imagen dentro de un experimento. Estos pueden hacerse utilizando:

  • Panel de Propiedades del Objeto
  • Asistente de Tareas
  • Sistema de Ensayos
  • Eventos
  • Aleatorización

Pasemos a explicar cómo se puede agregar una imagen al editor antes de profundizar en los temas mencionados arriba.

Agregar un Objeto de Imagen

Para integrar un Objeto de Imagen en su experimento, navegue al menú de Objetos y seleccione el Objeto de Imagen.

Agregar un objeto de imagen al editor en Labvanced se puede hacer con solo unos pocos clics.

Sugerencia de Flujo de Trabajo: Prepare y organice sus estímulos con anticipación.


Panel de Propiedades del Objeto para Objetos de Imagen

El panel de Propiedades del Objeto, ubicado en el lado derecho de la pantalla durante el modo de edición, le proporciona varias opciones para editar todas las propiedades del objeto de imagen, incluidas las opciones para cargar estímulos de imagen.
Como se muestra en la imagen a continuación, hay varias opciones en el panel lateral derecho donde puede controlar la configuración de la imagen con solo unos pocos clics. Renombramos esta imagen para que se llame "Imagen Objetivo".

El panel de Propiedades del Objeto se muestra a la derecha, revelando valores específicos de la imagen para el objeto seleccionado.

Para una explicación completa de estas opciones, consulte esta sección en la parte inferior de la página donde se enumeran todas las propiedades en formato de tabla.

Nota: Tenga en cuenta que todas estas propiedades también son accesibles a través de Eventos. Así que si desea tener una acción personalizada, como un clic en un botón, para cambiar la propiedad, ¡eso es totalmente posible!


Es muy común establecer una propiedad predeterminada usando este panel y luego usar un evento para actualizarla dinámicamente a un nuevo valor. Por ejemplo, puede usar un evento y especificar que al hacer clic en la imagen (disparador), la imagen se desplace a la derecha 5 unidades.

Asistente de Tareas para Agregar Objetos de Imagen

Si desea configurar su tarea experimental utilizando hojas de cálculo / datos CSV, se puede usar el Asistente de Tareas para agregar sus estímulos de imagen.

En el ejemplo a continuación, las Columnas B y C representan estímulos de imagen que se agregarán automáticamente a objetos de imagen para usted, al utilizar el Asistente de Tareas en Labvanced.

Ejemplo de una hoja de cálculo con nombres de estímulos de imagen (Columnas B&C) que se cargarán para crear una tarea a través del Asistente de Tareas en Labvanced.

Usando este asistente, puede crear toda la estructura de su tarea experimental, incluidos estímulos, eventos, variables, factores, condiciones, aleatorización y grabaciones de datos a partir de un solo archivo CSV más archivos de estímulos.

Sistema de Ensayos y Objetos de Imagen

Una vez que se agrega un objeto de imagen al marco, se puede usar el Sistema de Ensayos colectivamente para crear diferentes ensayos (varias repeticiones únicas de la tarea) basados en su hipótesis experimental.

Supongamos que está estudiando emociones y desea categorizar sus ensayos y diseñar basándose en tipos de emoción. Puede agregar dos objetos de imagen a un marco, uno con estímulos de emociones felices y otro con emociones tristes. Luego, podría agregar un factor llamado 'Emoción' con dos niveles: 'feliz' y 'triste' antes de proceder a cargar los estímulos de imagen bajo las condiciones relevantes.

📌 Ejemplo Práctico: Cargando estímulos a niveles y objetos específicos: En el video a continuación desarrollamos el diseño del experimento al cargar estímulos de imagen en la condición relevante.

Para más información, visite nuestra documentación sobre el Sistema de Ensayos.

Sistema de Eventos y Objetos de Imagen

El Sistema de Eventos es una forma dinámica de:

  • Controlar cómo se comporta una imagen
  • Grabar propiedades específicas del objeto:
  • Presentar estímulos de imagen a través de marcos de datos

Discutiremos estos puntos en mayor detalle ahora.

Controlando el Comportamiento de la Imagen

Cualquier comportamiento o apariencia de la imagen puede modificarse usando eventos.

En el ejemplo a continuación, configuramos un clic del mouse (disparador) sobre el objeto de imagen llamado "Imagen Objetivo" y especificamos que la coordenada x de la Imagen Objetivo (que es una propiedad) debe aumentar en +5. Esto, en esencia, se traduce en que cada clic aumentará la coordenada x en +5, desplazando la imagen a la derecha.

Ejemplo de cómo se puede configurar un evento para cambiar dinámicamente las coordenadas de una imagen en un diseño experimental interactivo.

Nota: Puede grabar y guardar en una variable el tiempo exacto en milisegundos que se actualizó el cambio de propiedad del objeto en la pantalla.


Datos y Grabaciones del Objeto de Imagen

Para grabar los valores asociados con el Objeto de Imagen, puede usar la acción Establecer/Grabar Variable y especificar qué datos desea grabar.

Grabación de Nombres de Archivos

En algunos casos, es posible que desee grabar los nombres exactos de las imágenes que se presentaron en un ensayo durante el experimento. ¡Eso es absolutamente posible y fácil de configurar!

En el ejemplo a continuación, almacenaremos los nombres de imagen para la imagen correcta y la imagen incorrecta. Hay dos variables: 'nombre de imagen correcta' y 'nombre de imagen incorrecta', ambas que almacenan datos de 'cadena' ya que el nombre del archivo está en formato de cadena.

Para apuntar al objeto, simplemente haga clic en el ícono del lápiz y luego seleccione la categoría Marco / Tarea / Objeto y elija Propiedad del Objeto. Para el primer campo, selecciona el objeto objetivo y para el segundo campo, selecciona Nombre del Archivo. De manera similar, para la variable 'nombre de imagen incorrecta', apuntamos al nombre del archivo del estímulo vinculándonos al objeto de imagen 'incorrecto'.

Grabando Variables desde Objetos de Imagen

Como resultado de lo anterior, los nombres de archivo específicos de las imágenes se enumeran por ensayo, como se muestra en la imagen a continuación.

Cómo se graban y almacenan los datos de imagen en la vista de datos para revelar qué estímulos de imagen se presentaron en un ensayo.

El ejemplo anterior se toma de este estudio de muestra sobre el efecto Bouba-Kiki que puede importar a su cuenta.

Aleatorización y Objetos de Imagen

La aleatorización es otro tema clave relacionado con la presentación de imágenes. Hay muchas maneras de discutir la aleatorización en este contexto, ya que la aleatorización depende en gran medida del experimento en cuestión.

Con respecto a los Objetos de Imagen, la aleatorización generalmente implica cambiar la ubicación de la imagen objetivo o seleccionar una imagen aleatoria de un conjunto.

Para más información sobre aleatorización y equilibrio en Labvanced, consulte esta página.

Enfoque de Investigación: El Objeto de Imagen en acción

El Objeto de Imagen desempeña un papel crucial en la investigación experimental, especialmente en estudios que involucran percepción visual, memoria y atención. Labvanced ha permitido a investigadores de diversos campos llevar a cabo sus estudios utilizando el Objeto de Imagen de Labvanced.

Dinámicas de Atención Visual: Un Estudio de Seguimiento Ocular

El estudio (Calignano et al., 2024) exploró cómo el procesamiento semántico, es decir, los significados de palabras y objetos influyen en dónde y cómo dirigimos nuestro enfoque visual. Se hipotetizó que las palabras reales y los objetos familiares sesgarían el compromiso atencional y la detección de objetivos más eficazmente que las pseudo-palabras o pseudo-objetos.

Los participantes fueron presentados con primes (señales iniciales que podrían afectar nuestra atención y percepción de objetivos posteriores). Los investigadores llevaron a cabo dos experimentos de seguimiento ocular basados en la web utilizando Labvanced:

  • Experimento 1: Los participantes fueron presentados con palabras (ya sea palabras reales o pseudo-palabras) como primes
  • Experimento 2: Implicó presentar imágenes (objetos reales o pseudo-objetos) como primes.

Esquema de dos experimentos que incorporan los objetos de imagen de Labvanced y seguimiento ocular. Paradigmas experimentales con Palabras (experimento 1) e Imágenes (experimento 2); Calignano et al. (2024).

Después de ver el prime, vieron una señal espacial (ya sea válida o no válida) que indicaba dónde buscar el objetivo. Una señal espacial válida aparece en la misma ubicación que el objetivo, mientras que una señal no válida aparece en una ubicación diferente del objetivo. Los participantes debían identificar objetivos y responder presionando una tecla cuando localizaban el objetivo.

Los datos recolectados incluían tiempos de respuesta (milisegundos) para la detección de objetivos, tasas de precisión para el rendimiento de la tarea y datos de seguimiento ocular para análisis atencionales.

Los hallazgos mostraron que las palabras y los objetos reconocidos pueden mejorar la detección de objetivos a través de procesos de arriba hacia abajo, incluso cuando su presentación no está directamente relacionada con la tarea.

Tabla de Propiedades del Objeto de Imagen

Al igual que con cualquier objeto en Labvanced, hay propiedades generales pero también específicas del objeto que aparecen en el panel lateral derecho al trabajar con el objeto. A continuación se presentan las especificaciones y descripciones asociadas con las opciones del Objeto de Imagen:

Propiedades Principales del Objeto de Imagen

Nombre de PropiedadTipo de DatosModificable, CómoTipo de MarcoDescripción
NombreCadenaSí, caja de textoLienzo y PáginaEl nombre del objeto. El nombre se utiliza muchas veces como referencia al objeto (es decir, dentro de eventos), por lo que debe ser único.
VisibilidadNumérico (0-1)Sí, casilla de verificaciónLienzoEl valor de transparencia del objeto. Con un valor de 0, el objeto será completamente invisible; un valor de 1 es completamente visible.
ActivoBooleano (true / false)Sí, casilla de verificaciónLienzo y PáginaDetermina si el objeto está activo y puede cambiarse durante la ejecución del experimento. Si se establece en falso, el objeto no generará ninguna acción.

Propiedades de Posición y Tamaño del Objeto de Imagen

Nombre de PropiedadTipo de DatosModificable, CómoTipo de MarcoDescripción
XNumérico (0- ancho del marco)Sí, texto o flechasLienzoLa posición X del objeto.
YNumérico (0-altura del marco)Sí, texto o flechasLienzoLa posición Y del objeto.
AnchoNumérico (0-ancho del marco)Sí, texto o flechasLienzoEl ancho del objeto.
AlturaNumérico (0-ancho del marco)Sí, texto o flechasLienzoLa altura del objeto.
AnclaCategórico (1-9)Sí, seleccionar opciónLienzoEl ancla establece el "punto de referencia de posición" del objeto. Por defecto, esta es la esquina superior izquierda.

Propiedades de Escala y Rotación del Objeto de Imagen

Nombre de PropiedadTipo de DatosModificable, CómoTipo de MarcoDescripción
EscaladoNumérico (0-Inf)Sí, texto o flechasLienzoCambia la escala / zoom del elemento. Valores más grandes acercarán el elemento.
RotaciónNumérico (0-359)Sí, texto o flechasLienzoCambia la rotación del objeto. 0 es la posición vertical predeterminada.
Mantener relación de aspectoBooleano (true / false)Sí, casilla de verificaciónLienzoDetermina si se mantiene la relación de aspecto del objeto cuando se modifica su escala.

Estilo del Objeto de Imagen

Nombre de PropiedadTipo de DatosModificable, CómoTipo de MarcoDescripción
Tamaño del BordeNumérico (0-INF)Sí, texto o flechasLienzoCambia el tamaño del borde del objeto. 0 mostrará sin borde.
Color del BordeCadena Hexadecimal (Color)Sí, seleccionar opciónLienzoCambia el color del borde del objeto.
Color de Fondo (BG)Cadena Hexadecimal (Color)Sí, seleccionar opciónLienzoCambia el color de fondo del objeto. Por defecto, no habrá color / será transparente.
RedondezNumérico (0-1)Sí, texto o flechasLienzoCambia la redondez del objeto. 1 es un objeto completamente redondo, 0 es un objeto completamente cuadrado.
Desbordamiento-XCategórico (Oculto, Automático, Visible)Sí, seleccionar opciónLienzoDetermina si el objeto tendrá una barra de desplazamiento visible en la dimensión X.
Desbordamiento-YCategórico (Oculto, Automático, Visible)Sí, seleccionar opciónLienzoDetermina si el objeto tendrá una barra de desplazamiento visible en la dimensión Y.
Margen de DesplazamientoNuméricoSí, texto o flechasLienzoDetermina el margen de la barra de desplazamiento en porcentaje.
Cambiar Propiedades CSSCódigo CSSSí, casilla de verificación y cuadro de textoLienzoCambia un aspecto de la apariencia del objeto utilizando código CSS.

Interacción del Mouse en el Reproductor

Nombre de PropiedadTipo de DatosModificable, CómoTipo de MarcoDescripción
SelectableBooleano (true / false)Sí, casilla de verificaciónLienzoDetermina si el objeto puede ser seleccionado / resaltado durante la ejecución del experimento.
Resaltar al SeleccionarBooleano (true / false)Sí, casilla de verificaciónLienzoDetermina si el objeto que ha sido seleccionado visualmente aparece como seleccionado (es decir, con un borde).
ArrastrableBooleano (true / false)Sí, casilla de verificaciónLienzoDetermina si el objeto puede ser arrastrado durante la ejecución del experimento.
RedimensionableBooleano (true / false)Sí, casilla de verificaciónLienzoDetermina si el objeto puede ser modificado en su escala durante la ejecución del experimento.
Rastrear DesplazamientoBooleano (true / false)Sí, casilla de verificación y valores numéricos si se activa (ScrollPositionX, ScrollPositionY)LienzoPermite rastrear el desplazamiento si se presenta un objeto con barras de desplazamiento.

Propiedades de Imagen

Nombre de PropiedadTipo de DatosModificable, CómoDescripción
Nombre del ArchivoCadenaSí, cuadro de textoEl nombre dado al archivo.
Seleccionar Archivo (Ícono de Carpeta)FunciónSí, clic en el íconoUn clic en el ícono de la carpeta abre el administrador de archivos para elegir un archivo existente o cargar y seleccionar un nuevo archivo.
Información del EstímuloCadenaSí, cuadro de textoUna propiedad modificable que puede usarse para almacenar información dinámica del estímulo durante la ejecución del experimento.
Estirar para Ajustar el Cuadro LimiteBooleano (true / false)Sí, casilla de verificaciónCuando se activa, estira la imagen para llenar completamente el cuadro límite.
Ajuste del Cuadro LímiteFunciónSí, clic en el íconoAl hacer clic en "Ajustar", el cuadro límite se recortará a las dimensiones de la imagen.
Ajustar Automáticamente el Cuadro Límite con la ImagenFunciónSí, casilla de verificaciónCuando se activa, el cuadro límite se ajustará automáticamente para coincidir con la imagen.