ボタンの色やアイコンを変えるだけでクリック率は本当にアップするのか、参考になるA/Bテストのまとめ -abtest.design
Post on:2025年6月9日
sponsorsr
ボタンの色を変えるとどうなる？ アイコンを変えただけで効果はあるのか？ レイアウトはどっちがいいか？ さまざまなWebサイトやスマホアプリでA/Bテストが実施され、どちらの方が効果が高いか測定されています。
スマホアプリのUIで、課題を解決するためにどのような施策を行い、どちらの方が効果があったか、高品質で参考になるA/Bテストのケーススタディをまとめたabtest.designを紹介します。
A/Bテストはあまり公開されていないので、かなり貴重な資料になると思います。
abtest.designは、スマホアプリのUIパターンをコレクションしているMobbinが、Web上に公開されている高品質なA/Bテストのケーススタディをまとめて見ることができるようにまとめたサイトです。
利用にあたっては完全に無料で、さまざまなアプリのA/Bテストの概要や結果なども見ることができます。
A/Bテストは7つのカテゴリに分かれています。
- ペイウォールと無料トライアル
- オンボーディング
- チェックアウトと販売
- ユーザーエンゲージメントと維持
- 収益化の認識
- 紹介
- その他
現在、50種類以上のA/Bテストが収録されており、その中からいくつか紹介します。
Blinkistの新しいデザイン（右側）で、無料トライアルの内訳を詳しく掲載するようにしました。透明性を高めたことで、トライアルをキャンセルする際の負担を軽減し、使いやすさと明瞭さを強調することで、トライアルを開始するユーザーの信頼を高めることを目的にしています。
結果は、トライアル登録が23％増加し、ビジターからの苦情は55％減少し、プッシュ通知のオプトインが6％から74％に増加しました。
Pinterestの新しいデザイン（右側）では、ユーザーの登録画面を表示する前に3ページ分のコンテンツを無料で閲覧可能にしました。この変更は最初に価値を提示することでユーザーの興味を惹きつけ、登録率の向上と直帰率の低下につながるため、初期段階でのストレスが軽減されます。
結果は、登録者数が15-20％増加しました。
Clarksの新しいデザイン（右側）では、50ポンド以上の注文時は送料が無料になることを強調することにしました。この特典は多くのユーザーが気づいていないため、この情報を目立つように表示することで、ユーザーにプラスの影響を与えることができるという仮説を立てました。
結果は、コンバージョンが2.6％増加しました。
Paktorのでは「いいね」と「よくないね」のアイコンについてA/Bテストを実施しました。Aのデザインではいいねはハート、よくないねは×、Bのデザインでは親指を上向きと下向きにするアイコンです。チームはハートと×を使うことでより多くのインタラクションを促進できると仮説を立てましたが、実際には親指を上向きと下向きにしたアイコンの方がユーザーエンゲージメントの向上に繋がりました。
結果は、いいねのクリック率が6％増加し、よくないねは4.3％増加。アプリの利用率は2.3％増加しました。
Mobbinの新しいデザイン（右側）では、有料ユーザー限定の機能としてプロバッジが表示されるようになりました。この変更は、収益化への意識を高め、有料プランへのアップグレードのメリットを明確に伝えるとともに、無料ユーザーが予期せぬペイウォールに遭遇するのを防ぐことを目的としています。バッジを追加しただけ、他の変更はしていませんが、無料ユーザーから有料ユーザーへのコンバージョンが顕著に増加しました。
結果は、無料から有料へのコンバージョンが35％増加しました。
Headspaceの新しいデザイン（右側）では、潜在ユーザーにアプリの価値を伝えるため、通常の14日間の倍となる30日間の無料トライアルを適用する紹介プログラムを導入しました。既存ユーザーからの推薦を活用することで、パーソナライズされた信頼できる紹介を通じて、懐疑的なユーザーをトライアルユーザーに転換することを目指したものです。
結果は、新規登録者が7％増加、紹介による有料ユーザーの増加により収益が8％増加しました。
Goingはコンバージョン率が低いためボタンの文言を比較しました。A案は「Sign up for Free」（無料で登録）、B案は「Trial for Free」（無料でお試し）、の2つを比較しました。
結果は、「無料でお試し」にしたところ104％増加しました。
sponsors
