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
Anleitung
Videos
Anleitungen
Häufige Fragen
Newsletter-Archiv
Dokumente
Klassenzimmer
  • 中國人
  • Deutsch
  • Français
  • Español
  • English
  • 日本語
Anleitung
Videos
Anleitungen
Häufige Fragen
Newsletter-Archiv
Dokumente
Klassenzimmer
  • 中國人
  • Deutsch
  • Français
  • Español
  • English
  • 日本語
  • Leitfaden
    • STARTEN

      • Aufgaben-Editor
      • Rahmen
        • Canvas Frame
        • Seitenrahmen
        • Website-Frame
      • Versuchszeitachse
      • Stimuluspräsentation
      • Richtigkeit der Antwort
      • Objekte
      • Ereignisse
      • Variablen
      • Aufgaben-Assistent
      • Versuchssystem
      • Experimentdesign
        • Eine Studie erstellen
        • Datenrahmen-Muster
        • Multi-User-Experimentdesign
        • Längsschnitt-Experimentdesign
    • HERVORHEBENSWERTES THEMA

      • Randomisierung & Balance
      • Eye Tracking
        • Präsentation von Stimuli in einer Augenverfolgungsaufgabe
        • So Wählen Sie die Einstellungen zur Kalibrierung der Augenverfolgung
        • Einrichtung der Augenverfolgung in einer Aufgabe
        • Aufzeichnen und Exportieren von Blickdaten
        • Verwendung von Formen als Interessensgebiete (AOI) für das Eye Tracking
        • Die Teilnehmerkalibrierungserfahrung
      • Web-Bridge
        • Auswählen von Website-AOIs | Ankern, Anpassen und Überprüfen der AOI-Verfolgung
        • Verfolgen des Mausverhaltens auf einer Website AOI | Web Bridge Anleitung
      • Fragebögen
      • Desktop-App
      • Beispielstudien
      • Teilnehmerrekrutierung
      • API-Zugriff
        • REST API
        • Webhook-API
        • WebSocket API
      • Sonstige Themen

        • Genauigkeit der Stimuluszeiten
        • Multinutzerstudien
        • Kopfverfolgung in Labvanced | Anleitung
    • Haupt-App-TABS

      • Übersicht: Haupt-Tabs
      • Dashboard
      • Meine Studien
      • Geteilte Studien
      • Meine Dateien
      • Experimentbibliothek
      • Mein Konto
      • Lizenz & Dienstleistungen
    • STUDIENTABS

      • Übersicht: Studien-spezifische Tabs
      • Studien-Design
        • Aufgaben
        • Blöcke
        • Sitzungen
        • Gruppen
      • Aufgaben-Editor
        • Aufgabensteuerungen
        • Das Versuchs-System
        • Frame-Typen
        • Objekte
        • Objekt Eigenschaften Tabellen
        • Variablen
        • Systemvariablen Tabelle
        • Das Ereignissystem
        • Texteditor-Funktionen
        • Optionen für Eye Tracking im Aufgabeneditor
        • Kopfverfolgung in einer Aufgabe
        • Mehrbenutzer-Studien
      • Einstellungen
      • Variablen
      • Medien
      • Texte & Übersetzen
      • Starten & Teilnehmen
      • Teilnehmermanagement
      • Datensicht und Export
        • Datensicht und Variablen- & Aufgaben Auswahl (alte Version)
        • Zugriff auf Aufnahmen (ALTE Version)
  • Videos
    • Video Übersicht
    • Erste Schritte in Labvanced
    • Aufgaben erstellen
    • Element Videos
    • Ereignisse & Variablen
    • Fortgeschrittene Themen
  • Durchführungen
    • Einführung
    • Stroop-Aufgabe
    • Lexikalische Entscheidungsaufgabe
    • Posner-Blickführung Aufgabe
    • Change Blindness Flicker Paradigma
    • Augenbewegungsverfolgung Beispielstudie
    • Studie zur Augenbewegungsverfolgung bei Säuglingen
    • Aufmerksamkeitsfängerstudie mit Mausverfolgung
    • Schnelle serielle visuelle Präsentation
    • ChatGPT Studie
    • Augenverfolgungsdemo: SVGs als AOIs
    • Multi-User Demo: Cursorn der Probanden anzeigen
    • Gamepad / Joystick Controller - Grundkonfiguration
    • Desktop-App-Studie mit EEG-Integration
    • Gruppenbalance und Variablenkonfiguration zwischen Probanden
    • Aufbau einer Multi-User-Studie
    • Augenverfolgung während eines Website-Rahmen-Walkthroughs
    • Bedingte Webcam-Augenverfolgung
    • Aufbau einer Studie zur Textsegmentierung
  • FAQ
    • Funktionen
    • Support-Richtlinien & Leitlinien
    • Sicherheit & Datenschutz
    • Lizenzierung
    • Präzision von Labvanced
    • Programmgesteuerter Gebrauch & API
    • Labvanced offline nutzen
    • Fehlerbehebung
    • Fragen zur Studienerstellung
  • Newsletter-Archiv
  • Dokumente
  • Klassenzimmer
Illustration des Website-Frames in Labvanced, der eine echte externe Website, die in einer Studie eingebettet ist, zeigt

Website-Frame

Der Website-Frame ist ein dritter Rammentyp, neben Canvas-Frame und Page-Frame, und kein Element, das auf eines der beiden gesetzt wird. Er wird auf dieselbe Weise zu einer Versuchsgruppe hinzugefügt: ein Klick auf sein eigenes Symbol unter den Rammentypoptionen.

Während ein Canvas- oder Page-Frame Reize präsentiert, die innerhalb von Labvanced erstellt wurden, bettet ein Website-Frame eine echte, externe, lebende Website direkt in die Studie ein. Dies ist der Rammentyp hinter Labvanced's Web Bridge Funktionalität, die für Usability-Tests, Aufmerksamkeitsstudien und Eye-Tracking auf einer tatsächlichen Website verwendet wird, anstatt eine Nachbildung davon.

Hinweis

Wenn Sie planen, einen Website-Frame zu verwenden, um Ihre externe Website einzubetten oder eine in Labvanced zu erstellen, wird dringend empfohlen, diesen Rammentyp in seiner eigenen Aufgabe zu isolieren, anstatt ihn mit Canvas- oder Page-Frames in der selben Versuchslinie zu kombinieren.

Externe Website vs. Benutzerdefinierte Website

Es gibt zwei Arten von Websites, die von diesem Rahmen unterstützt werden.

Externe Website

Bettete eine echte, lebende Website ein durch URL, mit drei Kontrollkästchen, um die eingebettete Browseroberfläche zu steuern: Show URL bar, Show back button, Show forward button. Erfordert die Installation der Web Bridge Chrome-Erweiterung, siehe die vollständige Labvanced Web Bridge-Anleitung für Installationsschritte.


Benutzerdefinierte Website

Demnächst. Erstellt eine Website von Grund auf innerhalb von Labvanced, anstatt eine lebende einzubetten. Ein Klick auf Edit Code öffnet einen speziellen HTML-, CSS- und JavaScript-Editor mit einem Variablen-Paneel, um Labvanced-Variablen zur Laufzeit in den Code einzufügen, beispielsweise eine Selbstbedienungskiosk-Oberfläche, die aus einem CSV-beladenen Produktkatalog erstellt wurde.

Eigenschaften des Website-Frames

Ein Website-Frame hat seine eigenen rahmenebenen Eigenschaften, die von jedem darauf platzierten Element getrennt sind. Einstellungen im Frame Settings-Panel:

  • Name: eine Bezeichnung zur Identifizierung des Rahmens innerhalb Ihrer Aufgabe (Teilnehmer sehen es niemals)
  • Duration: eine optionale feste Anzeigedauer in Millisekunden; wenn sie nicht festgelegt ist, bleibt der Rahmen auf dem Bildschirm, bis ein Ereignis oder eine Aktion ihn weiterführt
  • Hide Mouse: blendet den Cursor des Teilnehmers aus, während der Rahmen aktiv ist
  • Mode: legt fest, ob der Rahmen eine externe Website oder eine benutzerdefinierte Website anzeigt, wie oben beschrieben
  • Resolution: ein Dropdown-Menü von Voreinstellungen oder manuelle Width/Height in Pixeln, setzt eine feste virtuelle Auflösung, die sich an den Bildschirm jedes Teilnehmers anpasst, dasselbe Modell, das ein Canvas-Frame verwendet, sodass jeder Teilnehmer dasselbe Layout sieht, unabhängig von seiner tatsächlichen Bildschirmgröße

Für den vollständigen Workflow, das Installieren der Browsererweiterung, das Hinzufügen eines Website-Frames, die Auswahl von Interessensgebieten und was verfolgt wird, siehe die vollständige Labvanced Web Bridge-Anleitung oder die Website-Frame Eye Tracking-Anleitung für einen vollständigen Aufgabenfluss.

Sehen Sie sich die Anleitung in diesem Video an:

Weiterführende Literatur

Illustration der drei Rammentypen in Labvanced: Canvas, Page und Website Frame

Rammen

Das zentrale Hub für alle Rammentypen und die Eigenschaften, die jeder Rahmen teilt.

Labvanced Web Bridge

Labvanced Web Bridge

Die vollständige Anleitung: Installation der Erweiterung, Hinzufügen eines Website-Frames, Auswahl von AOIs und was verfolgt wird.

Website Frame Eye Tracking Walkthrough

Website Frame Eye Tracking Anleitung

Ein vollständiger Aufgabenfluss zum Verfolgen des Blicks auf einer echten eingebetteten Website.

Prev
Seitenrahmen