Creating SmartTips

Objective

After completing this lesson, you will be able to ビジネス上の課題に対処するためのスマートヒントを作成します。

スマートヒントを作成するためのステップ

スマートヒントは、WalkMe エディタで構築されます。スマートヒント構築の 4 つの重要な側面を最初に確認するには、以下のプロセスステップをクリックしてください。これらのステップは、ガイダンス検証の両方のスマートヒントに適用されます。

SmartTip 設定

SmartTip4 つの主要コンポーネントで構成され、これらはすべての SmartTip の基盤です。これらは、エンゲージメントポジションテキスト、および選択です。SmartTip の構築を開始する前に、以下の 4 つのステップのアクションについて説明します。

ステップ 1:エンゲージメント

他の WalkMe アプリケーションとは異なり、SmartTips では、最初にユーザがコンテンツを使用する場所とタイミングを選択する必要があります。これにより、WalkMe に、これらのスマートヒントに表示される特定のページまたは URL が示されます。

これを行うには、条件ビルダを使用し、スマートヒントを表示する URL を入力します。

この例では、URL に /partners-new-report が含まれている場合にのみスマートヒントが再生されるように指定しています。

コンテンツを操作し、スマートヒントを効果的に設定する方法については、ビデオを視聴してください。

ステップ 2: 選択

スマートヒントが表示される要素を選択するには、プラスアイコンをクリックして、表示するフィールドを選択します。次に、このスマートヒントガイダンス検証またはその両方にするかを選択します。

スマートヒントの設定時に要素を選択する方法については、ビデオを視聴してください。

ステップ 3: テキスト

スマートヒントガイダンスを選択した場合は、この特定のヒントのガイダンステキストを入力します。

[検証] を選択した場合は、最初に [完了] をクリックして、[スマートヒント] オプションが表示されるようにします。ここで、検証タイプを選択し、フィールドにエラーメッセージを入力します。

[両方]を選択した場合は、メッセージフィールドにガイダンステキストを入力し、[完了]をクリックして検証タイプと検証メッセージを入力します。

スマートヒントの設定時にテキストを入力する方法については、ビデオを視聴してください。

ステップ 4: ポジション

要素を選択したら、このスマートヒントの位置を決定します。ベストプラクティスとして、SmartTip が他のサイト要素をブロックしておらず、目的のターゲットと一致していることを確認する必要があります。

スマートヒントが必要な場所を決定したら、スマートヒント内でコンパスの方向オプションを選択します。

設定時にスマートヒントを配置する方法については、ビデオを視聴してください。

いい仕事!
おめでとうございます!これで、SmartTip の 4 つのコンポーネントについて理解できました。SmartTip が成功するために重要であるため、各 SmartTip でこれらのコンポーネントが使用されていることを確認してください。

スマートヒントセット

スマートヒントは、SmartTips セット内に含まれています。

SmartTips セットは、単一のフォームまたは Web ページにデプロイされたスマートヒントのグループであり、個々のスマートヒントはそのフォームまたはページ内のフィールドまたは要素であると考えてください。

SmartTips セットの作成時には、最初にセットを再生するための条件を作成します。たとえば、特定のページにのみ表示する場合などです。

この図は、多数のスマートヒントを含むスマートヒントセットを示しています。

スマートヒントの作成時に、スマートヒントをアイコンありで表示するか、アイコンなしで表示するか、プレースホルダテキストとともに表示するかを決定することができます

アイコンあり

これは、ユーザーの注意を喚起するアイコンをフィールドの横に配置することで機能します。ユーザがこのアイコンにカーソルを合わせるか、クリックすると、スマートヒントが表示されます。

アイコンを使用すると、ユーザにカーソルを合わせることで操作する視覚的な合図が提供されます。

この図は、ショッピングカートとオーダーの概要と、出荷標準を示すアイコンを示しています。

アイコンなし

この場合、ユーザはユーザインタフェースにすでに含まれている入力項目、ボタン、テキストなど、画面上の要素にマウスポインタを合わせると、テキストが表示されます。

画面スペースが限られている場合や、ミニマルなルックアンドフィールを維持する必要がある場合は、アイコンのないスマートヒントが適しています。

この図は、プロモーションコード条件を指定するショッピングカートおよびオーダーの概要を示しています。

プレースホルダテキスト

これは、入力する必要がある情報のタイプについてユーザーに通知するフィールドにプレースホルダテキストを表示する必要がある場合に使用できます。

ユーザが入力を開始すると、プレースホルダテキストが表示されなくなります。

注記

プレースホルダテキストは、ガイダンスのスマートヒントでのみ使用できます。

この例では、[電話] フィールドにプレースホルダテキストを示します。

電話項目のペースホルダテキスト。
区切線

ご覧のように、個々のスマートヒントは、要素を選択するとポップアップ表示されるスマートヒント編集ウィンドウを使用して設定されます。スマートヒントを設定するには、編集ウィンドウの使用方法を理解することが重要です。

この図は、編集ウィンドウのセクションを示しています。
ウィンドウセクションの編集使用量
SmartTip 名

ここでは、SmartTip セットで個々の SmartTip の名前を入力することができます。

デフォルトでは、WalkMe によって各スマートヒントの名前が自動的に入力されます。

この例では、"Street" 要素が選択され、SmartTip にその名前が付けられています。

SmartTip タイプ
ここでは、主要なオプション (ガイダンス、検証、またはその両方の組み合わせ) からスマートヒントタイプを選択することができます。
スマートヒントテキスト

ここでは、エンドユーザがスマートヒントを操作するときに表示されるテキストを追加します。

この例では、"プロモーションコードを入力" ボタンについてユーザーに通知するため、この機能の使用方法を説明するガイダンステキストを表示します。

プレースホルダテキスト
プレースホルダテキストを含むガイダンススマートヒントを使用する場合、表示するテキストをここに入力します。
表示オプション

ここでは、スマートヒントをエンドユーザに表示する方法を選択できます。SmartTip は、以下で表示できます。

  • アイコンあり: これは、選択した要素の横にツールチップアイコンが表示されることを意味します。テキストを表示するには、アイコンを操作する必要があります。
  • アイコンなし: ユーザーが要素自体にカーソルを合わせると、テキストが表示されます。追加のツールチップはありません。
  • プレースホルダテキストのみ: このオプションを選択すると、アイコンは表示されず、プレースホルダテキストのみが表示されます。
要素グレード
ここでは、選択した要素の評価度設定と、選択を展開または絞り込むためのオプションを確認して、改善することができます。
追加オプション

下部には、以下のオプションがあります。

  • 再選択: 要素を再選択できます。
  • 完了: 終了したらこれを選択できます。
  • 次のスマートヒント: これにより、スマートヒントセットの一部として複数のスマートヒントを選択する必要がある場合に、次のスマートヒントに移動することができます。

SmartTip の作成の基礎について学習したため、Guidance SmartTips から詳細を見ていきましょう。