オンボーディングモジュール

最終更新日:

オンボーディングモジュールは、ガイドリストと同様の機能を持つチェックリストモジュールですが、ステップごとのガイドの進捗と完了を示すチェックリスト要素によって、ガイドの完了状況を追跡することができます。

オンボーディングモジュールを追加する

  1. 左側のメニューで[ガイド(Guides)>リソースセンター(Resource Center)]に移動します。
  2. [リソースセンター(Resource Center)]リストで、必要なリソースセンターを選択します。
  3. [リソースセンター(Resource Center)]タイルにカーソルを合わせ、[+ モジュールを追加(+ Add Module)]を選択します。

    Add_module.png
  4. [リソースセンター(Resource Center)]ページで、[オンボーディング(Onboarding)]タイルにカーソルを合わせ、モジュールを選択します。Select_module.png
  5. 右下の[モジュールを追加(Add Modules)]を選択します。
  6. 新しいモジュールにカーソルを合わせ、[モジュールの詳細を表示(View Module Details)]を選択します。
  7. [コンテンツ(Content)]セクションで、ガイドリストにガイドを追加します。 この方法の詳細については、「ガイドリスト」モジュールをご確認ください。

オンボーディングモジュールのスタイルを設定する

  1. 新しいモジュールまでスクロールし、その上にカーソルを合わせ、[モジュールの詳細を表示(View Module Details)]を選択します。
  2. [コンテンツ(Content)]セクションのガイドリストからガイドを選択し、[アプリ内で管理(Manage In App)]を選択してビジュアルデザインスタジオ(Visual Design Studio)を起動します。
  3. [オンボーディングモジュールを編集(Edit Onboarding Module)]コンテナを使用して、次のようにモジュールを設計します。
    • プログレスアイコン(Progress Icon):モジュールの進捗状況を示すアイコンを選択します。

      progress_icon.png
    • プログレスバー(Progress Bar):プログレスバーのスタイルを選択します。

      progress_bar.png
    • テキストスタイル(Text Style):モジュールのテキストスタイルを設定します。

      text_style.png
    • 字幕:モジュールで表示するサブタイトルを追加します。

      subtitle.png

リソースセンターにアクセスするたびに、オンボーディング項目の進行状況を確認できます。

style_module.png

 

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