SmartTips

Last Updated 3月 26, 2022 Download 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はアイコン上または選択した要素上にツールチップを表示できます。 SmartTipsが要素の上に表示されるように設定されている場合、ユーザーが選択したフィールド(ホバー、クリック、タブ)にフォーカスするとガイダンス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メニューでセットの設定を選択します. また、個別のSmartTipの名前を検索するとセット全体が表示され、よりすばやく公開できます。

セットを公開すると、このセット内のすべてのSmartTipsが公開されることにご注意ください :

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

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

トラブルシューティング

SmartTipsが途切れてしまうのを防ぐ

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

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

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

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

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

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

関連リソース

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

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

アカウントタイプの選択

選ぶ
< 戻る

パートナーアカウントログイン

< 戻る