SmartTips

更新日 3月 19, 2020 Download PDFDownload as PDF
image_pdf

概要

SmartTips は、ページ上に十分な指示がないためにユーザーがしばしばミスを犯すサイト上の特定のプロセスまたはフォームに対処するのに役立ちます。

SmartTips を使用することで、ウェブサイト上における混乱を招く要素に役立つヒントを追加したり、ユーザーエラーをしばしば引き起こすフィールドを検証したりすることができます。

SmartTips はモバイルサイトまたはデスクトップサイトのユーザーに対し、追加のコンテキスト情報を提供する高度なツールチップです。 SmartTips は WalkMe の SmartTip アプリで作成されます。 個々の SmartTips はセット内に作成されます。これは通常、同じフォームまたはページに表示される SmartTips のグループになります。

SmartTips は Walk-Thrus の代わりに、または追加して使用できます。 SmartTips によるヒントは問題のあるフォームに対処するだけでなく、入力された情報を検証する方法を提供するのにも理想的です。

ユースケース

SmartTips には 2 つのタイプがあります :

  • ガイダンス SmartTip : これらはページまたは入力フィールドの内容に関する追加情報をユーザーに提示するために使用されます。 例えば、名前フィールドにガイダンス SmartTip を配置することでユーザーが姓および名の両方を入力する必要があることを明確にできます。 このフィールドのガイダンス SmartTip はページに常に表示され、ユーザーがその上にマウスを移動すると「名および姓を入力してください」というメッセージが表示されます。
  • 検証 SmartTip : これらはフォーム送信前にフィールドに関するリアルタイムのフィードバックを提供します。 例は入力ミスが発生した場合に表示され、ミスが修正されると画面から消えるEメールフィールドの SmartTip です。

使用方法

SmartTips を表示する前に、WalkMe ではセットのセグメンテーションルールをチェックしてルールが正しいかどうかを確認します。 正しい場合、WalkMe はセット内のすべての SmartTips を同時に実行します。

SmartTips はアイコン上または選択した要素上にツールチップを表示できます。 SmartTip が要素の上に表示されるように設定されている場合、ユーザーが選択したフィールド (ホバー、クリック、タブ) にフォーカスするとガイダンス SmartTip が表示されます。 ユーザーが選択したフィールドにフォーカス (クリックまたはタブアウト) した際にフィールドが正しくない (検証ルールが false と評価される) 場合は、検証 SmartTip が表示されます。

ガイダンスおよび検証の両方の SmartTips を使用するとガイダンスメッセージがアイコンの上に配置され、選択した要素上に検証メッセージが表示されます。

セット

セットとは関連する SmartTips のグループです。 Walk-Thru のステップと同様に、SmartTips はセット内のグループとして作成されます。 Walk-Thru から独立した単一のステップは存在できないのと同様に、単一の SmartTip もセットから独立して存在できません。 SmartTips を作成する最初の手順は、関連する SmartTips をグループ化するセットを作成することです。

セットの設定

セットを作成する際、最初にこのセットを実行する場所を決定するよう求められます。 セットを作成した後、セットの設定ページに戻って、セットメニューでカーソルを [セット] に合わせて設定アイコンをクリックするか、または セットの SmartTips ページでエディターの左下隅にある設定アイコンをクリックすることで 変更を加えることができます。

設定では、特定のページにだけ表示を選択し、ページを特定するルールを作成します (ほとんどの場合は URL のルールタイプ) 。 特定のページを識別するとパフォーマンスが最大になります。 セットをすべてのページで実行する場合は、ルールを作成する必要はありません。

以下の画像では、ShopMe のチェックアウトページにのみ表示されるようにセットが構成されています (理由を理解するには表示ルールのページのURLをご参照ください) 。

セグメンテーションの設定

セットをセグメントに追加することで特定のオーディエンスをターゲットにすることができます。 管理者および営業チームの両方のメンバーに適用されるフォームの場合、両方のグローバルセグメントを SmartTip セットに適用します。 セットの作成時にセグメントがまだ作成されていない場合は、セグメンテーション・センターで後からセットをセグメントに追加することができます。

ガイダンス SmartTips とは何ですか?

ガイダンス SmartTip はエンドユーザーへのメッセージのみ表示します。 カーソルをアイコンに合わせるとガイダンス SmartTip メッセージが表示されます。要素にメッセージが表示されるようになっている場合は、要素にカーソルを合わせるかフォーカス (クリックまたはタップ) することでメッセージが表示されます。 このメッセージはアンカー要素またはスマートチップのアイコンに表示される場合があります。

インタラクションタブを使用してこれらの設定を構成し、リッチテキスト・エディターにアクセスすることで SmartTip のデザインをカスタマイズすることができます。

確認 SmartTips とは

確認 SmartTips はユーザーがフィールドに有効なコンテンツを追加したことを確認します。 確認ルールと照合してフィールド入力を検証します。

確認ルールを使用することで、フィールドにおいて有効な入力とみなされるものを設定できます。 確認ルールによって false (フィールドへの誤った入力) と評価された場合、SmartTip は確認メッセージを表示します。

ユーザーがフィールドにフォーカス (クリックまたはタブアウト) すると確認ルールがチェックされます。 確認 SmartTip アイコンまたは要素のハイライトはユーザーがフィールドに正しく入力しない場合に表示され (確認ルールによって false と評価されます) 、ユーザーが誤りを修正することで表示されなくなります (確認ルールによって true と評価されます) 。

確認 SmartTip はルールが false の場合にのみ再生されます。つまり、選択した要素が有効な電話番号でない場合に確認が表示されることになります。

確認は SmartTip アイコンまたは選択したフィールドに表示されるように設定できます。 ユーザーがアイコンにカーソルを合わせるとメッセージが表示されます。

インタラクションタブから確認ルールとサクセスメッセージを設定できます。

 

以下のプリセット確認ルールから選択するか、新しいカスタムルールを作成します :

  • 必須: ルールでは添付フィールドにテキストがあるかどうかを評価します。 空のままにしておくと、確認ルールでは false となります。
  • 数値フィールド : 入力内容が数値であることを確認します。
  • 日付形式 : 入力内容が有効な日付形式 (dd/mm/yyyy など) であることを確認します。
  • 時間形式 : 入力内容が14:00や2PMなどの有効な時間形式であることを確認します。
  • 米国の電話番号: 入力内容が10桁の米国の電話番号 (市外局番と番号) であることを確認します。 このルールは数字が正しいかどうかを確認することはできず、正しい形式で書かれていることのみ確認します。
  • Eメールアドレス形式 : 入力内容が有効なEメールの形式で @ 記号が含まれていることを確認します。ウェブアドレス形式 : 入力内容が有効なウェブアドレス形式であることを確認します。

プリセットのいずれかを選択して条件の更新をクリックした場合、これらのプリセットがルールエンジンに書き込まれる方法がわかります。 例えば、 米国の電話番号プリセットでは以下のルールが使用されます :

SmartTips の作成

 

  1. 新しいセットを作成すると、セットの SmartTips を作成することができます。
  2. まず「+」アイコンをクリックして、SmartTip を固定する要素を選択します。
  3. 次にガイダンス SmartTips 、確認 SmartTips 、および両方の SmartTips のタイプを選択します。
  4. 最後に、ユーザーが選択したアイコンにカーソルを合わせた時にメッセージを表示するか、ページに存在するフィールドにメッセージを表示するかを選択します。

 

選択した SmartTip のタイプに応じて以下の手順を実行します。

ガイダンス SmartTips

 

  1. 「+」アイコンをクリックするとキャプチャーモードに入ります
  2. SmartTip を固定する要素を選択します
  3. ガイダンスメッセージを入力します (必須)
  4. 別の SmartTip を作成する場合は、右下隅にある次の SmartTip をクリックします。

    • 「SmartTip が正常に保存されました。」というサクセスメッセージがしばらく表示されます。
  5. 必要となるすべての SmartTips を作成したら、完了をクリックします。

ヒント : ガイダンス SmartTips の場合、要素は配置のみに関連します。

確認 SmartTips および両方の SmartTips

ガイダンスメッセージを含まない場合を除きプロセスは同じですが、確認 SmartTip ごとに確認ルールを作成する必要があります。 ガイダンス SmartTips とは異なり、選択される要素は作成した確認ルールによってチェックされるフィールドです。

要素をキャプチャーして確認 SmartTip を選択するとインタラクションタブにリダイレクトされますが、ここでは確認ルールおよびそのルールによって false と評価された時に表示されるメッセージを作成する必要があります。

ガイダンスおよび確認の両方の SmartTips では、オプションメニューで SmartTips に変更を加えることができます。

ヒント : SmartTip の名前を変更しますか? これを行うには SmartTip の鉛筆アイコンの上にカーソルを合わせ、「名前の変更」をクリックします。 簡単です。

グローバル・カスタマイズ

グローバル・カスタマイズを使用することで、作成中の各 SmartTips をカスタマイズする必要なくすべての SmartTips の設計を変更することができます。 グローバル・カスタマイズを使用することで、すべての SmartTips の一貫したルック・アンド・フィールが維持されます。

ベストプラクティスはエラーツールチップに 1 つのスタイルを設定することで、プラットフォーム内の均一性を維持することです。 グローバル・カスタマイズは遡って適用されず、設計の保存後に作成された SmartTips にのみ影響します。

エディター下部の青色の管理バーにあるカスタマイズメニューのアイコンとツールチップをカスタマイズします。 ここではガイダンス、無効確認、有効確認のデフォルトのスタイルを変更できます。

SmartTip オプションメニューでガイダンス SmartTips のグローバルカラー、テキスト、アイコンのスタイルを上書きできます。 これは、ガイダンス SmartTips にはさまざまなユースケースがあり、常に同じスタイルが必要になる訳ではないためです。

ヒント :

確認 SmartTips はグローバルなデフォルトスタイルのみ使用できますが、個別にカスタマイズすることはできません。

公開

SmartTips を公開する準備ができたらメインの SmartTips メニューでセットの設定を選択します。 セットを公開すると、このセット内のすべての SmartTips が公開されることにご注意ください :

セット内に公開したくない SmartTip が 1 つ以上ある場合は、SmartTip オプションメニューで無効にします。 有効と無効を切り替える場合、その変更が反映されるには再公開を行う必要があります :

同様に各 SmartTips はアーカイブできず、セット全体のみアーカイブすることができます。 各 SmartTip の機能を停止する場合は SmartTip オプションメニューで無効にします。

トラブルシューティング

SmartTips が表示されない場合は?

セット内の SmartTips がいずれも表示されていない場合 :

  1. セットのページ表示ルールを確認します。
  2. セットのセグメンテーションルールを確認します。

個別の SmartTips が表示されない場合:

  1. SmartTip の表示ルールを確認してください。SmartTip を表示するには表示ルールおよびセグメンテーションの設定の両方が true である必要があります。
  2. SmartTip 要素のグレードを確認してください。確認 SmartTip が表示されない場合は要素を再キャプチャーすることで確認ルールを確認してください。 ルールで true であると評価されると、確認メッセージが表示されます。

それでも SmartTips が表示されない場合は、[email protected]にお問い合わせください

関連リソース

この記事は役に立ちましたか?

ご意見ありがとうございます!

関連記事

< 戻る