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
ガイド
ビデオ
ウォークスルー
よくある質問
ニュースレターアーカイブ
ドキュメント
教室
  • 中國人
  • Deutsch
  • Français
  • Español
  • English
  • 日本語
ガイド
ビデオ
ウォークスルー
よくある質問
ニュースレターアーカイブ
ドキュメント
教室
  • 中國人
  • Deutsch
  • Français
  • Español
  • English
  • 日本語
  • ガイド
    • はじめに

      • タスクエディタ
      • フレーム
        • キャンバスフレーム
        • ページフレーム
        • ウェブサイトフレーム
      • トライアルタイムライン
      • 刺激提示
      • 応答の正確さ
      • オブジェクト
      • イベント
      • 変数
      • タスクウィザード
      • トライアルシステム
      • 実験デザイン
        • 研究の作成
        • データフレームパターン
        • マルチユーザー実験デザイン
        • 縦断的実験デザイン
    • 注目のトピック

      • ランダム化とバランス
      • アイ・トラッキング
        • 注視追跡タスクにおける刺激の提示
        • 目の追跡キャリブレーション設定の選び方
        • タスクにおける視線追跡の設定
        • 視線データの記録とエクスポート
        • 形状を興味領域 (AOI) として使用する方法
        • 参加者のキャリブレーション体験
      • ウェブブリッジ
        • ウェブサイト AOI の選択 | アンカー、調整、および AOI トラッキングの検証
        • ウェブサイト AOI におけるマウスの動作の追跡 | ウェブブリッジガイド
      • アンケート
      • デスクトップアプリ
      • サンプル研究
      • 参加者リクルート
      • APIアクセシビリティ
        • REST API
        • Webhook API
        • WebSocket API
      • その他のトピック

        • 正確な刺激のタイミング
        • マルチユーザー研究
        • Labvancedにおけるヘッドトラッキング | ガイド
    • メイン アプリ タブ

      • 概要: メインタブ
      • ダッシュボード
      • マイ研究
      • 共有研究
      • マイファイル
      • 実験ライブラリ
      • マイアカウント
      • ライセンス & サービス
    • 研究タブ

      • 概要: 研究特有のタブ
      • 研究デザイン
        • タスク
        • ブロック
        • セッション
        • グループ
      • タスクエディタ
        • タスクコントロール
        • 試行システム
        • フレームタイプ
        • オブジェクト
        • オブジェクトプロパティテーブル
        • 変数
        • システム変数テーブル
        • イベントシステム
        • テキストエディタの機能
        • タスクエディタにおける視線追跡オプション
        • タスクにおける頭追跡
        • マルチユーザー研究
      • 設定
      • 変数
      • メディア
      • テキスト & 翻訳
      • 開始 & 参加
      • 被験者管理
      • データビューとエクスポート
        • Dataview と変数 & タスクの選択 (古いバージョン)
        • 録音へのアクセス (古いバージョン)
  • 動画
    • 動画の概要
    • Labvancedの始め方
    • タスクの作成
    • 要素動画
    • イベントと変数
    • 高度なトピック
  • ウォークスルー
    • はじめに
    • ストループ課題
    • 語彙判断課題
    • ポズナー視線キュー課題
    • 変化盲点フリッカーパラダイム
    • 目の動き追跡サンプル研究
    • 乳児の目の動き追跡研究
    • マウストラッキングによる注意捕捉研究
    • 迅速シリアル視覚提示
    • ChatGPT研究
    • 目の動き追跡デモ:AOIとしてのSVG
    • マルチユーザーデモ:被験者のカーソルを表示
    • ゲームパッド / ジョイスティックコントローラー - 基本設定
    • EEG統合によるデスクトップアプリ研究
    • 被験者間のグループバランスと変数設定
    • マルチユーザー研究の構築
    • ウェブサイトフレーム目の動き追跡ウォークスルー
    • 条件付きウェブカメラ目の動き追跡
    • テキストセグメンテーション研究の構築
  • FAQ
    • 機能
    • サポートポリシーとガイドライン
    • セキュリティとデータプライバシー
    • ライセンス
    • Labvancedの精度
    • プログラム的使用とAPI
    • Labvancedをオフラインで使用する
    • トラブルシューティング
    • 研究作成に関する質問
  • ニュースレターアーカイブ
  • ドキュメント
  • クラスルーム
Labvancedのページフレームのイラスト。自動的に上から下に積み重ねられたオブジェクトを示しています

ページフレーム

ページフレームは、内容を自動的に上から下に配置し、一般的なページレイアウトで要素が積み重なる方法を実現します。オブジェクトは自由に配置することはできず、リスト形式で互いの下に流れます。縦の順序はドラッグアンドドロップで変更できます。これにより、ページフレームはアンケート、同意書、指示などのレイアウトの柔軟性よりも可読性や流れが重要な用途に適しています。

キャンバスフレームのようにズームイン・アウトする代わりに、ページフレームはスクロールでナビゲートします。グリッドラインの代わりに、プレビューモード(フレームの下にあるチェックボックス)は、実験実行中にページがどのように見えるかを示します。

ページフレームのプロパティ

Frame Settingsパネルで設定します。

  • Name: タスク内でフレームを識別するためのラベル(参加者には表示されません)
  • Duration: オプションの固定表示時間(ミリ秒単位)。設定しないと、フレームはイベントまたはアクションが進むまで画面に表示され続けます
  • Color: フレームの背景色(デフォルト:白)
  • Hide Mouse: フレームがアクティブな間、参加者のカーソルを隠します
  • Max-Width: ページコンテンツエリアの最大幅(ピクセル単位。ページフレームのみ)
  • Border-Size: フレーム内の要素のボーダーサイズ(ページフレームのみ)
  • Elem Margin: フレーム内の要素間のスペーシング(ページフレームのみ)
  • Sync Frame Start: タスクがマルチユーザー実験に変換されたときのみ表示されます(キャンバスフレームと共有、ウェブサイトフレームでは利用不可)。有効にすると、フレームはグループ内のすべての参加者が準備ができるまで待機し、各参加者が独立して開始するのではなく、共同研究にどのように組み込まれるかを見てください。マルチユーザー実験設計。

注

デフォルトの水色から周囲の色を変更したい場合は、Settings → Main → Settings → Page Surround Colorを通じて研究全体に設定できます。タスクによって色を変える必要がある場合は、Set Global CSSアクションを使用してください。

ページとキャンバスを使い分けるタイミング

内容がフォームのようで、上から下に読み進める場合(アンケートや同意書、指示など)、ページフレームを選択してください。可読性と流れが正確な刺激の配置よりも重要です。精密な位置合わせやタイミングが設計の一部である場合は、キャンバスフレームの方が適しています。

よく一緒に使われるもの

ページフレーム上で特に一般的なオブジェクトが2つあります。どちらかを追加すると、最も一般的なイベントを自動的に作成できるセットアップウィザードが表示されます。手動でイベントを構築する必要はありません。

  • タイマーオブジェクト: Start timer on frame startとJump to next frame when timer endsを自動的に設定できます。
  • ナビゲーション: フレーム間を移動するためのGo ForwardとGo Backwardイベントを自動的に設定できます。

さらなる読み物

Labvancedの3つのフレームタイプ:キャンバス、ページ、ウェブサイトフレームのイラスト

フレーム

すべてのフレームタイプのハブおよびすべてのフレームが共有するプロパティ。

Labvancedのキャンバスフレームのイラスト。空白のキャンバス上に自由に配置されたオブジェクトを示しています

キャンバスフレーム

刺激を精密に配置するための自由配置型フレーム。

Labvancedのウェブサイトフレームのイラスト。研究に埋め込まれた実際の外部ウェブサイトを示しています

ウェブサイトフレーム

研究に実際の外部ウェブサイトを埋め込み、外部またはカスタムサイトで行動データを収集します。

Labvancedのイベントシステムのイラスト。トリガーとアクションを示しています

イベントシステム

刺激の提示を制御し、変数を記録し、フレームを進めるトリガーとアクション。

トライアルタイムライン

トライアルタイムライン

トライアル内でフレームがどのようにシーケンスされ、繰り返されるか、タスクシステムの条件ごとの編集について。

Prev
キャンバスフレーム
Next
ウェブサイトフレーム