Marco de Sitio Web
El Marco de Sitio Web es un tercer tipo de marco, junto al Marco de Lienzo y el Marco de Página, no es un elemento colocado sobre ninguno de los dos. Se añade a un grupo de prueba de la misma manera: un clic en su propio ícono entre las opciones de tipo de marco.
Donde un Marco de Lienzo o un Marco de Página presenta estímulos construidos dentro de Labvanced, un Marco de Sitio Web incrusta un sitio web externo real y en vivo directamente en el estudio. Este es el tipo de marco detrás de la funcionalidad del Puente Web de Labvanced, utilizado para pruebas de usabilidad, estudios de atención y seguimiento ocular en un sitio web real en lugar de una recreación de uno.
Nota
Si planeas usar un Marco de Sitio Web, para incrustar tu sitio web externo o crear uno en Labvanced, se recomienda encarecidamente aislar ese tipo de marco en su propia tarea en lugar de combinarlo con Marcos de Lienzo o de Página en la misma línea de tiempo de prueba.
Sitio Web Externo vs. Sitio Web Personalizado
Hay dos tipos de sitios web soportados por este marco.
Sitio Web Externo
Incrusta un sitio web real y en vivo por URL, con tres casillas de verificación para controlar el chrome del navegador incrustado: Show URL bar, Show back button, Show forward button. Requiere que la extensión de Chrome de Puente Web esté instalada, consulta la guía completa de Puente Web de Labvanced para los pasos de instalación.
Sitio Web Personalizado
Próximamente. Construye un sitio web desde cero dentro de Labvanced en lugar de incrustar uno en vivo. Hacer clic en Edit Code abre un editor dedicado de HTML, CSS y JavaScript con un panel de Variables para inyectar variables de Labvanced en el código en tiempo de ejecución, por ejemplo, una interfaz de quiosco de auto-checkout construida a partir de un catálogo de productos cargado en CSV.
Propiedades del Marco de Sitio Web
Un Marco de Sitio Web tiene sus propias propiedades a nivel de marco, separadas de cualquier elemento colocado en él. Se establece 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 en milisegundos opcional; si se deja sin configurar, el marco permanece en pantalla hasta que un evento o acción lo avanceHide Mouse: oculta el cursor del participante mientras el marco está activoMode: establece si el marco muestra un Sitio Web Externo o un Sitio Web Personalizado, descrito anteriormenteResolution: un menú desplegable de presets, oWidth/Heightmanuales en píxeles, establece una resolución virtual fija que se adapta a la pantalla de cada participante, el mismo modelo que usa un Marco de Lienzo, para que cada participante vea el mismo diseño independientemente de su tamaño de pantalla real
Para el flujo de trabajo completo, instalación de la extensión del navegador, adición de un Marco de Sitio Web, selección de Áreas de Interés y qué se rastrea, consulta la guía completa de Puente Web de Labvanced o el Tutorial de Seguimiento Ocular de Marco de Sitio Web para un flujo de tarea de principio a fin.
Mira el tutorial en este video:
Lectura Adicional
Marcos
El centro para todos los tipos de marcos y las propiedades que cada marco comparte.
Puente Web de Labvanced
La guía completa: instalación de la extensión, adición de un Marco de Sitio Web, selección de AOIs y qué se rastrea.
Tutorial de Seguimiento Ocular de Marco de Sitio Web
Un flujo de tarea de principio a fin para rastrear la mirada en un sitio web real incrustado.