価格表での製品の注文のテスト
公開: 2020-05-05インターネットで見つけた価格設定ページは非常に多様で独創的ですが、共通の目的を共有しています。それは、可能な限り最も効果的な方法で製品やサービスを販売することです。
今日は、特に価格設定ページとその価格設定表について説明します。 これらは、販売されているさまざまな製品またはサービスを、価格と詳細とともに表示するブロックです。 あなたはあらゆる種類のそれらを見たことがあると確信しています：より簡潔で、より詳細で、多かれ少なかれデザインがあります。 そして、あなたはおそらくその重要性がオンラインビジネスにとって不可欠であることに同意するでしょう。
それはそのような関連要素であるため、その有効性の程度を監視することは本当に決定的です。 彼らがどれだけうまく機能しているかを理解する必要があります。 そしてもちろん、ページの表示方法の変更を絶えずテストすることは、売上数を改善できるかどうかを確認するためにできる最善の方法です。
この記事では、Nelio A/Bテストの価格設定ページの事例を詳しく見ていきます。 具体的には、価格表に適用する非常に簡単な変更を検討します。これにより、売上が向上する（または向上しない）可能性があります。
製品の順序を変更する
通常、Webページの価格表には、製品がいくつかの列に表示されます。 これらのそれぞれに、製品の詳細と、最も関連性の高い特性、そしてもちろん価格が表示されます。
価格表は、最初の列に最も安い製品が表示されるように配置され、次の製品は価格が上がるように注文されます。 しかし、これは必ずしもそうとは限りません。
本日お話しする場合、商品表はこの順番になっていますが、順番を変えて、より高価なものが注目されるかどうかをテストしたいと思います。 以下に、テストする2つのバージョンを示す比較を示します。
仕切りを左上または右にスライドすると、製品の順序の変更が表示されます。 もともと、すでに述べたように、これらは最も安いものから最も高いものへと変化しますが、最も高価な製品がより多くのクリックを受け取るかどうかを確認するためにそれらを好転させます。
売上を直接測定することもできますが、サブスクライブボタンのクリックのマイクロコンバージョンに焦点を当てることを好みました。 Webサイトに大量のトラフィックがない場合は、マイクロコンバージョンの改善に重点を置きます。これにより、知識がより速くなり、理解と適用が容易になる可能性のある改善が可能になります。
私たちのウェブサイトはWordPressで完全に開発されているため、Nelio A /BTestingを使用してA/Bテストを行い、価格表の製品の順序の2つのバリエーションを分析します。
私たちのウェブサイト全体はグーテンベルクブロックを使用して作られています。 ほとんどは、エディタにデフォルトですでに付属している一般的なブロックですが、Webサイトの特別なニーズに対応するためにいくつかの追加のブロックも作成しました。
ただし、Nelio A / B Testingの価格設定ページでは、価格設定テーブルの最初のブロックはブロックではありません。 非常に複雑で、頻繁に変更しないため、グーテンベルクが登場する前の状態を維持しています。テーマ内の特別なページテンプレートで定義されています。 レガシーコード、ベイビー！
このテンプレートには、PHP + HTML + JS + CSSで定義されたこの最初のブロックがあり、次にページコンテンツ（Gutenbergブロックを使用して定義されている）を取得して、以下にレンダリングします。
この場合、A / Bテストでバリアントを定義するには、最初にテーマのページテンプレートを複製し、PHPファイルで製品の順序を直接変更する必要があります。 つまり、前のテンプレートのコピーである新しいテンプレートを作成し、製品の順序を変更します。 やや複雑に見えますが、最終的には、PHP/HTMLコードの2ブロックの順序での単純な変更にすぎません。
上のスクリーンショットでは、作成したA/Bテストの定義を確認できます。 「[Compat]TestingPricing 2020」という名前の元のテンプレートには、デフォルトの製品順序があります。つまり、最初に最も安いプラン、次に中間プラン、最後に最も高価なプランです。
バリアントとして、作成したテンプレートを選択しました。 この新しいテンプレートに「[Compat]TestingPricing 2020（Alternative Order）」という名前を付けました。これは、最初に最も高価な製品、次に中間、最後に最も安価な製品を示しています。
Nelio A / Bテストでは、テンプレートのA/Bテストを実行できます。 テーマで定義されているテンプレートを検出し、テストを作成するときに、コントロールバージョンとそのバリアントを選択できます。 ページでテスト中のテンプレートを使用している場合、Nelio A / Bテストでは、訪問者にそのテンプレートまたはテストのバリエーションを表示して、定義されたコンバージョン目標に従ってどれが最適かを確認します。
この例では、前のスクリーンショットの下部にあるように、4つのコンバージョン目標が定義されています。 これにより、4つの異なる観点からテスト結果を調査できます。
- 基本パッケージが受け取るクリック率（最も安いもの）。
- プロフェッショナルパッケージが受け取るクリック率（中間価格）。
- エンタープライズパッケージが受け取るクリックスルー率（最も高価なもの）。
- サブスクリプションボタンが受け取るクリック率はどれくらいですか。
テストする私たちの仮説は、製品の順序を変更することにより、より高価な製品が最初に表示されたときにクリック数が増えるというものです（私たちは左から右に読むことに慣れています）。 そうであれば、これらの製品の売上が増える可能性があるため、収益が増加する可能性があります。
結果の分析
A/Bテストはほぼ2か月間実行されています。 その間、1,600人以上の訪問者の行動が分析されました。 以下の結果を見ることができます：
ご覧のとおり、料金表のプランのクリック数を測定した目標については、結果は決定的ではありません。 逆順のテンプレート（最初に表示される最も高価な価格）の変換率はやや高くなりますが、その差はごくわずかであるため、統計的に十分な信頼性のある結果を取得して、いずれかのバージョンを勝者として選択することはできません。
したがって、統計的な観点から技術的な問題に直面しています。 どちらのバージョンも、クリック数を増やすバージョンとしての地位を確立することはできません。
次に、最も安価な製品であるNelio A /BTestingの基本計画のクリックの結果を見てみましょう。
上のスクリーンショットでは、この場合、最も安い商品を最初に表示すると、価格表の最後の列（右側の列）に移動した場合よりも、この商品のクリック数が多くなることがわかります。
逆順のバリアントは、コントロールバージョンよりも26％以上悪いクリック率を達成します。 ただし、統計的信頼性は高い（80％以上）ものの、明確に勝つ選択肢の前にいることを十分に確信することはできません。
ここで、クリックからプロのプラン（中間価格のもの）の観点からケースを見てみましょう。
この場合、プランはどちらのバリエーションでも中央にとどまるため、テーブルでの表示順序は変更されません。 変更されるのは、それに伴う計画の順序です。 ここで、表の最初に表示されるプランが最も高額である場合、中間プランではクリック率が50％以上向上することがわかりました。
それは私たちの脳がどのように機能するかを示す明確な事例です。 私たちは最初の計画を見て、それは高すぎるように見えますが、もちろん、最も安いものは私たちにとってそれほど良くないように見えるかもしれません。 この場合、ミドルプランを好む傾向があります。 基本的な人間の心理学。
ただし、ここでも、テストの統計コンポーネントは、信頼度も十分に決定的ではないことを示しています。80％強です。 少なくとも90％を超える、より高い値が見つかっていればよかったのですが。 しかし、そうではありません。
ここで、最も高価なパッケージであるエンタープライズプランの観点からケースを見てみましょう。
結果が理にかなっていることは明らかです。 第一に言えば、最も高価なプランがより注目を集めています。 具体的には、クリック率が22％近く向上しています。 しかし、この場合、バリアント間で非常に類似したコンバージョン率に直面しているため、統計では、一方のバージョンがもう一方のバージョンよりも実際に優れていることを保証できません。
結論
商品とその価格を表に表示する順序を単純に変更するだけで、訪問者の行動にどのように影響するかを見るのは非常に興味深いことでした。
ただし、このテストでは、製品が価格の降順で表示されるバリアントを決定的なオプションとして適用するために十分に高い統計的信頼値を得ることができませんでした。
今のところ、表内の製品の順序を変更する予定はありませんが、将来、このテストを繰り返して仮説を検証または反論する可能性があります。
ご覧のとおり、A / Bテストの結果は、解決するものよりも多くの疑問を投げかけることがあります。 しかし、ここで重要なのは、私たちが得た知識とこれらの結果について考えることです。 これは、改善して正しい方向に進むための唯一の方法です。
この情報を見て、価格表に変更を加えましたか？ それについてのあなたの意見を下にコメントしてください。 このトピックについてのあなたの考えを読んでうれしく思います。
UnsplashのMicheileHendersonによる注目の画像。