概要
公開前にWalkMeアイテムをテストすることで、コンテンツが意図したように動作し、ユーザーにスムーズで信頼性の高いエクスペリエンスを提供できます。 WalkMeは、フロートラッカーやQAテンプレートなど、テストをサポートするためのリソースを提供します。
本番環境に公開する前に、品質保証(QA)テストを実行して、すべてが正しく動作していることを確認します。 コンテンツの構築者以外の誰かにQAテストを実行してもらうことを推奨します。
テスターは、アプリケーションに慣れていない新しいユーザーとしてエクスペリエンスにアプローチする必要があります。 一般的なユーザーの行動を再現し、WalkMeがタスクを通じてユーザーを明確かつ効率的に導くことを確認する必要があります。 テスターは、単に問題にフラグを立てるだけでなく、改善を提案することも推奨されます。
ユースケース
QAテストは、以下のシナリオに適用されます:
- スマートウォークスルーは、中断することなく最初から最後まで再生されます
- WalkMeアイテムは、外観とコンテンツに一貫性があります
- WalkMeは、サポートされているすべてのブラウザーで一貫して機能します
- WalkMeアイテムは、意図したオーディエンスに表示されます
使用方法
スマートウォークスルーをテストする最良の方法は、WalkMeエディタを開くことなく中立的な環境で行うことです。テストスニペットまたは拡張機能を使用します。 これは、真正なユーザーエクスペリエンスをシミュレートします。
フロートラッカーを使用して、スマートウォークスルーやゴールに関するリアルタイム情報をプレビュー時に確認します。 フロートラッカーは、ステップ番号、ステップステータス、各ステップに適用されたルールを表示します。 別のタブで、ゴールが達成されているかどうかを表示し、バックエンドで正しく設定されていない設定にフラグを立てます。
QAテストは、通常、2つのラウンドで行われます:フルラウンドとサニティチェック。
操作の順序
フロートラッカーを有効化します
- WalkMeエディタから、設定を開き、[General(一般)]タブに移動します
- プレビューモードと再生モードの両方でフロートラッカーをオンにします
- 公開環境でもFlow Trackerを開きたい場合は、そちらでもオンにしてください。ユーザーに表示されることはありません。
- 「保存」を選択し、設定ウィンドウを閉じます
- プレビューを選択して、エディタから実装を表示します。フロートラッカーは、最小化されたビューで表示されます
公開された環境でフロートラッカーを開くには、本番環境またはテスト環境に移動し、WalkMeメニューを開き、検索バーにwalkmetrackerと入力します。 フロートラッカーはすぐに表示されます。 これは、アイテムを公開する前に公開環境でフロートラッカーをオンにした場合にのみ機能します。
Flow Tracker
フルラウンドQA
Full Round(フルラウンド)QAを実行します。 プロセス内のすべてのページからテストします。 QAテンプレートは、テストするすべてのものをカバーします:
- レイアウトの問題:スマートウォークスルー、ランチャー、およびすべてのWalkMeエレメントがページに明確かつ直感的に表示されることを確認します。 テキストが正しい、主要なエレメントが表示されている、バルーンがアプリケーションの重要な部分をカバーしていない、色とデザインがアプリケーション環境に合っていることを確認します。
- アラート:アラートは、フロートラッカーの別タブに表示されます。 ページ上で拡張機能がアクティブであることを示すアラートが1つ表示されることが予想されますが、無視して構いません。 アイコンを選択して他のアラートを表示し、それらのスクリーンショットを作成します。
- スマートウォークスルーのゴール:最初のサニティチェック中にゴールを確認します。 フロートラッカーでゴールが達成され、タイミングが理にかなっていることを確認します。 各スマートウォークスルーにはゴールを含める必要があります。
- オンボーディングのゴール:プロセスの最後にこれらを設定し、ユーザーが完了する前にタスクがリストから削除されないようにします。
- ランチャー:すべてのランチャーが正しく表示され、期待どおりに動作することを確認します。 サニティチェック後にこれらのページに戻り、まだ機能していることを確認します。 各ランチャーが正しいスマートウォークスルーを再生し、正しく配置され、セグメント化されていることを確認します。
Final Check(サニティチェック)
テスト環境に移動し、バルーンの指示に従ってスマートウォークスルーを正確に進めます。 異なるブラウザで、スマートウォークスルーを最初から最後まで1回または2回実行します。 小さい画面でサニティチェックを実行し、すべてが正しく表示されることを確認し、サポートされている最も低いブラウザーのバージョンでテストします。
Using the QA Template(QAテンプレートの使用)
構築者が後で対処できるように、QAテンプレートを使用して、完全なテスト中に問題を追跡してください。
スマートウォークスルーが正しく動作する場合は、記録し、緑色でマークします。 問題がある場合は、記録し、赤色でマークします。
QA Questions(QAの質問)
以下のセクションでは、各機能をテストする際に確認すべき内容と質問すべき内容を要約します。
スマートウォークスルー
ベストプラクティス
- テストする前にスマートウォークスルーのベストプラクティスの記事を参照してください。
AからZへの正常なフロー
- スマートウォークスルーは破損せずに正しく再生されますか? すべてのトリガーオプションは正しく機能しますか?
レイアウトの問題
- バルーンのレイアウトは、さまざまな画面サイズに適切ですか? バルーンは、大きなモニターでは問題なく表示されることがありますが、小さい画面では位置がずれることがあります。 クリック可能なエレメントはすべて明確に定義されていますか? バルーンは重要な情報をブロックしますか?
一貫性、言語、スペル
- 指示は明確で簡潔ですか? 用語に一貫性がありますか? 大文字と小文字はページ上のボタンと一致しますか?
チャレンジテスト
- ユーザーエラーが発生した場合に何が起こりますか?たとえば、必須フィールドを空白のままにすること、メールやパスワードの誤入力、または間違ったボタンの選択など? ユーザーがアプリケーションエラーに遭遇した場合はどうなりますか? ユーザーがすでにプロセス中にいる場合、スマートウォークスルーは正しいステップから開始されますか? 複数のトリガーは正しく処理されていますか?たとえば、同じアクションを実行する2つの保存ボタンなど?
ゴール完了
ゴールやマイルストーンは期待どおりに達成されていますか?
セーフスタート
- スマートウォークスルーは、開始ページにリダイレクトするか、開始できない場合にエラーを表示しますか?
LaunchersおよびSmartTips
位置
- ランチャーはさまざまな画面サイズで正しく表示されますか?
可視性
- ページがスクロールされる場合、Launcherは所定の位置に留まりますか?
関連するアクション
- Launcherによってトリガーされるすべてのアイテムも公開されていますか?
リソースとシャトル
機能性
ゴール
キーワード
セキュリティ
- Lightboxでリソースを開く場合は、セキュリティープロトコルの競合を確認します。 HTTPリソースは、HTTPSドメインのLightboxで開くことはできません。 動画がYouTubeまたはVimeoフォーマットであり、表示にパスワードが必要ないことを確認します。
オンボーディング
名前と説明
関連アイテム
- 関連するすべてのアイテムが公開されているか、公開されるようにマークされていますか?
タスクの完了
- 完了したタスクは、リストから消されますか? タスクがすでにクロスオフされている場合は、Ctrl+Shift+Deleteを選択してCookieとキャッシュをクリアし、ウェブコンソールに_makeTutorial.tempClearUserCompletedTasks()と入力します。
アクティベーションルール
タスクは適切なタイミングでアクティブになりますか?
タスク配置
- タスクはメニューにて論理的な順序で並べられていますか? WalkMeはユニークユーザーを追跡していますか?
サーベイ
言語とスペル
- 質問内容は合理的ですか? スペルミスはありますか?
セグメンテーション
- 調査は適切な場所および適切な時間でのみ表示されますか?
シャウトアウト
言語とスペル
アクションボタン:
- アクションボタンは、正しいWalkMeアイテムをトリガーしますか?
自動再生
- シャウトアウトは想定どおりに自動再生されますか? 他のアイテムは同時に自動再生されますか?
ゴール
- ゴールは達成されていますか? (フロートラッカーを使用してゴールを確認)
WalkMeメニュー
位置
- WalkMeメニューは正しく配置されていますか? 期待どおりに動作していますか?
検索
- アカウントにはどの検索プロバイダーが設定されていますか? スマートウォークスルー検索は機能しますか?
ヘルプデスク
- それはどこを指していますか? 正しく動作していますか?
全般
Custom(カスタム)CSS
- デザインは、すべてのWalkMeアイテムと一貫しており、アプリケーションの設計と整合していますか?
セグメンテーション
- セグメント数はいくつありますか? セグメントに設定されたルールは、サンドボックス環境と本番環境の両方で有効ですか?
自動再生
- どのスマートウォークスルーが自動的に再生されるように設定されていますか? これらのルールは、サンドボックス環境と本番環境の両方で有効ですか?
公開