モバイルのカルーセルガイドを追加する

最終更新日:

カルーセルは、モバイルアプリケーションで広く使用されている、直感的で効果的なパターンです。カルーセルガイドを作成して、新規ユーザーのオンボーディングや、新機能の紹介などに利用できます。

ビジュアルデザインスタジオ(Visual Design Studio)で、ブランドやデザインのニーズに合わせてカルーセルのスタイルを設定できます。

カルーセルガイドを作成する

1.[ガイド(Guides)]に移動し、[ガイドを作成(Create Guide)]を選択します。

2. モバイルアプリケーションを選択し、[カルーセル(Carousel)]のレイアウトを選択します。

select_guide_carousel.png

 

カルーセルのレイアウトを選択すると、3ステップの全画面表示ガイドが作成されます。

3.[自分のアプリで管理(Manage in my app)]を選択すると、各ステップの編集が可能になります。Pendoのすべてのビルディングブロックに対応しています。

4. ステップを追加するには、既存のステップを複製するか、レイアウトからステップを追加します。

giffycanvas.gif

5. ガイドをテストするには、[テスト(Test)]を選択します。

test_guide.png

 

カルーセルのヒント

  • カルーセルは全画面表示のガイドです。全画面表示でないステップやツールチップをカルーセルに追加することはできません。
  • ユーザーはスワイプジェスチャーでステップ間を移動できます。「先のステップに進む(advance step)」オプションのボタンを含めることもできます。
  • 「左にスワイプ」や「右にスワイプ」などのジェスチャーは他のガイドアナリティクスと同様に追跡され、[ガイド指標(Guide Metrics)]タブの[ガイドアクティビティ(Guide activity)]イベントの下に表示されます。



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