デモの使い方

Webページのスクリーンショットから、ユーザーの視線ヒートマップを予測できるデモです。

ヒートマップ予測 視線分析 UI評価

操作手順

  1. 「画像アップロード」のエリアをクリックして画像をアップロード(「EC」「LP」等のサンプルも利用可)
  2. 「分析設定」でデバイスタイプなどを選択し、「視線予測を実行」ボタンをクリック
  3. 「オリジナル」「ヒートマップ」「オーバーレイ」の表示を切り替えながら結果と「AI改善提案」を確認

活用シーン

  • LPやバナーのデザイン改善前の注目度チェック
  • 広告クリエイティブのCTA視認性の事前検証
  • クライアントへのデザイン改善提案資料の作成

Webサイトヒートマップ予測AIデモ

Gaze Prediction Heatmap System

主な機能

  • 画像から視線の集中ポイント(ヒートマップ)を瞬時に予測
  • 注目度スコアやCTA視認性など、UIデザインの客観的評価

操作方法

  • 画像をアップロードまたはサンプルを選択し、予測を実行
  • 右上のからGemini APIキーを設定可能です

ユーザーの視線パターンを予測

Webサイトのスクリーンショットをアップロードすると、AIがユーザーの視線パターンを分析し、 ヒートマップとして可視化します。10万件以上の視線追跡データを学習したモデルを使用。

画像アップロード

クリックまたはドラッグ&ドロップ

PNG, JPG, WEBP (最大10MB)

または、サンプルを使用:

分析設定

プレビュー

画像をアップロードしてください