PCで同時に見える情報も、スマホでは一つずつしか見えない
PCでは、価格、レビュー、特徴、比較表が同時に視野へ入ることがあります。
スマホでは同じ内容が縦一列に並びます。次を見るにはスクロールが必要です。
そのため、PCで問題なく見えるページでも、スマホでは重要情報までの距離が長くなることがあります。
まず、最初の3〜5画面に何が並んでいるかを見る
スマホで商品ページを開き、最初の数画面をそのまま確認します。
イベント告知、ランキング、同じ意味のバナーが続き、商品の違いや使用イメージが後ろへ押されていないかを見ます。
デザイン評価ではなく、最初に何が表示され、次に何が表示されるかを順番で確認します。
同じ内容の繰り返しは、スマホでは「距離」として効く
PCでは横並びや一覧で処理できる情報も、スマホでは縦に積み上がります。
ランキング、レビュー、実績を別々の画像で繰り返すと、その分だけ次の情報へ届くまでのスクロールが増えます。
同義の画像を減らすだけでも、重要な情報を前へ近づけられます。
表示崩れと、内容の順番は別々に直す
文字が小さい、画像が切れる、ボタンが押しにくい。これは表示上の問題なので先に直します。
それを直しても転換率が低いなら、次に内容の順番を見ます。
UIの不具合と、何を何画面目で伝えるかを混ぜないことで、どの修正が必要か分かりやすくなります。
PC版を縮めるのではなく、重要な情報まで何画面かを見る
スマホ用にすべてを書き直す必要があるとは限りません。
ただし、購入前に必ず確認される情報が何画面目にあるかは確認します。重要なものが後ろにあるなら、重複を減らすか前へ移します。
情報を追加するか削るか迷う場合は、楽天商品ページに情報を足しても転換率が上がらない理由で整理できます。
まとめ|スマホでは「何を見せるか」と同時に「何画面で届くか」を見る
スマホだけ転換率が低いとき、見た目だけを直しても解決しないことがあります。
縦一列で読んだときに、必要な情報まで何画面あるか。同じ説明が途中で何度続くか。そこまでの順番と画面数を確認すると、スマホ固有の詰まりを見つけやすくなります。