ウォークスルーステップの定義

ウォークスルーのステップを定義する

Nexthink Applications でウォークスルータイプのガイドを作成し、Adopt Editor でそのガイドにアクセスした後:

新しいステップを作成する

ドロップダウンメニューから Step を選択するか、キーボードショートカット Shift + A を使用します。これによりエレメントピッカーが起動し、このステップに関連付けるページ上の要素を選択できます。詳細については、Adopt Editor の「Using Element Selector」を参照してください。

ページ上にカーソルを移動し、クリックするかキーボードショートカット Shift + S を使用して要素を選択します。これにより、選択した要素に割り当てられたステップが作成されます。

Shift + S ショートカットは、カーソルで要素を選択できない場合に便利です。例えば、クリックすると表示されなくなるポップアップメニュー内の要素を選択する場合です。

ステップのプロパティを設定する

ステップのプロパティを開き、コンテンツ、外観、位置、表示の各タブにアクセスします。これらのタブを使用して次の操作を行います:

テキストとコンテンツをウォークスルーステップに追加する
ウォークスルーステップの外観を定義する
ウォークスルーステップの位置オプションを定義する
ウォークスルーステップのトリガーオプションを定義する

各タブの詳細については、このページに含まれる以下のセクションを参照してください。

ウォークスルーステップへのテキストとコンテンツの追加

Adopt Editor の左側パネルからステップのプロパティにアクセスし、コンテンツタブを開いて、ガイドを使用する従業員に視覚的または聴覚的に表示されるコンテンツを追加します。

ステップコンテンツ

ツールチップコンテンツエディターを使用してテキストを書き、形式を整えます。
必要に応じて、URL またはアセットライブラリから画像を追加します。
オプションとして関連ページ、画像、音声、ビデオへのリンクを追加します。

ステップサウンド

ガイドステップに音を追加します。

ウォークスルーステップの見た目の定義

Adopt Editor の左側パネルからガイドステップのプロパティにアクセスし、外観タブを開きます:

ボタンとアクション

事前定義された追加ボタンを有効または無効にして、ステップに表示されるボタンを決定できます。

次へと前へボタンを有効にして、ステップで直接ナビゲートできるようにします。
追加ボタンを有効にします。これらはアクションボタンの設定に使用できます。
閉じるクロスボタンを有効にして、ユーザーがステップを完了せずに終了できるようにします。

ステップの見た目

ステップラベルを有効にした後、ステップの下部にあるステップカウンターのステップ番号の前に表示されるテキストを指定します。 ステップカウンターを有効にする必要があります (操作とインジケーターを参照)。
閉じるラベルを有効にし、閉じるボタンのテキストを指定します。最初に閉じるアクションボタンを有効にする必要があります (操作とインジケーターを参照)。

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

ステップが表示されている間、ページ要素とのインタラクションを防ぐことができます。このオプションは、ステップの周囲またはページ全体の要素に適用されます。
ステップが表示されている間、ページをスクロールできないようにすることもできます。

影

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

影の種類を選択します:
- オフ (影をオフにする)
- 透明
- ぼやけた背景。
影オプションを有効にすると、瞬時の視覚効果の代わりに漸進的な遷移アニメーションを適用できます。

枠線

ステップにリンクされたUI要素に単一またはグラデーションの枠線を追加します。枠線を削除するにはオフを選択します。
枠線オプションを有効にすると、瞬時の視覚効果の代わりに漸進的な遷移アニメーションを適用できます。

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

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

ユーザーがステップを閉じることができるように閉じるアクションボタンを表示します。
ユーザーが完了したステップの数を表示するステップカウンターを表示します。
ウォークスルーの全ステップ数を示すカウンターを表示します。
ステップを独自のiframe内に配置するステップカプセル化を有効にします。レンダリング中に全体のページ構造に干渉するのを防ぎます。
ツールチップを関連するインターフェース要素に視覚的に接続するツールチップポインタである矢印を表示

ステップオーバーレイ

ステップの全体的な表示方法とページ上でのレンダリング方法を定義します。

標準のステップ外観であるツールチップは、割り当てられた要素に対して相対的に表示されるボックスです。
スマートページは、ビデオコンテンツや大きな画像に推奨される画面中央の大きなボックスです。
通知はページの下部にある通知に似た幅広いボックスです。
非表示にすると、ユーザーからステップが削除されます。これは、正しいページに誘導されるステップ間の遷移に推奨されます。詳細については、ウォークスルーの位置オプションの定義を参照してください。
ページの左側を上下に占めるサイドバー このオプションは.pdfファイルや大量のコンテンツに推奨されます。

アニメーション

ステップ: ステップの出現または消去時にフェード、ズームまたはアニメーションなしを追加します。
要素: ユーザーがステップに到達または完了したときに、割り当てられた要素にフェード、ズームまたはアニメーションなしを追加します。
上記のオプションのいずれかにズームアニメーションを有効にした場合、ズーム強度を定義します。

ウォークスルーステップの位置オプションを定義する

Adopt Editor の左側パネルからステップのプロパティにアクセスし、位置タブを開きます:

ステップ位置

選択されたステップ — 要素セレクターと不安定性 自動修正

アプリケーションのWebページ上でステップに関連する要素をプレビューします。必要に応じて、要素を再選択するか、不安定なセレクターを自動修正します。

Adopt Editor は、ステップのセレクターの30％以上が不安定（動的に生成された識別子に依存している）で、少なくとも1つのセレクターがターゲット要素を正しく識別している場合に、セレクターの自動修正ボタンを有効にします。システムは機能しているセレクターを使用して、不安定なセレクターを再生成し、セレクターの不安定性を軽減します。

要素が削除されている場合、または複数の動作するセレクターが異なる要素を識別し、セレクターの自動修正を実行できない場合を除き、自動修正機能では要素を再選択したりステップを再記録する必要はありません。これらの場合は、手動で要素を再選択してください。

自動修正は単一のステップで動作し、ガイド全体のセレクターを修正するものではありません。

不安定なセレクターを含むガイドの通知を受け取る

デプロイされたガイド内の不安定なステップを能動的に識別するには、Nexthink Library から Adopt Unstable Selectors の事前定義モニターをインストールして使用します。モニターは、ステップに不安定なセレクターが含まれている場合にアラートを生成します。

ライブラリコンテンツのセットアップについては、あなたの環境にNexthink Libraryパックまたはコンテンツをインストールするを参照してください。

モニターが不安定なセレクターを含むガイドについて通知した場合:

Nexthink でガイドの公開を中止します。
Adopt Editor でガイドを開き、システムによりフラグ付けされたステップを確認します（下のスクリーンショットを参照）。
影響を受けたステップの位置タブで、セレクターの自動修正オプションを確認します。

キーのページ

ナビゲーションを使用して、ステップに到達したときにユーザーを特定のページに誘導できます。動的なアドレスを持つページをガイド目的でより安定させる位置URLパターン
キーページをターゲットにするは、一致を表示を選択することやリストからキーページを選択することを許可します。また、検索バーを使用して、名前で結果をフィルタリングすることもできます。
- 事前定義されたキーページは、動的URLとまだ認識可能なNexthink Infinityのステップを関連付けることができます。例: https://impl.workday.com/*/d/home.htmld
- 一致するキーページがない場合は、キーページのドキュメントを参照してください。
- キーページ選択を無視し、ナビゲーションの下で静的URLを定義します。

要素の位置

必要に応じて、Nexthink Infinity Adoption 設定でデフォルト構成されている要素セレクターを有効または無効にし、このステップ専用にします。

Element XPath セレクターの上書きは、特定のテキストブロックを対象としているため、別の言語にローカライズできます。

ifのあるアプリケーション内でAdopt Editorを使用する場合、一致の表示オプションは、対象要素が存在するiframeの一致するキーページを表示できません。

これらのケースでは、一致するキーページを表示するには、ターゲットの要素を再選択します。

ユーザーがスクロールする際の位置再計算を有効にする

複数のスクロールバーを持つコンテナがメインページ以外にある場合、ユーザーがスクロールする際の位置再計算を有効にします。 一般的に、Adoptはステップに関連する要素に到達するため、メインページをスクロールしようとします。このオプションを有効にし、そのコンテナに制限するために element ID を指定します。

ガイドデフォルト

Nexthink Adoption 設定にあるガイドのデフォルトを有効または無効にし、このステップ専用にします:

ステップが表示される際にURLアドレスに自動的に移動するようにするには、この設定を有効にします。
- この設定は、ウォークスルーの最初のステップでは有効にできません。
記録されたクエリパラメータを無視する: URLにクエリが含まれている。たとえば、http://google.com/?queryのように特定のURLに移動する場合、この設定を有効にしてクエリ以降、/? より後を無視し、ベースURLのみを使用します。
要素が覆われていないときにステップを表示: Adoptは通常、関連する要素がモーダルウィンドウやダイアログでオーバーラップされている場合でもステップを表示します。この設定を有効にして、要素が他の要素で覆われていない場合にのみステップが表示されることを確認します。
要素の表示にスクロールする: この設定を有効にして、関連する要素が表示されるまで自動的にページをスクロールします。
- スクロール時に要素をセンター: Adoptは、大抵、ページスペーシングを尊重するように要素へスクロールしようとします。この設定を有効にして、ページに対する相対的に中央に配置することを試みます。
要素の表示用にスクロールするためのカスタムオフセットを設定: 特定のWebページの性質がスクロール計算のエラーを引き起こします。この設定を有効にして、追加の距離をピクセル単位で追加してスクロールに加えます。このオフセットは、指定されたステップ中にAdoptがスクロールしている方向に追加されます。
選択した要素の位置に基づき、ステップ描画の方向を決定する方向を選択します。
- 自動がデフォルト設定です。要素がページの上部にある場合、ステップは下から描画され、それ以外の場合は上から描画されます。
- 描画する方向を指定するには上, 右, 下または左を選択します。

方向, カスタム領域および z-index オプションを使用して、選択された要素に対するステップ位置を定義します。

システムがスペースの制約により希望する位置に表示できない場合、Adopt は時計回りの方向で最適な位置に配置します。

カスタム領域

カスタム領域を定義することにより、関連するステップが表示されたときに要素のハイライトされた領域が拡大または縮小されます。

コンテンツにトリミングするアダプトの試みは、要素全体ではなく、たとえばテキストラベルなどの要素の関連コンテンツのみを含む領域を定義することです。
- ページのフォーマットが不適切な場合、この設定は機能しない可能性があります。
ニーズに合わせてカスタム領域の形状を作るために、方向ごとのパディングをピクセル単位で定義します。

Z-index

Nexthink拡張がステップを描画する際のz-indexの起点を決定するためにZ-indexソースを選択します。

テーマは、Nexthinkのデフォルトz-index値である73999を使用します。
要素は、ページフォーマットで決定された関連要素のz-index値を使用します。
マニュアルを使用して影とステップのz-index値を定義します。正しく表示されるためには、影に対して少なくとも1増のステップが必要です。

ウォークスルーステップのトリガーオプションを定義する

Adopt Editor の左側パネルからステップのプロパティにアクセスし、トリガータブを開きます:

ステップが開始される条件を定義する

スポット/アンスポットトリガーは、ページに表示されている要素で機能し、プレゼント/アンプレゼントは、ページには表示されていないが存在する要素に関連します。たとえば、CSSでhiddenに設定されています。
ビューポートでのスポットは、要素が従業員の画面に表示されたときにステップを開始します。
選択値の入力および移動は、検索バーに単語を入力するなど、ページ上の入力フィールドとのインタラクションのためにステップをトリガーします。
要素がフォーカスを失うと、フォーカスされたページ要素から離れたときにステップがトリガーされます。たとえば、検索バーでの入力を無効にするためにクリックします。
前のステップが完了した後にステップが表示されるように、タイマーを秒単位で設定します。
ステップの表示をトリガーとして受け取るためにカスタム外部コマンドを定義します。
他のガイドのリストを定義し、これらのガイドが完了したときにのみステップが表示されるように。

前のステップの設定のトリガータブでカスタム外部コマンドを作成する必要があります。

ステップが完了する時の条件を定義する

ユーザーが次へボタンを押す。
- オプションで、次へまたは完了ラベルを追加します。
ユーザーが前へボタンを押す。
- オプションで、前へラベルを追加します。
Spot/Unspot トリガーはページ上で見える要素に対して機能し、 Present/Unpresent は存在するがページに表示されない要素を指します。たとえば、CSSで非表示と設定されている場合があります。
ビューポートでのスポット は、要素が従業員の画面に表示されているときに、そのステップをトリガーします。
選択値を入力して進める と、ページ上の入力フィールドとの相互作用、例えば検索バーに単語を入力する、またはドロップダウンからオプションを選ぶ際にそのステップをトリガーします。
要素がフォーカスを失ったとき は、フォーカスされたページ要素から離れたときにステップをトリガーします。たとえば、検索バーからタイピングを停止させるためにクリックして離れてください。
ステップを終了するために、Adopt に時間を秒単位で設定します。
ステップの完了をトリガーとして受け取るカスタム外部コマンドを定義します。
ステップが完了したときにカスタム外部コマンドを送信するかどうかを定義し、そのコマンドを作成します。
ステップが完了後に持続するかどうかを定義します。
- URLアドレスの変更時 は、ガイドが別のページに移動した後もステップを持続します。
- ページのリロード時 は、ユーザーがページを更新した後もステップを持続します。
- 履歴を遡るとき は、ユーザーが以前のページに戻った後もステップを持続します。
- どのオプションでも 、上記の条件を満たしたときにステップを持続させます。

最終更新 1 か月前

役に立ちましたか？