概要
レイアウト(旧称:テンプレート)を使用すると、ガイドの外観をすばやく整えることができます。Pendo管理者の場合、レイアウトの特定のガイドテンプレートを設定する機能を使ってガイドのブランディングを管理することもできます。この記事では、カスタムレイアウトを作成および編集する方法について説明し、Pendoのデフォルトのレイアウトをそれぞれ見ていきます。
必要なユーザー権限
カスタムレイアウトを作成するには、次の権限の1つが必要です。
- Pendo管理者権限
- ユーザー:ガイドとレイアウト(テンプレート)を最初から作成
カスタムレイアウトを削除するには、次の権限の1つが必要です。
-
Pendo管理者権限
新しいレイアウトを作成する
Visual Design Studioで、レイアウトテンプレートを通常のガイドとして作成できます。望みどおりのレイアウトのデザインを作成したら、デザイナーを閉じる前に変更を保存してください。保存後、画面右上のナビゲーションアイコンの横にある[レイアウトとして保存(Save as Layout)]オプションを選択します。

レイアウトを保存すると、新しいガイドを作成するときに、画面上部の[保存済みレイアウト(Saved Layouts)]の下のレイアウトセレクターにガイドオプションが表示されます。

レイアウトを削除する
Pendo管理者は、カスタムレイアウトを作成または削除できます。レイアウトライブラリでは、カスタムレイアウトオプションにカーソルを重ねたときに削除アイコンが表示されます。
レイアウトのタイプ
Visual Design Studioでは、5つの一般的なタイプのレイアウトを基にガイドを作成できます。
- ライトボックス
- バナー
- ツールチップ
- 投票調査
- ウォークスルー
Pendoのデフォルトのレイアウトのいずれかを使用することも、各レイアウトの複数の特徴を組み合わせたカスタムレイアウトを作成することもできます。たとえば、投票調査も含むライトボックスや、一連のツールチップで構成されるウォークスルーに案内するバナーを作成できます。
以下に、Pendoのデフォルトのレイアウトに関する概要、および推奨されるユースケースを紹介します。
ライトボックス
ライトボックスは、アプリまたはページの上に表示されるカスタマイズ可能なボックスです。どのようなサイズまたは寸法にもすることができ、テキスト、画像、または動画などのあらゆるタイプのコンテンツを含めることができます。ライトボックスはほぼ何にでも使えますが、一般的なお知らせをする場合に優れたツールとなります。
Pendoでは5つのデフォルトのライトボックスレイアウトをご用意しています。
成功を祝うライトボックス
このレイアウトでは、お祝いの言葉を標準的な方法で伝えることができます。メッセージは編集することができます。

ウォークスルーの完了を伝えるライトボックス
このレイアウトは、ウォークスルーを終了し、ユーザーに追加情報を提供する場合に最適です。

カスタマーサクセスマネージャー紹介ライトボックス
このレイアウトは、ユーザーに直接のコンタクトを促してカスタムデモや追加サポートを提供する場合に最適です。

新機能のお知らせライトボックス
このレイアウトではシンプルな方法で、ユーザーに新しい機能やアップデートを確実に伝えられます。

新機能のお知らせ(画像付き)ライトボックス
このレイアウトは上と同じですが、画像が付きます。

バナー
バナーはライトボックスと同様に機能しますが、ページのかなり上か下の、幅全体に沿って表示されます。そのため、ユーザーの画面全体を邪魔せずに重要なメッセージを伝える場合に最適です。
Pendoでは1つのデフォルトのバナーレイアウトをご用意しています。
システム停止バナー
このレイアウトは、メンテナンスのための計画的な停止や不測の事態によるサービスの低下を告知する場合に最適です。システムステータスページへのリンクをここに貼ると役立ちます。

ツールチップ
ツールチップは、ユーザーに特定の機能を状況に沿って簡潔に説明する場合に使用します。ページのどこにでも配置できます。特定の要素のそばに配置するには、[コンテナの編集(Edit Container)]ボックスで位置設定を編集します。
Pendoでは、2つのデフォルトのツールチップレイアウトをご用意しています。
コンテキスト内のヘルパーツールチップ
このレイアウトでは、ユーザーに特定の機能をシンプルに説明できます。

ウォークスルーツールチップ
このレイアウトを使用すると、タスクを完了させる方法やアプリのナビゲーション方法をユーザーに示すマルチステップウォークスルーの1つのステップを作成できます。

アンケート調査
アンケート調査を使用すると、ユーザーからフィードバックを直接簡単に得られます。それには、自由記入用のテキストボックス、数字による評価スケール、または多項選択法を用意します。
Pendoでは、3つのデフォルトの投票調査レイアウトをご用意しています。
自由記入式の投票調査
このレイアウトではテキストボックスを使って、ユーザーに自由記入式のフィードバックを提出してもらいます。

数字による投票調査
このレイアウトでは数字による評価スケールを使って、ユーザーにフィードバックを提出してもらいます。

多項選択式の投票調査
このレイアウトでは、複数の定義済みのオプションから項目を選択することで、ユーザーにフィードバックを提出してもらいます。

Walkthrough (ウォークスルー)
ウォークスルーは簡単に言うと、複数のステップからなるガイドのタイプです。ウォークスルーでは、どのようなタイプのレイアウトでも使用できますが、ほとんどの場合、ツールチップが伴います。ツールチップレイアウトは、個々の機能やアプリの部分をユーザーに示す場合に最適だからです。
ウォークスルーを作成するには、最初のステップとしてレイアウトを選択し、通常の設定方法と同様にスタイルを設定します。次に、ステップトレイを開いて、[+ ステップを追加(+ Add Step)]ボックスをクリックします。新しいレイアウトを選択する画面が表示されます。ウォークスルーが完了するまで操作を続けます。
よくある質問
Designer内でレイアウトを変更する方法を教えてください。
まず、ステップトレイを開き、[+ ステップを追加(+ Add Step)]というグレイのボックスをクリックします。新しいレイアウトを選択する画面が表示されます。この操作を完了し、新しいレイアウトのスタイルを設定したら、ステップトレイをもう一度開いて、削除したい前のレイアウトにカーソルを置き、右上の省略記号(“…”)をクリックします。レイアウトを削除するオプションが表示されます。
削除したカスタムレイアウトは復元できますか?
既存のガイドからカスタムレイアウトを再保存できます。レイアウトセレクターには、削除を取り消すオプションはありません。