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