f-traコンバージョンアップのためのUI改善情報をお届け。EFOやCTAのハウツーなど。CTA」のリリースから約1年が経過。CTAをお試し・ご利用いただいてきました。当ブログでは、この1年間で実施・検証された数え切れないweb接客シナリオの中から、実際に効果のあったお客様の改善事例を紹介していきます。導入前後の数値としての改善例だけでなく、具体的にどのようなweb接客を実施したのか、又、元々の課題や導入に至った経緯等のキャンペーン設計の背景についても、可能な限り取り上げてまいりたいと思います。皆様のデジタルマーケティング施策の改善にお役立ちできますと幸いです。クライアントについて今回は、あるアパレル系ECサイト(メイン商材は2~5万円の価格帯)の改善事例を取り上げます。CTA導入に至った背景でした。先述の通り、既に一通りのデジタルマーケティング施策にはお取り組みでしたが、CPA成果の見合う施策が一部のリスティング施策や動的リターゲティング施策に偏っており、既存顧客の刈り取りが中心、現行のCPAを守りながら新規獲得へ拡大することが難しく、いつか成果が細ってしまう可能性があるのでは、という課題をお持ちでした。アクセス解析でも、同様に、下記のような課題が浮き彫りとなっていました。課題1新規訪問ユーザーが購買までに要する訪問回数が多く、既存顧客に比べ購買率が著しく低い通常のEC事業者と比較しても、新規訪問ユーザーのコンバージョン率が著しく低い傾向があり、意思決定まで相当長期を要するという大きな課題がありました。課題2サイト導線では、かご落ちが多く、購買途中での逡巡が見られる特に新規訪問のユーザーで、かご落ち、つまり、一旦商品をカートに入れたものの、購入せずに離脱してしまうユーザーが多いという顕著な傾向がありました。想定されるユーザー体験メイン商材は比較的高価であり、またアパレルという商材柄、サイジングが重要であること、またアクセス解析の結果からも、ユーザー像およびユーザー体験に関する仮説は下記の通りとなりました。位置するアパレル商材をECで購入することに対し、潜在的、直感的な不安があり、初回購入までのハードルが高いのではないか。ユーザーは、特にサイズなどについて、実店舗で体型に合ったものを仕立てるか、サイズを見立ててもらったことしかなく、自分のサイズをよく把握していない。そのため、間違ったサイズを買ってしまう不安感が購入を躊躇わせる。このようなユーザーの姿が想定されます。商材が独特の商品知識を前提としており、ユーザーにとって難しい商品の特性上、自分のサイズは把握していても、商品にいくつかのブランドカテゴリが存在し、それぞれサイズ感が異なるため、どれを選んでよいかわからない。デザインや素材などの他の要素も検討に含まれ、比較検討しにくく、購入をあきらめてしまう。ブランドが高価格であればあるほど、独特の近寄りがたさをユーザーに思わせてしまうのではないかと考えられます。web接客シナリオ設計のポイント上記のユーザーストーリーから、web接客のねらいは大きく下記の2点となりました。ユーザーを不安にさせる要素を軽減。気楽に商品を手に取れるように。ユーザーを不安にさせる最大の要素として、「サイズが合うか分からないまま高価なものを買うのは怖い」という心理があると想定し、CTAで自分のサイズを簡単に把握することができるコンテンツを用意し、購入初心者の心理的ハードルを下げる各商品カテゴリ(ブランド)のサイズ表を見やすくかつアクセスしやすい箇所に表記し、商品を比較検討しやすくする。一度商品を手に取っていただいたら、購入意欲を後押し、カートをスムーズに通過していただくカートに商品を追加した後には、スムーズに購入まで進んでいただくことが重要。具体的には「お得感」「限定感」の訴求が有効と考えられますが、特別な値引き施策の実施はすぐには困難であったため、元々存在するサービスである「送料無料」をあらためてユーザーへ訴求することで、カート離脱を思いとどまらせることを試みました。実際に運用したキャンペーンは下記の通りです。・該当の商品カテゴリ(ブランド)の商品ページすべてそのカテゴリに合ったサイズ情報を表示するように商品ページをセグメント。代表的な2種類のカテゴリ(以降カテゴリA、Bとします)にて検証を実施。・対象デバイスまずは画面が大きくリスクの少ないPCから検証開始。クリエイティブバナー構成要素:画面右下にポップアップを表示(左)/クリックすることでひとまわり大きなバナーを展開。さらならクリックでより詳細なサイズ情報を表示することもできる(右)・身長とウェストから適切なサイズが探せる一覧表を表示。・クリックするとそのカテゴリのサイズ表が展開され、商品詳細とサイズ表を同画面内で閲覧することができ、利便性を向上させる。・必要に応じて展開できるよう、ウィンドウ右下に小ぶりなポップアップを表示。・カートページのみに表示。・PCとSP両方で実施。クリエイティブバナーイメージ:送料無料の文字を大きくあしらった、インパクトのあるデザイン。・カートページ訪問時に、ウィンドウ右下にスクエアバナーをポップアップ表示。ページ内に文言を記載するだけの場合に比べ、アニメーションを伴って表示させることでより注目度を高めることができると考えられる。・サイトが全体として寒色系の配色であったため、反対色をあしらい、文字も大きくしインパクトのある訴求になるように構成。・目的は送料無料を訴求することなので、リンク先の設定はせず、クリックするとバナーが閉じられるように。両キャンペーンの運用結果は、下記のとおりとなりました。いずれも検証期間は1週間、ONOFFのABテスト形式(※)で運用しました。(※50%のユーザーにはweb接客が実施され、残る50%には実施されないというテスト)まずはサイジングの不安を取り除くキャンペーン1です。229%このキャンペーンでは、検証を行った2つのカテゴリのいずれにおいても大きな改善効果を確認できました。サイズ表を配置するだけでも効果があることから、更に改善を進め、自分のサイズを把握できていない人でも取り組んでもらいやすい文言を用いる等し、購入初心者に寄り添ったコンテンツを準備したり、よりサイズ感をイメージしやすくする工夫を実施することで、さらに改善を進められると考えられます。続いて、かご落ちを防ぐキャンペーン2の運用結果です。105%このキャンペーンでは、どちらのデバイスにおいても大きな改善効果を確認することはできませんでした。「送料無料」という訴求内容は、カート離脱を抑止するには弱い可能性があります。現在のように、有力な通販サイトで送料無料サービスの恒常化している状態では、ユーザーにとっては「無料で当然」という感覚があるかもしれず、ユーザーの心理を後押しする効果の期待できない可能性が考えられます。そのため、異なる訴求内容、とくに「期間限定」など、「今」購入するために強くユーザーの感情を揺さぶるキャンペーンであれば、より効果が見込めるという仮説が考えられます。以上、アパレル系ECサイトのエフトラCTA改善事例の紹介でした。今後も定期的に改善事例を紹介していきますので、お楽しみにお待ち下さい。ツイートこの記事が気に入ったらいいね!しようUI改善ブログの最新情報をお届けしますUI改善ブログを運営する株式会社エフ・コードではUI改善の基本施策を簡単に実施できる「エフトラEFO」「エフトラCTA」を開発しています。入会申込みフォーム【セミナー情報】5社共催!オンライン接客サービス漬けの4時間セミナーに登壇します。当ブログの更新情報は以下の各種アカウントから購読できます。Facebookを見るTwitterでフォローするFeedlyで購読するRSSを登録するメールマガジンを購読するブログの更新情報やセミナーのお知らせなど、UI改善に関する情報を1~2週間に1回お届けします。PRESSで執筆しましたEFOに関する特集記事を寄稿しています。Vol.89特集3:エントリーフォーム最適化入門2015年10月24日発売Web担当者Forumで連載中!公式Facebookページf-tra(エフトラ)について株式会社エフ・コードのマーケティングテクノロジーブランド「f-tra(エフトラ)」。現在は入力フォーム最適化(EFO)を簡単に実施できる「f-traEFO」と、ユーザーの行動喚起を促すためのUI検証する「f-traCTA」の2種類のUI改善ツールを提供しています。講演/取材/執筆についてEFOに関する講演、雑誌への寄稿、出版、取材などのご依頼は、弊社のお問合せフォームより承っております。お気軽にお問合せくださいませ。田中エフトラEFOサポートチームを統括する傍ら、EFOに関する講演、セミナー登壇、執筆などにも従事。Web担当者Forumにて連載を執筆しています。