バルーンガイドとは
バルーンガイドは、画面上の特定の要素(ボタン・テキスト・画像など)に紐づけて表示する吹き出し形式のガイドです。「この操作はここをクリックします」といった操作箇所の説明や、注目してほしい要素のハイライトに適しています。
PLAINERのガイドには「バルーンガイド(通常ガイド)」と「ポップアップガイド」の2種類があり、バルーンガイドはデモの中心となる基本的なガイド形式です。
追加方法
コンテンツ編集画面を開きます。
プレビュー内で、ガイドを紐づけたい要素(ボタン・テキスト・画像など)をクリックして選択します。
画面右側の選択要素パネルにある「ガイド」セクションの「追加」ボタンをクリックします。
「ガイド設定(バルーン)」が表示されるので、本文や表示方向などを設定します。
内容の確認後、保存してください。
設定できること
本文:閲覧者に表示する説明テキストを入力します。
表示方向:吹き出しを紐づけた要素の「上・下・左・右」のどこに表示するかを選べます。
要素のハイライト:紐づけた要素を強調表示します。
ポップアップガイドとの使い分け
バルーンガイドとポップアップガイドは、それぞれ表示形式と用途が異なります。目的に応じて使い分けてください。
バルーンガイド(通常ガイド) | ポップアップガイド | |
表示形式 | 吹き出し形式 | 画面中央に表示されるモーダル形式 |
要素への紐づき | あり(特定のボタン・テキスト・画像などに紐づく) | なし(特定の要素に紐づかない) |
主な用途 | 操作箇所の説明、要素のハイライト | 冒頭の挨拶、章の区切り、大きな画像・動画の表示 |
ポップアップガイドの詳細はポップアップガイド機能をご覧ください。
見た目のカスタマイズ
バルーンガイドは、以下の項目の色をカスタマイズできます。
背景色:吹き出しの背景の色
文字色:本文テキストの色
ハイライト枠色:紐づけた要素をハイライトする枠の色
ポインタ色:吹き出しの三角(ポインタ)部分の色
ステッパー色:「1/10」のような進捗ステップ表示の色
関連記事
バルーンガイドの詳細な操作は、以下の記事をご覧ください。
