モバイルABテストの6つのステップ

モバイル閲覧は、もはや「外出先専用」の行動ではありません。近くにパソコンがあっても、スマートフォンやタブレットでマットレスを探したり、会計ソフトに申し込んだりする人が増えています。

スムーズなユーザー体験（UX）を提供するためには、モバイルABテストが欠かせません。製品やサイトの2つのバージョンをテストすることで、どの要素が機能していて、どの部分に改善が必要かを把握できます。

とはいえ、モバイルABテストのプロセスは複雑になりがちです。 変更できる要素が非常に多かったり、テストの設定方法にバリエーションがあったりと、何から始めればよいか迷ってしまうこともあるでしょう。

このガイドでは、効果的なモバイルABテストを実施するための6ステップをご紹介します。モバイルサイトやアプリを最適化し、シームレスなUXを実現する方法、ユーザーエンゲージメントを高める方法、コンバージョン率を改善する方法を学ぶことができます。

効果的なモバイルA/Bテストのための6つのステップ

近年、モバイル利用は急増し、他のトラフィックチャネルを圧倒しています。2024年8月時点では、世界全体のウェブトラフィックにおけるモバイルのシェアは、デスクトップの2倍以上にまで達しました。

もはやモバイルABテストは「あると良い」ではなく、不可欠なものです。

デスクトップとモバイルは、単に画面サイズが違うだけではありません。 ユーザーは各デバイスに対して異なるマインドセットで接しており、体験設計もそれに合わせる必要があります。ユーザーは eコマース子供のピアノレッスンが終わるのを待っている間にeコマースサイトに飛び込むかもしれませんし、コーヒーを買うために並んでいる間にEメールをチェックするかもしれません。ユーザーをイライラさせないためには、簡単で直感的なモバイル体験が必要です。

最適化は“モバイルファースト”から、今や“モバイルオンリー”へと進化しつつあります。 モバイルでユーザビリティテストを行い、モバイルに特化してアイデアを出し、デザインし、テストプレビューもモバイルで確認する―― それが今のスタンダードです

Johann Van Tonder氏

AWA digital社、CEO

つまり、モバイルに特化したデザインとテストが必要なのです。何から始めればいいのかわからない？6つのステップをご覧ください。

1.データを見直す

モバイルABテストの目的は、デザインの“粗”を見つけ出し、改善のヒントを得ることです。

次のようなデータを深掘りしましょう：

• アナリティクス平均セッション時間や直帰率などの主要な指標を確認できます。

• 調査データネット・プロモーター®・スコア(NPS)のような顧客満足度を測る調査データ、あるいは 離脱意向調査などのデータを調査することでユーザー行動の理由を見える化します。

• フィードバックモバイル訪問者がサイトや製品についてどのように感じているかを知ることができます。

• ヒートマップ色分けされたオーバーレイによって、ユーザーが関与したり無視したりするエリア、機能、要素、コンテンツを特定するためのデータ。

• カスタマージャーニーモバイルユーザーがどこで離脱するのか、デスクトップユーザーとの比較。

これらのデータをContentsquareのような統合型プラットフォームで一元的に確認すれば、定量データ（数値）だけでなく、定性データ（ユーザーの動きや感想）も合わせて理解できます。

「モバイル」フィルターを適用して、デバイス特有の問題を特定しましょう。問題が見つかったら、Contentsquareなら次のような情報で深掘りできます： ヒートマップ平均的なユーザーがあなたのサイトをどのように閲覧し、どのように相互作用しているかを視覚的に表現したものです。 セッションリプレイ個々の訪問者のタップ、スワイプ、スクロールを表示します。

Contentsquareは、モバイルユーザーの体験を簡単に可視化し、理解することができます。

💡 プロのアドバイスAIを活用することで、ユーザーフレンドリーなユーザーインターフェイスを実現しましょう。

モバイル分析を活用すれば、ユーザーが苛立ちを感じている箇所（例：反応しない要素への連打＝レイジクリックなど）を可視化できます。

Contentsquareでは、以下のサービスをご利用いただけます。 フラストレーションスコアリングこの機能では、ユーザーがフラストレーションを感じてサイトから離脱したリプレイを自動的にハイライトします。これは、ユーザーが苛立ちを感じてサイトを離脱したセッションを自動でハイライトし、スコア順に並べてくれる機能です。つまり、最もフリクションの大きいセッションをすぐに特定して、最優先で対処できます。

2.仮説を立てる

モバイルにおける問題点を特定したら、優先順位をつけるべきものを1つ選び、実験のための仮説を立てましょう。強力な仮説は、「問題 → 解決策 → 予想される結果」という順番で構成されているのが一般的です。

商品のランディングページのデータをモバイルで確認する場合、次のように表示されます。

• 平均ページ滞在時間は伸びたが、コンバージョンは減少している。

• ヒートマップでは、商品特徴の説明テキスト（クリックできない箇所）にrage tap（連打）が集中している。

• ゾーンベースのヒートマップ（クリック・移動・スクロールの総合データ）では、ページ最下部のFAQセクションが非常に多くの注目を集めている。

ゾーンベースのヒートマップは、ユーザーがページ内で最も関与している部分を明らかにし、仮説に役立つより多くのデータを提供します。

その結果、ユーザーは購入する前にもっと情報を必要としていることがわかります。そして、次のような問題-解決-結果の仮説を立てましょう。

「ユーザーが購入前により多くの情報を必要としているのであれば、FAQセクションをページの上部に移動すれば、コンバージョン率が少なくとも10％向上するはずだ。」

Contentsquareなら、わずか数クリックで新機能のリリース前後の比較や、昨年とのパフォーマンス比較など、インパクトをすぐに確認できます

Martin Wood氏

Motorpoint社、UXアナリスト

3.バリアントをデザインしてテストする

このステップでは、必要な素材（アセット）を集めるのが時間のかかるポイントです。仮説の内容に応じて、以下が必要になるかもしれません：

• UXデザインチームによるワイヤーフレーム

• 開発チームからのコード

• コピーライターからのコピー

• グラフィックデザインチームによるカスタムイラスト

もしボタンのサイズ変更や要素の並び替えなど、既存要素の調整のみであれば、すぐにテストの設定に入れます。

良いニュースは、同じ A/Bテストツールもモバイルテストを設計することができます。(もしまだ持っていないのであれば、Optimizely、Kameleoon、AB Tastyのようなオプションを検討してみてください。🙌)

テストを作るとき つのバリアントにどのようにトラフィックを配分するかを検討してください。全く新しい2つのホームページを比較する場合は、トラフィックを50%で割り振るのが一般的です。既存ページ vs 新しいバージョンの場合は新しい方に25〜30%のトラフィックを割り当てるなど、慎重に行う必要があります。

4.視聴者のセグメント化

次のステップは、それぞれのバリアントを誰が見るかを決めることです。

あなたはすでに、次のことが必要であることを知っている。モバイルABテストである以上、デバイス別（モバイル）でのセグメントは必須です。 さらに、仮説で挙げた問題に関係するユーザー特性でセグメントすると、より有効な結果が得られます。

例えば、モバイルのチェックアウトで、新規ユーザーが既存ユーザーよりも早く離脱しているという問題があるなら、テスト対象はその新規ユーザーセグメントに絞るべきです。

また、以下によるセグメント化も検討しましょう。

• 人口統計

• 平均注文金額（AOV）、すなわち顧客が通常1回の取引で使う金額

• サブスクリプションのプランやグレード

• 契約期間

• アンドロイドやiOSなどのユーザー・オペレーティング・システム

• 前回訪問からの期間

モバイルサイトでは、さまざまなユーザーグループに独自のニーズがあります。 顧客セグメンテーションにより 各グループのエクスペリエンスを向上させるために必要な正確なデータを収集します。

セグメントと文脈を定義しましょう。すべてのユーザーが同じニーズや行動をするわけではありません。

Johann Van Tonder氏

AWA digital社、CEO

5.テストの開始と完了

モバイルABテストを開始すれば、いよいよ仮説の検証が始まります。 ただし、ここでもう一度考えるべき重要な要素が2つあります： サンプルサイズとテスト期間です。つまり、いつ実験を終了するかということです。

統計学の知識がないと、統計的に有意なサンプルサイズ（テストを実施するために必要な訪問者数）を計算するのは厄介です。そのため、ほとんどのABテストツールには、次のようなテスト長計算ツールが含まれています。

テスト期間（テストを実施する期間）：初日にバリエーションをテストするのに十分な訪問者を集められるのであれば、そうすべきでしょうか？答えはノーです。インサイトを網羅した代表的なサンプルを得るためには、ほとんどの専門家が2週間から4週間テストを実施することを推奨しています。

💡 プロのアドバイスプロからのアドバイス：テストが終わるまで、結果を見るために待つ必要はありません。バグや問題がないかテストを監視し、テストがまだ実行されている間に新しいデザインがどのように機能するかをチェックしましょう。

A/BテストプラットフォームとContentsquareを統合することでを統合することで、ユーザーがテストバリアントをどのように体験するかを知ることができます。

例えば、OptimizelyでチェックアウトフローのABテストを実行中に、ユーザーがレイジクリックなどの苛立ち行動を示している場合、ContentsquareとOptimizelyのLive Signals連携によって、即座に対応できます。

Optimizelyは、Contentsquareからのライブインサイトにより、チェックアウトフローを簡素化し、ユーザーがより早く、より少ないステップで購入を完了できるよう支援します。

Live Signals機能の統合は、リアルタイムでイライラしたユーザーを回復させるのに役立ちます。

6.結果を分析する

ここで、最初のデータ分析に立ち返ることになります。つまり、テストの成果をしっかり数値と行動データで振り返るフェーズです。

テストが十分な期間実行され、必要なデータが集まったら、次のような問いを立てて評価しましょう：

• 各バリアントの成績は？

• これらの結果を互いにどう比較するのか？

• これらの結果は、あなたの仮説で予測した結果と比べてどうですか？

• どちらのバージョンが「勝った」のか？

ですが、それだけで終わらせてはいけません。定量データだけでなく、ユーザーの実際の行動や感情にも目を向けましょう。ヒートマップやセッションリプレイを使って、どのように操作していたかを視覚的に分析したり、アンケートやフィードバックを活用し、ユーザーの声から「なぜ」そのページが好まれたかを把握することは大切です。これらの定性的インサイトが、次の改善につながる仮説づくりや優先順位の判断に役立ちます。

Sykes Holiday Cottages社は、モバイルUXを最適化するためのABテストプロセスの一環として、Contentsquareのモバイルアプリ・ヒートマップをどのように使用しました。

プロダクトオーナーのRenan Medeiros氏は、Contentsquareのモバイルアプリのヒートマップを使って、ユーザーがクリックできない検索ボタンをタップしていることを発見しました。

アプリのジャーニー分析によると、このようなユーザーはホームページに戻ることが多く、検索を絞り込もうとしていることが示唆されました。これを解決するために、チームはクリック可能な検索ボタンをABテストし、より良いユーザー体験をもたらしました。

どのようにモバイルアプリのヒートマップを活用したかについては、以下のガイドをご覧ください。 モバイルアプリ最適化.

Contentsquareは、ウェブ、モバイル、アプリにおけるユーザー体験の向上を支援します。

ユーザー中心のストレス無いモバイル体験を創造する

これら6つのABテストのステップに従うことで、ユーザーがあなたのモバイルサイトをどのように体験しているかを垣間見ることができ、次のステップでサイトを改善することができます。

結果が手に入れば、反復と再設計の準備が整い、ユーザーを喜ばせ、リピートさせるシームレスなモバイル体験を提供することができます。

モバイルABテストに関するFAQ