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
    • ERSTE SCHRITTE

      • Aufgaben-Editor
      • Frames
        • Canvas-Rahmen
        • Seitenrahmen
        • Website-Rahmen
      • Versuchstimeline
      • Stimuluspräsentation
      • Richtigkeit der Antwort
      • Objekte
      • Ereignisse
      • Variablen
      • Aufgaben-Assistent
      • Versuchssystem
      • Experimentdesign
        • Eine Studie erstellen
        • Datenrahmenmuster
        • Multi-User Experiment Design
        • Längsschnitt-Experimentdesign
    • HERVORGEHOBENE THEMEN

      • Randomisierung & Balance
      • Eye Tracking
        • Präsentation von Stimuli in einer Eye-Tracking-Aufgabe
        • So wählen Sie die Kalibrierungseinstellungen für die Augenverfolgung
        • Einrichtung der Augenverfolgung in einer Aufgabe
        • Aufzeichnen und Exportieren von Blickdaten
        • Verwendung von Formen als Interessensgebiete (AOI) für Eye Tracking
        • Die Teilnehmerkalibrierungserfahrung
      • Web-Brücke
        • Auswahl von Website-AOIs | Anker, Anpassen und Überprüfen des AOI-Trackings
        • Verfolgen des Mausverhaltens auf einer Website-AOI | Web Bridge Anleitung
      • Fragebögen
      • Desktop-App
      • Beispielstudien
      • Teilnehmer Rekrutierung
      • API-Zugriff
        • REST API
        • Webhook-API
        • WebSocket API
      • Weitere Themen

        • Präzise Stimuluszeiten
        • Multi-User-Studien
        • Kopfverfolgung in Labvanced | Anleitung
    • HAUPTABLAUF REGISTER

      • Übersicht: Haupt-Register
      • Dashboard
      • Meine Studien
      • Geteilte Studien
      • Meine Dateien
      • Experimentbibliothek
      • Mein Konto
      • Lizenz & Dienstleistungen
    • STUDIEN REGISTER

      • Übersicht: Studien-spezifische Register
      • Studiengestaltung
        • Aufgaben
        • Blöcke
        • Sitzungen
        • Gruppen
      • Aufgaben-Editor
        • Task Controls
        • Das Versuchs-System
        • Frame-Typen
        • Objekte
        • Objekt Eigenschaften Tabellen
        • Variablen
        • Systemvariablen-Tabelle
        • Das Ereignissystem
        • Texteditor-Funktionen
        • Optionen für Augenverfolgung im Aufgabeneditor
        • Kopfverfolgung in einer Aufgabe
        • Multi-User-Studien
      • Einstellungen
      • Variablen
      • Medien
      • Texte & Übersetzen
      • Starten & Teilnehmen
      • Teilnehmer-Management
      • Datenausblick und Export
        • Datensicht und Variablen- & Aufgaben Auswahl (alte Version)
        • Zugriff auf Aufnahmen (ALTE Version)
  • Videos
    • Videoübersicht
    • Erste Schritte mit Labvanced
    • Aufgaben erstellen
    • Element-Videos
    • Ereignisse & Variablen
    • Fortgeschrittene Themen
  • Anleitungen
    • Einführung
    • Stroop-Aufgabe
    • Lexikalische Entscheidungsaufgabe
    • Posner Blickaufforderung Aufgabe
    • Change Blindness Flicker Paradigma
    • Augenverfolgungsbeispielstudie
    • Augenverfolgungsstudie mit Säuglingen
    • Aufmerksamkeitserfassung Studie mit Mausverfolgung
    • Schnelle serielle visuelle Präsentation
    • ChatGPT-Studie
    • Augenverfolgungsdemo: SVGs als AOIs
    • Multi-User-Demo: Zeigen Sie die Cursorn der Teilnehmer
    • Gamepad / Joystick-Controller - Grundlegende Einrichtung
    • Desktop-App-Studie mit EEG-Integration
    • Gruppenbalancierung und Variablen-Setup zwischen den Probanden
    • Bau einer Multi-User-Studie
    • Website-Rahmen Augenverfolgungsanleitung
    • Bedingte Webcam-Augenverfolgung
  • FAQ
    • Funktionen
    • Support-Richtlinien & -Leitlinien
    • Sicherheit & Datenschutz
    • Lizenzierung
    • Präzision von Labvanced
    • Programmgesteuerte Nutzung & API
    • Labvanced offline verwenden
    • Fehlerbehebung
    • Fragen zur Studienerstellung
  • Newsletter-Archiv
  • Dokumente
  • Klassenzimmer
Illustration des Website-Rahmens in Labvanced, der eine echte externe Website, die in eine Studie eingebettet ist, zeigt

Website-Rahmen {/examples/}

Der Website-Rahmen ist ein dritter Rahmen-Typ, neben Canvas-Rahmen und Seitenrahmen, kein Element, das auf einem von beiden platziert ist. Er wird auf die gleiche Weise zu einer Versuchgruppe hinzugefügt: Ein Klick auf das eigene Symbol unter den Rahmentyp-Optionen.

Wo ein Canvas- oder Seitenrahmen Stimuli zeigt, die innerhalb von Labvanced erstellt wurden, bettet ein Website-Rahmen eine echte, externe, live Website direkt in die Studie ein. Dies ist der Rahmen-Typ hinter Labvanced's Web-Brücke Funktionalität, die für Usability-Tests, Aufmerksamkeitsstudien und Eye Tracking auf einer tatsächlichen Website verwendet wird, anstatt eine nachgemachte Version davon.

Hinweis

Wenn Sie planen, einen Website-Rahmen zu verwenden, um Ihre externe Website einzubetten oder eine in Labvanced zu erstellen, wird dringend empfohlen, diesen Rahmentyp in seiner eigenen Aufgabe zu isolieren, anstatt ihn in der gleichen Versuchstimeline mit Canvas- oder Seitenrahmen zu kombinieren.

Externe Website vs. Benutzerdefinierte Website

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

Externe Website

Bettet eine echte, live Website von URL ein, mit drei Kontrollkästchen zur Steuerung der eingebetteten Browser-Oberfläche: Show URL bar, Show back button, Show forward button. Erfordert, dass die Web-Brücke Chrome-Erweiterung installiert ist, siehe die vollständige Labvanced Web-Brücke Anleitung für Installationsschritte.


Benutzerdefinierte Website

Kommt bald. Erstellt eine Website von Grund auf in Labvanced, anstatt eine Live-Website einzubetten. Ein Klick auf Edit Code öffnet einen speziellen HTML-, CSS- und JavaScript-Editor mit einem Variablenbereich, um Labvanced-Variablen zur Laufzeit in den Code einzufügen, z. B. eine Selbstbedienungskiosk-Oberfläche, die aus einem CSV-geladenen Produktkatalog erstellt wurde.

Website-Rahmen Eigenschaften

Ein Website-Rahmen hat eigene Rahmenebene-Eigenschaften, die von jedem Element, das darauf platziert ist, getrennt sind. Im Frame Settings-Panel festlegen:

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

Für den vollständigen Workflow, die Installation der Browsererweiterung, das Hinzufügen eines Website-Rahmens, das Auswählen von Interessengebieten und was erfasst wird, siehe die vollständige Labvanced Web-Brücke Anleitung oder die Website-Rahmen Eye Tracking Anleitung für einen Start-zu-Ende-Aufgabenfluss.

Sehen Sie sich die Anleitung in diesem Video an:

Weiterführende Literatur

Illustration der drei Rahmen-Typen in Labvanced: Canvas, Seite und Website-Rahmen

Rahmen

Der Hub für alle Rahmentypen und die Eigenschaften, die jeder Rahmen gemeinsam hat.

Labvanced Web-Brücke

Die vollständige Anleitung: Installation der Erweiterung, Hinzufügen eines Website-Rahmens, Auswählen von AOIs und was erfasst wird.

Website-Rahmen Eye Tracking Anleitung

Ein Start-zu-Ende-Aufgabenfluss zum Verfolgen des Blicks auf einer echten eingebetteten Website.

Prev
Seitenrahmen