この記事では、モバイル用のビジュアルデザインスタジオ(Visual Design Studio)を使用してモバイルガイドを作成する方法について説明します。
ガイドの作成方法については、Pendo Academyに掲載している動画をご視聴ください。
要件
ビジュアルデザインスタジオ(Visual Design Studio)を使用するには、次のいずれかの権限が必要です。
- Pendo管理者権限
- 最低でも以下のうち1つを実施できるPendoユーザー権限
- レイアウトからガイドを作成する
- 公開されたガイドを管理する
- ガイドとレイアウトを最初から作成する
ガイドの作成
-
モバイルアプリケーションがSDK 2.xと統合されていることを確認してください。確認するには、[サブスクリプション設定(Subscription Settings)]に移動します。統合されたアプリには[統合済み(Integrated)]ラベルが表示されているはずです。
- 左側のメニューで[ガイド(Guides)]>[ガイド(Guides)]に移動します。
- [ガイド]ページで、[ガイドを作成(Create Guide)]を選択します。
- ドロップダウンメニューから該当するモバイルアプリを選択します。
- 利用可能なモバイルレイアウトテンプレートを選択し、ガイドの名前を変更します。
ヒント:多くの場合、複数のガイドが存在するため、命名規則を設定し、グループを使用して検索しやすくすることをお勧めします。
ガイドコンテンツのカスタマイズ
ガイドを作成したら、ガイドの設定ページで、コンテンツ領域のヘッダーにある[自分のアプリで管理(Manage In My App)]を選択します。
ヒント:ガイドのプレビューにカーソルを合わせると、[自分のアプリで管理(Manage in My App)]が表示され、ビジュアルデザインスタジオ(Visual Design Studio)が起動します。
ガイドの編集は、[コンテナを編集(Edit Container)]ボックス内で行うことができます。コンテナのデフォルト設定は、アプリのテーマによって設定されます。
- コンテナの設定を編集するには、[テーマ(Theme)]を[カスタム(Custom)]に変更します。
- 最初の編集が完了したら、[完了(Done)]を選択します。
- ガイドのプレビュー内のプレースホルダーアイテムにカーソルを合わせて選択し、編集します。
- ガイドに新しいビルディングブロック(ボタン、タイトル、画像、文字、投票とアンケート調査など)を追加するには、アイテム間にマウスポインタを合わせ、青い線を表示させます。
- 「プラス」記号を選択して、ビルディングブロックを追加します。
ガイドのトランジションアニメーションの選択
ガイドが各ステップに遷移する方法を選択します。
遷移を変更するには、[コンテナを編集]>[遷移(Transitions)]>[アニメーションタイプ(Animation Type)]に移動し、必要に応じて[アニメーションタイプ]、[期間(Duration)]、[方向(Direction)]を選択します。デフォルトの遷移タイプである[なし(None)]に加えて、[フェード(Fade)]、[ポップ(Pop)]、または[スライド(Slide)]を選択することもできます。
ヒント:マルチステップ、フルスクリーン、またはポップアップガイドの場合は、スライドアニメーションを使用することをお勧めします。
注:現在、ツールチップの遷移は使用できません。
ガイドのアクティベーション
ガイドを作成するときは、ガイドをアクティブにする方法を決定する必要があります。
利用可能なアクティベーションオプションは以下のとおりで、これらは[アクティベーション設定(Activation Settings)]のアクションバーにあります。
モバイルアプリでのフィーチャーのタグ付け方法については、Pendo Academyの動画をご覧ください。
アプリの起動
ガイドは、モバイルアプリを開いた後に起動されます。新規ユーザーのオンボーディングや新しいアプリバージョンの新機能の表示など、ページ固有ではないアンケートガイドやお知らせに最適です。startSessionメソッドが呼び出され、モバイルセッションが開始されると同時に、セグメントされた訪問者にガイドが開始されます。
- ガイドの繰り返し表示(Repeat Guide Display)。訪問者がガイドを完了または閉じた場合でも、ガイドを訪問者に表示します。
ページの表示
ガイドは、訪問者がアプリ内の特定のページに移動した後に起動されます。アプリ内の特定のページで新しい訪問者を案内したり、特定の画面がメンテナンス中であることを訪問者に通知するなど、ページ固有のオンボーディングやページ固有の機能のお知らせに最適です。ガイドが表示されるアプリ内のページを選択します。既にタグ付けされているページを選択するか、[新しいページをタグ付け(Tag New Page)]ボタンを選択して新しいページにタグを付けます。この場合、新しいページをキャプチャするためには、デバイスが接続されている必要があります。詳細については、「モバイルデバイスの接続」を参照してください。複数のページを選択した場合、いずれかのページを最初に見たときにガイドが起動します。
注:ガイドのステップによって、アクティベーション用に設定されるページが異なる場合があります。別のページにあるガイドの次のステップにユーザーを誘導するには、ディープリンクまたはツールチップを使用したオーガニックなユーザーナビゲーションをお勧めします。
ターゲット要素
訪問者がアプリ内の固有の機能を選択すると、ガイドが起動されます。機能固有のオンボーディング、機能固有のアンケート、ヘルプセンターのアクティベーションに最適です。モバイルアプリでは、バッジからガイドをアクティベーションするオプションはサポートされていません。
目的のページを選択した後、スクリーンショットでガイドを選択してアクティブにする要素を選択します。UI要素が保存されていない場合は、新しいUI要素を保存するように求められます。
トラックイベント
ユーザーが特定のサーバー応答を受け取った後のトラブルシューティングや、プロセスが完了した後のガイドの起動に最適です。
- トラックイベントに基づく(Based on track event):選択したトラックイベントと同じトラックイベントが呼び出されたとき。ガイドのトリガーとして使用するトラックイベントを選択します。トラックイベントが呼び出されると、セグメント化された訪問者にガイドが表示されます。このオプションを選択すると、プロセスが完了したときや、サーバーが応答したときなど、独自のタイミングでガイドをアクティベーションできるようになります。
-
トラックイベントプロパティに基づく(Based on track event property):ガイドの起動に使用するトラックイベントプロパティのタイプ、演算子、値を選択します。
詳細については、トラックイベントを参照してください。
ガイドからガイドを起動する
他のガイドからガイドを起動するには、特定のアクティベーション方法を設定する必要はなく、すべてのアクティベーション方法を未選択のままにしておきます。またこのオプションは、他のアクティベーション方法と組み合わせることができます。
デバイスでガイドをテストする
ビジュアルデザインスタジオが提供するのはガイドの「ウェブプレビュー」に過ぎないため、公開前に必ず実際のモバイルデバイスでガイドの見え方をテストすることが非常に重要です。
ガイドをテストするには、[テスト(Test)]を選択します。
注:デバイスが接続されていない場合は、デバイスを接続する必要があります。詳細については、「モバイルデバイスの接続」をご参照ください。
テスト中、Pendoはセグメントとスロットルルールを無視し、毎回ガイドを表示します。ガイドの一部として設定されたターゲット要素、ページ、アクティベーション方法は、このプレビュー方法に対して設定されている必要があります。
ガイドの作業が終わったら、右上の[保存(Save)]ボタンで変更内容を保存し、[終了(Exit)]を選択してデザイナーを終了するか、[保存]の横にある下向きアイコンを選択して[保存して終了(Save and Exit)]を選択します。
ガイドのテストについては、Pendo Academyに掲載している動画をご視聴ください。
ガイドのセグメント化とスケジュール
ガイドに問題がなければ、ガイドの詳細ページに移動して、ガイドのセグメントとスケジュールを調整します。
- ガイドを受け取るユーザーのセグメントを選択します。デフォルトのセグメントは[全員(Everyone)]です。選択したセグメントに含まれているユーザーの数と、対象となる訪問者の数を確認できます。
- ガイドがいつ公開されるか(必要であれば、いつ公開を停止するか)をスケジュールします。
対象となる訪問者の数がセグメントよりも少ないことがあります。この要因としては、ユーザーの中に旧バージョンのアプリとSDKを継続して使っている人がいることが考えられます。この場合、これらのユーザーはPendoの新機能を利用できない可能性があります。
重要:ガイドセグメントには、セグメントに明示的に含まれていない場合を除き、アナリティクスから除外された訪問者が含まれます。
ガイドのセグメント化については、Pendo Academyに掲載している動画をご視聴ください。
ガイドの公開と検証
ガイドを公開するには、ガイドのステータスを[公開(Public)]にします。モバイルには「ステージング」オプションがないため、モバイルデバイスでフロー全体をテストせずにモバイルガイドを公開しないようにしてください。もしお客様が当該ガイドのセグメント対象であり、公開した後にご自身のデバイスでガイドを確認したい場合は、以下の操作を行います。
- Pendoとお使いのデバイスとの接続を解除します。具体的には、デバイスで[Pendo FAB]を選択し、[ペアリングモードを終了(Exit Pairing Mode)]を選択します。
- アプリを閉じて再起動します(ガイドは「セッション」の開始時にデバイスに送信されます)。
- ガイドのセグメントに含まれている場合は、ガイドの「アクティベーション(activation)」基準をトリガーすることで、アプリでガイドを表示できます。
- 「毎回表示する(show every time)」に設定されていない限り、ユーザーが一度ガイドを表示した後に、再度表示されることはありません。
よくある質問
ガイドが公開された後でも表示されないのはなぜですか?
ガイドのアクティベーションタイプに関係なく、アプリケーションは、ガイドペイロードにそのガイドが含まれている場合にのみ、エンドユーザーが新しいガイドの対象となるかどうかを判断できます。ペイロードが更新されるのは、次のいずれかが発生したときのみです。
- startSessionが呼び出された場合。
- アプリケーションが30分(デフォルト)以上バックグラウンドで動作した場合。この時間はアプリごとに設定できます。デフォルト設定の変更をご希望の場合は、Pendoサポートにお問い合わせください。
そのため、startSessionは通常、アプリを終了して再度開いたときに呼び出されます(ただし、最終的には開発者が呼び出すタイミングを決定するため、お使いのアプリでは当てはまらない場合もあります)。アプリを終了して再度開き、新しく公開したガイドをトリガーすることをお勧めします。これがうまく動作しない場合は、お客様側の開発者にstartSessionがいつ呼び出されるかを確認するか、Pendoサポートにご連絡ください。
テストデバイスと本番環境の両方で同じAPIキーを使用する必要がありますか?
必須ではありませんが、将来のリリースをテストする場合を除いて、全く同じ顧客体験を再現することをお勧めします。モバイルアプリは、(Pendoで別の開発アプリケーションを作成しない限り)テストと本番環境で同じAPIキーを使用し、同じSDK/APIキーを使用した場合に収集されるデータに違いはありません。これは、アナリティクスに影響を与える可能性があります。ただし、除外リストを利用して、アナリティクスから自分のデータをフィルタリングするオプションがあります。開発環境と本番環境のそれぞれにAPIが必要な場合は、Pendoのアカウント担当者にお問い合わせください。
IPアドレスだけでモバイルガイドをテストできますか?
現在、これを行うためのすぐに使えるオプションはありません。ユーザーを開発アプリのバージョンにセグメント化するテストセグメントを作成することができます。
ガイドが閉じられ、再表示の対象ではなくなったとみなされるのは、どのような場合ですか?
場合によっては、ユーザーがスマートフォンのバックグラウンドでアプリを実行していることがあります。Androidではホームボタンを押すか、iOSでは上にスワイプ/Touch IDボタンを押します。この場合、ガイドが表示されていれば、ガイドは閉じられず、アプリを再度起動したときに再び表示されることが予想されます。閉じるアクションのボタンを選択する、角にある[x]ボタンを選択する、ガイドの最後のステップを完了する、またはアプリを終了すると、ガイドは閉じられたと見なされます(再び表示されることはありません)。
注:Androidデバイスで[戻る(Back)]ボタンを選択すると、ポップアップガイドが閉じます。