ウォークスルーの外観定義

左側のAdopt エディタパネルから、ステップのプロパティにアクセスし、外観タブを開きます。

ボタンとアクション

予め定義されたボタンや追加ボタンの有効化または無効化を行い、ステップ上に表示するボタンを決定できます。

  • ステップ上で直接ナビゲーションができるように次へボタンと前へボタンを有効化してください。

  • アクションボタンを設定するために利用できる追加ボタンを有効化してください。

  • ステップを完了せずに終了するための閉じるボタンを有効化してください。

アクションボタンの作成

アクションボタンは、ユーザーによってクリックされたときにワークフローを開始します。 ガイド内で直接キャンペーンやリモートアクションを自動的に展開するために使用します。

アクションボタンにワークフローをリンクする際には、一部の制限が適用されます。

キャンペーンの場合:

  • キャンペーンには単一の回答を含む質問のみが必要です。

  • トリガー方法はワークフローに設定する必要があります。

  • 遅延を避けるために、優先度緊急または必須に設定することを検討してください。 設定しない場合、ユーザーは最大30秒の遅延を経験する可能性があります。

リモートアクションの場合:

  • ユーザーは入力パラメータを変更できません。

  • ユーザーがカスタム値を入力できるようにする設定を無効にする必要があります。

ワークフローの場合:

  • ワークフローを有効にする必要があります。

  • ワークフローには入力パラメータを含めることはできません。

  • トリガー メソッドを 手動 に設定する必要があります。

  • ワークフローは ユーザー または デバイス を対象にする必要があります。

Adopt Editorからステップにアクションボタンを追加するには:

  1. ステップ プロパティ を開き、外観タブにアクセスします。

  2. オプションのボタンの1つを有効にします。

  3. 有効化されたボタンの 設定ホイール をクリックします。

  4. アクションタイプ の下で、ワークフローの起動 を選択します。

  5. リストからワークフローを選択します。 使いやすさのために検索バーがあります。

  6. ラベル の下で、アクションボタンのラベルを定義します。

  7. 変更を保存します。

ステップの外観

  • ステップラベル を有効にしてから、ステップ番号の前に表示されるテキストを ステップカウンター の下部で指定します。 ステップカウンター を有効にする必要があります (参照:コントロールとインジケータ) 。

  • 終了ラベル を有効にしてから、終了ボタンのテキストを指定します。 終了アクションボタンを最初に有効にする必要があります (参照:コントロールとインジケータ) 。

ステップインタラクション

  • ステップが表示されている間、ページ要素とのユーザーの相互作用を防ぐことができます。 このオプションは、ステップの周囲要素やページ全体に適用できます。

  • ステップが表示されている間、ページのスクロールを防ぐことができます

シャドウ

このオプションでは、ステップ完了に必要な要素を除いて、ページを暗くしたりぼかしたりすることができます。

  • シャドウのタイプ を選択:

    • オフ (シャドウをオフに)

    • 透明

    • ぼかされた背景。

  • シャドウ オプションを有効にすると、代わりに漸進的なトランジションアニメーション を適用できます。

ボーダー

  • ステップにリンクされたUI要素にソリッドまたはグラデーションのボーダーを追加します。 ボーダーを削除するには、オフを選択します。

  • ボーダーオプションを有効にすると、代わりに漸進的なトランジションアニメーションを適用できます。


コントロールとインジケータ

ステップを進むためのアクションボタンを表示します。

  • ステップを閉じるためにユーザーに 終了アクションボタン を表示します。

  • ユーザーが完了したステップ数を示すステップカウンターを表示します。

  • ウォークスルー内の全ステップ数を示すカウンターを表示します。

  • ステップを独自のiframe内に配置してステップカプセル化を有効化します。 これは、レンダリング中にページ全体の構造に干渉するのを防ぎます。

  • Arrow を表示します。これはツールチップを関連のあるインターフェイス要素に視覚的に接続するツールチップポインタです。


ステップオーバーレイ

ページ上でのステップの全体的な外観と表示方法を定義します。

  • ツールチップは標準のステップ外観で、指定された要素に対して相対的に表示されるボックスです。

  • スマートページは画面の中央に表示される大きなボックスで、ビデオコンテンツや大きな画像に推奨されます。

  • 通知はページ下部に表示される広いボックスで、通知に似ています。

  • 非表示はユーザーの視界からステップを取り除きます。 このオプションは、ユーザーが正しいページにナビゲートされるステップ間の遷移に推奨されます。 詳細については ウォークスルーの位置オプションを定義するを参照してください。

  • サイドバーはページの左側を上から下まで占めます。 このオプションは.pdfファイルや大量のコンテンツに推奨されます。


アニメーション

  • ステップ: ステップが表示または非表示になるときに、フェードズームまたはアニメーションなしを追加します。

  • 要素: ユーザーがステップに到達または完了すると、割り当てられた要素に フェードズーム またはアニメーションなしを追加します。

  • 上記のいずれかのオプションでズームアニメーションを有効にした場合は、ズームの強さを定義します。

Last updated

Was this helpful?