ステップ 3:クリエイティブの構築
それでは、来訪者の注意を引くためにどんなビジュアルを使いたいのか、どのように振舞いたいのかを考え始めてみましょう。メッセージを表示するときは、画面上をスライドして現れるようにするか、突然現れるようにするか、どちらがよいでしょうか?また、小さなタブを用意してユーザーがクリックするか無視するかを選択できるようにするのと、大きなポップアップ画像で注意を引きつけるのとでは、どちらがよいでしょうか?訪問者を「インターセプト」するために使用するこれらのビジュアルは、クリエイティブと呼ばれます。
クリエイティブのタイプの選択
新しいウェブサイト/App Insightsプロジェクトを開いた
ら、クリエイティブの作成を開始します。最も人気が高いクリエイティブのタイプを次に示します。
- レスポンシブなダイアログ:このクリエイティブは、ポップオーバーやスライダークリエイティブに似ています。これは Web ページの上部に表示され、訪問者のデバイスサイズに合わせて自動的に拡大/縮小されます。このクリエイティブは、他のクリエイティブタイプで必要となる追加の JavaScript ベースの更新を必要とせずに、すぐに使用できるアクセシビリティ機能を提供します。
- ポップオーバー: 訪問者の注目を集めるには、このクリエイティブタイプを使用します。
- フィードバックボタン: フィードバックボタンは、必要な貴重なフィードバックを微妙に収集する場合に特に便利です。デザインが固定されているため、このクリエイティブなものが、最も簡単に使用および実装できます。
- スライダ: スライダーのクリエイティブの外観はフィードバックボタンと似ています。訪問者がスライダーのタブ部分をクリックすると、スライダーの残りの部分がウェブページの枠線からスライドして現れます。
ヒント:フィードバックボタンとスライダーは、どちらもサイト訪問者からフィードバックを収集する微妙な方法です。これらの中から選択する場合は、以下の点に注意してください。
- スライダの場合、最初はタブのみが訪問者に表示されます。選択後、またはページのスクロール時に、クリエイティブの残りの部分がアニメーションされます。この動作の例は、このサポートページにあります。このページには、フィードバックというタブが表示されています。
- フィードバックボタンはこのように動作することもできますが、これは 2019 年 9 月 27 日以降に作成し、[Web 表示] アニメーションを [スライダ] に設定した場合に限られます。
- [フィードバック] ボタンには、フィードバックボタンをクリックすることで、代わりに新しいウィンドウで調査を開くオプションもあります。これは、Web 表示アニメーションを新規ウィンドウに設定した場合に可能です。
クリエイティブの設計
クリエイティブのタイプを選択
したら、[編集]セクションでニーズに合わせてカスタマイズを開始できます。クリエイティブなデザインをきれいにしておきますが、ポップにするのを恐れないでください。必ずウェブデザインチームに問い合わせて、クリエイティブが会社やウェブサイトに関連付けられているスタイルガイドに従っていることを確認してください。
クリエイティブに関する多くの内容をカスタマイズできますが、ここでは考慮すべき主な事項をいくつか示します。
- サイジング:クリエイティブのディメンションは、デスクトップとモバイルの両方のビューに表示されると変わりません。インターセプトを2つの異なるデバイスタイプで表示する場合は、2つのクリエイティブを作成する必要があります。1は モバイル最適化と協力して作業する際に行われます。それ以外の場合は、モバイルとデスクトップの両方のビューに表示されるように、クリエイティブをフォーマットすることが重要です。クリエイティブの寸法を調整することは スクロールバーの消去と協力して作業する際に行われます。クリエイティブに適した寸法が不明な場合は、 プレビュー モードを選択して、任意の画面解像度の表示をテストします。
- ターゲット:ターゲットをクリエイティブに直接表示するか(スライダーに表示されるアンケートなど)、テキストまたはボタンを使用してターゲットにリンクするかを決定します。また、このターゲットをクリエイティブのどこに配置するかを決定する必要もあります。
- [閉じる]:ユーザーがクリエイティブを終了する方法を決定します。Qualtricsには既成のボタンが用意されていますが、独自のテキストまたは画像を使用することもできます。
- ロゴの追加:クリエイティブにロゴを追加する方法は2つあります。ツールバーを使用してクリエイティブに直接グラフィックを挿入できます。または、[見た目と操作性]メニューの[上級]タブ内でアンケートのヘッダーにロゴを直接追加することもできます。カスタマイズされたテーマを使用している場合は、すでにロゴがアンケートに適用されている場合があります。
クリエイティブの動作方法の決定
[オプション]セクションでは、クリエイティブが画面に表示される方法、配置される場所、出現のタイミングなどの動作を決定できます。各クリエイティブの動作は少し異なるため、各クリエイティブは、このセクションで示されているオプションによって異なります。
クリエイティブのテスト
[オプション]タブで、クリエイティブをプレビューできます。[クリエイティブをプレビュー]モードは、クリエイティブが意図したとおりにフォーマットされているかどうかをテストする迅速かつ簡単な方法です。プレビューウィンドウでは、クリエイティブオプションで設定した条件が考慮されます。プレビューウィンドウにクリエイティブが表示されない場合は、戻ってクリエイティブの書式を再確認する必要があります。
クリエイティブの公開
クリエイティブの外観と動作に満足
したら、それを公開してください。コードがデプロイされ、インターセプトが有効化されていれば、変更はウェブサイトに反映されます。
クリエイティブをサイトに表示する準備ができていない場合、Qualtricsは変更を自動的に保存し、公開の準備ができるまで展開しません。