マルチステップのモバイルガイドを構築する

重要: SDKバージョン2.3.3以降でサポートされています

概要

新しいユーザーをオンボーディングしたり、新しい機能セットを導入したりするためのマルチステップのモバイルガイドを作成します。マルチステップのガイドを作成、公開すると、「ガイドの詳細」ページで、ユーザーがガイドやステップをどのように操作しているかが一目でわかるよう表示することができます。

新規ユーザーのオンボーディングで推奨される方法は、流れに沿ったツアーを提供し、アプリを初めて使用する際に重要な機能を説明することです。

tooltip-tour.gif 

ライトボックスとツールチップのステップを組み合わせて、アプリに合ったツアーを作ることができます。

要件

PendoモバイルSDKのインストール後、Pendoユーザーは、ビジュアルデザインスタジオでガイドを構築するために、以下の2つの権限のうち1つが必要になります。

  • Pendo管理者権限
  • 最低でも以下を実施できるPendoユーザー権限
    • レイアウトからガイドを作成する
    • 公開されたガイドを管理する
    • ガイドとレイアウトを最初から作成する

ガイドの作成方法

1. ビジュアルデザイナーでガイドの編集や作成を行います

Screen_Shot_2020-06-25_at_11.27.12.png

2. [ステップの表示(View Steps)]ドロワーを開いて[+ステップを追加(+ Add Step)]を選択します

Screen_Shot_2020-06-25_at_11.28.30.png

3. ライトボックスの場合、[次のステップ(Next Step)]アクションを含むボタンを追加して次のステップに進むか、[前のステップ(Previous Step)]に戻ることができます。[ステップに移動(Go To Step)] を選択すると、移動先のステップを定義できます。
ツールチップのステップは、次のステップが存在する場合、自動的に次のステップに進みます。

Screen_Shot_2020-06-25_at_11.29.56.png

4. SDK 2.3.3以降 - 各ツールチップステップには、デフォルトで、エンドユーザーがアプリケーションを操作するのをブロックする視覚的な背景が含まれています。バックドロップの設定は、[コンテナデザイン(Container Design)] タブでコントロールできます。

5. ツールチップの各ステップは、次のいずれかの方法で進めることができます。

  • [次のステップ(Next Step)] のアクションを持つボタンを含める
  • ツールチップに背景が含まれていない場合、ユーザーがアプリケーションの画面をクリックすると、ツールチップが閉じて次のステップに進みます
  • ツールチップに視覚的な背景があり、ターゲット要素が背景の上に表示されている場合、ユーザーがターゲット要素をタップするとツアーが進みます(画面上の他の場所をタップしても何も起こりません)。
    ツールチップガイドの詳細はこちらの記事をご覧ください。

5. ツアーを公開する前に、必ずご自分のデバイスでテストしてください。

  • [ステップデザインを表示(View Step Design)]では現在のステップのみが表示され、全体の流れは表示されません。このステップはデバイス上に表示され、ビジュアルデザインを微調整することができます。
  • [アクティベーションしてガイド全体をテストする(Test Full Guide with Activation)] を選択すると、ガイド全体をテストすることができます。この場合、ツアーをテストするために、アクティベーション基準でガイドを「アクティベート」する必要があります。

image__3_.png

 

よくある質問

マルチステップガイドを作成する際に留意すべきベストプラクティスは何ですか?

  • 5ステップ以内のガイドを作成することをお勧めします。これは制限ではありませんが、ユーザーが興味を失ったり、ユーザーを圧倒したりすることなく、注意力が続く範囲内に収めるためのベストプラクティスとして推奨しています。
  • 簡潔さが成功の秘訣です。
    • マルチステップのライトボックスでは、ビジュアルで意図を説明しましょう。
    • ツールチップでは、短い文を使用しましょう。
  • 新規ユーザーには、アプリを紹介する前にフルスクリーンのガイドを表示します。これにより、開始する前に、ユーザーを引きつけることができます。
  • 各ガイドステップでは、スムーズな視覚体験のために、類似したブランディング(同じ背景色、フォントスタイル、ボタンスタイルなど)を使用することをお勧めします。
  • ガイドのいずれかのステップでツールチップを使用する場合は、ユーザーにガイドを配布する前に、実際のデバイスでテストしてください。
  • ユーザーにツアーのオプトアウトを許可するかどうかを決定します。
  • 新機能の発表では、最後のステップで(アプリのディープリンクを介して)新機能のページに直接アクセスできます。

マルチステップガイドをフルスクリーンのステップのみで作成できますか?

Pendoのマルチステップサポートでは、以下のビデオのように、一連のライトボックスやフルスクリーンのステップで構成されたツアーを作成することができます。できあがったガイドは、モバイルでの一般的なオンボード方法である「カルーセル」に似ています。ただし、いくつかの重要な点で従来のカルーセルとは異なっています。

  • このマルチステップガイドでは、各ステップが独立しており、それぞれに入口と出口のアニメーションがあるため、ユーザーにはガイドステップの間に一時停止する場合があります。
  • ステップ間の移動は、スワイプ操作ではなく、ガイドボタンで行います。
  • ガイドボタンの配置はガイド要素を基準にしているため、ボタンが画面の下に「べったり」とくっついてしまうことはありません。

2020-01-13_10-27-55__1_.gif