シナリオをプレビューする

作成したシナリオがWebサイト上でどのように表示されるかは、シナリオを公開する前にプレビューで確認できます。「Sprocketプレビューツール」を表示する方法はいくつかあります。

目次

Sprocketプレビューツールの起動方法

プレビューを表示する方法は4つあります。いずれの方法でも、表示されるプレビューは同じものです。

[プレビュー確認用URL]で指定したページが使われる

プレビュー時に使われるのが「シナリオの基本設定を行う」で設定した[プレビュー確認用URL]です。このURLはあくまでプレビュー用で、実際のシナリオには影響しません。[プレビュー確認用URL]を変更すれば、同じシナリオを別のページで実施したときのイメージも確認できます。

[シナリオ編集]画面からプレビューを表示

[シナリオ編集]画面では、パターンごとにプレビューを確認して見比べられます。フェーズからパターンと順番に内容を表示して[プレビュー]をクリックします。

img-01.png

[ステップ編集]画面からプレビューを表示

[ステップ編集]画面でテキストや画像を設定したら、どのように見えるかをすぐに確認できます。画面中央の[表示コンテンツの編集]と、画面下部の2か所にプレビューのリンクがあります。なお、プレビューする前にステップの保存が必要です。

img-02.png

img-03.png

[KPI/KGI結果]画面からプレビューを表示

[KPI/KGI結果]画面にある[パターン名]の列からもプレビューを表示できます。結果が良かった、あるいは悪かったパターンの内容をプレビューで確認したいときに使います。

img-04.png

[ステップ分析]画面からプレビューを表示

[ステップ分析]画面からもプレビューを表示できます。プレビューを確認しながら、どのボタンがよくクリックされているかの内訳を確認できます。

img-05.png

Sprocketプレビューツールの使い方

[プレビュー]をクリックすると、以下の画面が表示されます。通常は[プレビューを確認する]をクリックしてください。

[URLをコピーする]は、プレビュー用のURLをコピーしてほかの人に送ったり、ほかのブラウザーでプレビューを確認したりするときに使います。QRコードをスマートフォンのカメラアプリで読み込むと、スマートフォンの実機でプレビューを確認することも可能です。

img-06.png

ブラウザーで新しいタブが開き、[Sprocketプレビューツール]画面が表示されます。画面内の数字は、これからプレビューしようとしているシナリオやフェーズ、パターンのIDです。そのまま[プレビューを開始する]をクリックします。

img-07.png

ポップアップのプレビューが表示されます。表示位置が適切か、メッセージがきちんと伝わるか、ボタンの動作は正常かなど、ユーザーの立場になって確認しましょう。

確認が終わったら、プレビューツール右上の[×]ボタンをクリックしてプレビューツールを終了します。

img-08.png

プレビューがうまく表示されないときは?

プレビューがうまく表示されないときは、よくある質問の「プレビューが表示されません」をご確認ください。

この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています