最適なユーザーエクスペリエンスを確保するには、公開前にWalkMeアイテムをテストすることが不可欠です。 すべてが想定どおりに機能することを確認することで、ユーザーの時間が節約されるとともに、よりスムーズで効率的なエクスペリエンスが作成されます。 WalkMeでは、フロートラッカーやQAテンプレートなど、ウォークスルーのテストに役立つ番号のリソースを多数提供しています。

使用方法

Walk-Thruをテストする最良の方法は、Editorを使用せずに（テストスニペットまたは拡張機能を使用して）「ニュートラル」な環境で行うことです。 これは、真正なユーザーエクスペリエンスをシミュレートするため、非常に重要となります。

QAテスト実行者は、フロートラッカー（以下の関連リソースセクションのリンクを参照）を使用し、プレビュー時にWalk-Thruおよびゴールに関するリアルタイム情報を確認する必要があります。 フロートラッカーには、ステップ番号、ステップステータス、ステップに適用されたルールなどの情報が表示されます。 また、別のタブで、フロートラッカーはゴールが達成されているかどうかを表示し、バックエンドで正しく設定されていない設定のアラートを表示します。

QAテストは通常、「Full Round（フルラウンド）」および「Sanity Check（健全性チェック）」の2つのラウンドにて実行されます。

操作の順序

1）フロートラッカーを有効にします

1. Editorから、［Settings（設定）］メニューを開き、［General（全般）］タブに移動します。
2. プレビューモードおよび再生モードの両方にて、［Flow Tracker（フロートラッカー）］をオンに切り替えます。
3. 公開された環境でもフロートラッカーを開けるようにしたい場合は、そちらの環境もオンにしてください。エンドユーザーには表示されませんので、ご安心ください。
4. ［Save（保存）］をクリックし、［Settings（設定）］ウィンドウを閉じます。
5. ［Preview（プレビュー）］をクリックし、Editorから実装を表示します。 フロートラッカーは、最小化されたビューで表示されます。

公開された環境でフロートラッカーを表示するには、本番環境またはテスト環境にアクセスし、WalkMeメニューを開き、「walkmetracker」と入力します 入力します。

フロートラッカーがすぐにバックグラウンドに表示されます。 これは、アイテムを公開する前に公開環境でフロートラッカーをオンにした場合にのみ動作します。

2）Full Round（フルラウンド）QA

Full Round（フルラウンド）QAを実行します。 プロセス内のすべてのページからテストします。 QAテンプレートには、次のものを含む、テストするすべてのものが具体的に説明されています。

• レイアウトの問題：ウォークスルー、Launchers、およびすべてのWalkMeのエレメントがページにまとまって直感的に表示され、テキストが正しく、重要なエレメントがページに表示され、バルーンがサイトの重要な部分に被っていないことや、色およびデザインがサイトの環境に合っていることを確認してください。
• アラート：アラートは、フロートラッカーの別タブに表示されます。 通常、このページで拡張機能がアクティブであることを示す警告が1つあります（これは無視することができます）。 その他の警告メッセージのスクリーンショットを撮ります（警告を表示するにはアイコンをクリックします）。
• ウォークスルーのゴール：ゴールを確認する最適なタイミングは、最初のサニティテスト時です。 フロートラッカーでゴールが達成され、タイミングが理にかなっていることを確認します。 各ウォークスルーにはゴールを含める必要があります。
• Onboardingのゴール：プロセス完了前にタスクがTask List（タスクリスト）から削除されないよう、これらはプロセスの最後に設定する必要があります。
• Launchers：すべてのLaunchersが正常な外観にて、正しく機能していることを確認します。 健全性チェック後でこれらのページに戻り、正しく機能するかどうかを確認します。 再生されるべきウォークスルーが再生されることを確認してください。 それらが正しく配置され、セグメント化されていることを確認します。

3）Final Check（最終チェック）（別名「Sanity Check（健全性チェック）」）

最後に、Sanity（健全性）QAチェックを実行します。 テスト環境に入り、バルーンの指示に従ってウォークスルーを進めます。 異なるブラウザーでウォークスルーA-to-Zを1回または2回実行します。 ベストプラクティスは、小さい画面で健全性チェックを実行し、すべてが正しく表示されるとともに、サポートされている最も低いブラウザーのバージョンで表示されることを確認することです。

Using the QA Template（QAテンプレートの使用）

QAテンプレート（以下の関連のResourcesセクションのリンクを参照）を使用することで、テストプロセスを追跡できるため、構築者は完全なテスト後に問題の解決へと戻ることができます。

ウォークスルーが正常に動作した場合は、記録し、緑色でマークします。 ウォークスルーに問題がある場合は、記録し、赤色でマークします。

QA Questions（QAの質問）

以下の図は、構築をテストするときに確認すべき項目および問うべき内容をまとめたものです。

関連リソース

• QAテンプレート
• フロートラッカー（フロートラッカー）