· Chand Lal · 初出： LinkedIn
CROのコツ：モバイルは「カートに追加」を追従バーに、サイズはボタンで（ドロップダウンNG）
モバイルCROのコツ：追従バーで「カートに追加」を常にワンタップの位置に。サイズはドロップダウンではなくボタンで表示。改善策と6項目のチェックリスト。
要点
すぐできるCROのコツ：モバイルでは「カートに追加」を常にワンタップの位置に置き、サイズはドロップダウンではなくボタンで表示しましょう。
AuditStackはこうした点を検出します。自分のストアで試したい方は、初回診断が無料です。
カルーセル
問題：モバイルでボタンが見えなくなる
お客様は写真、詳細、レビューをスクロールして読みます。納得したそのとき、「カートに追加」は3画面も上。サイズは小さなドロップダウンに隠れて在庫も分からず、「サイズを選択してください」は購入しようとして初めて表示されます。
余計なスクロールやタップのたびに、気が散るきっかけが生まれます。
なぜ損をするのか
多くのショップでは、トラフィックの大半がスマホ経由なのに、コンバージョンはデスクトップより低くなっています。自社のアナリティクスで確認してください。買いたい瞬間に画面外にある購入ボタンは、最も安く直せる漏れの一つです。
Appleは最小タップ領域を44pt（AndroidはGoogle Material Designで48dp）と推奨しています。目標は1タップ。購入ボタンを常に親指の届く位置に置くことです。
改善策：追従バー＋タップできるバリエーション
- 追従バー。 メインのボタンが画面外に出たら表示。画面下部、親指の届く位置に固定。
- バーに価格。 価格を確かめるために上へ戻らなくていい。
- サイズボタン。 ドロップダウンではなく、タップできるチップ。タップ前にサイズが決まります。
- 売り切れ＝グレーアウト。 表示したうえで取り消し線を。想定外のエラーをなくします。
簡単チェックリスト：今日、自分のスマホで試そう
- ページのどこからでも「カートに追加」に届く
- 追従バーに価格＋選択中のバリエーション
- ボタンは高さ44pt以上、横幅いっぱい
- サイズ・色はドロップダウンではなくボタンで
- 売り切れはタップ前にグレーアウト
- バーがチャットやCookieバナーを隠さない
効果を測る
変更の前後で、アナリティクスのデバイス比率とデバイス別コンバージョン率を確認しましょう。
AuditStackで無料診断
AuditStackは、こうした抜けを商品ページで検出します。auditstack.deに商品ページのURLを貼るだけで、主な課題と具体的な改善策が分かります。初回診断は無料です。
よくある質問
追従型の「カートに追加」バーとは？
メインの「カートに追加」ボタンが画面外に出たときに表示されるバーです。価格と選択中のバリエーションを表示したまま画面下部に残り、購入が常にワンタップで済みます。
サイズをドロップダウンではなくボタンにする理由は？
ドロップダウンではサイズが小さなピッカーに隠れ、在庫も見えず、「サイズを選択してください」のエラーはタップ後に出ます。ボタンなら先に選べて、売り切れはグレーアウトで分かります。
モバイルの購入ボタンはどのくらいの大きさが必要？
高さ44pt以上（Appleの最小タップ領域、Androidは48dp）で、横幅いっぱいが目安です。
改善の効果はどう確かめる？
変更の前後で、アナリティクスのデバイス比率とデバイス別コンバージョン率を比較します。
AuditStackで自分の商品ページを診断できる？
はい。auditstack.deに商品ページのURLを貼るだけで、主な課題と具体的な改善策が分かります。初回診断は無料です。
