商品詳細|2026.02.03

「このサイズで合う?」— 選択の不安を消す添え言葉

サイズ・数量・購入方法の迷いは、商品詳細ページの離脱原因になります。データやガイドで「確信」に変える3つの事例とマイクロコピーの観点を紹介します。

「自分に合うかわからない」が最大の壁

ECサイトで服や靴を買おうとするとき、最も多くの人が手を止めるのはサイズへの不安です。実店舗なら試着できるのに、オンラインではスペック表の数字だけが頼り。「Mサイズで大丈夫かな」「このレンズ、片目だけ買えるの?」。こうした小さな疑問が解消されないまま残ると、ユーザーはページを閉じてしまいます。

この不安に対して、添え言葉やUIの工夫で「確信」を与えているサイトを調べてみました。アプローチはさまざまですが、共通しているのはユーザーが頭の中で抱く疑問に、聞かれる前に答えているという点です。

事例

ユニクロ — 3種類のサイズ支援ツールへの導線

ユニクロのサイズ表モーダル。下部に「商品サイズの比較」「身長別着丈ガイド」「MySize ASSIST」の3つのリンクが並ぶ
ユニクロ — サイズ表モーダル内に3つのサイズ確認手段を提示

ユニクロのサイズ表モーダルを開くと、サイズ表の下に3つのリンクが並んでいます。「商品サイズの比較」には「購入商品とのサイズ比較」、「身長別着丈ガイド」には「身長別の着丈のイメージを確認」、「MySize ASSIST」には「おすすめサイズを確認」という補助テキストがそれぞれ添えられています。

注目したいのは、各リンクが「機能名+それが何をしてくれるか」のセットになっている点です。たとえば「MySize ASSIST」だけでは独自の機能名でしかありませんが、「おすすめサイズを確認」という一言が加わることで、タップした先で何が得られるかが即座に伝わります。サイズ表を見ても迷うユーザーに対して、「もう一歩踏み込んだ確認手段がある」と示す丁寧な導線です。

SHOPLIST — 購入者の試着データでサイズ感を可視化

SHOPLISTの商品詳細ページ。「試着サイズレポート」として、大きめ0%・少し大きめ4%・丁度いい51%・少し小さめ41%・小さめ4%のバーグラフが表示されている
SHOPLIST — 実際の購入者データによるサイズ感レポート

SHOPLISTでは、サイズ選択ボタンの直上に「試着サイズレポート」が表示されています。実際に購入した人のサイズ感が「丁度いい51%」「少し小さめ41%」のようにパーセントとバーグラフで可視化されており、ひと目でこの商品のサイズ傾向がわかります。

商品説明に「少し小さめの作りなのでワンサイズアップをおすすめ」と書いてあっても、それはあくまでブランド側の言い分。購入者のリアルな試着データがグラフで裏付けてくれると、説得力がまるで違います。初めてそのブランドを買うユーザーにとって、「51%の人が丁度いいと回答」という数字は、サイズ表の寸法よりもずっと直感的な判断材料になります。

💡 さらに改善するとしたら

レポート投稿者の身長・体重帯も合わせて表示し、「身長160cm台の方のレポート」のようにフィルタリングできると、自分に近い体型の人のサイズ感を参考にできる。 「Microcopy: The Complete Guide」Chapter 15: Questions Answered and Knowledge Gaps Bridged

レンズアップル — 「片目だけ買える」を入力前に伝える

レンズアップルの商品詳細ページ。「1箱のみご購入の方は、左右いずれかの項目を入力してください」と表示されている
レンズアップル — 片目購入時の操作を入力フォームの直前で案内

レンズアップルのコンタクトレンズ商品ページでは、「右目データを入力」「左目データを入力」という2つのセクションの直上に 「1箱のみご購入の方は、左右いずれかの項目を入力してください」 と案内されています。

コンタクトレンズは左右で度数が異なることも多く、片目だけ購入するケースは珍しくありません。しかし右目・左目の入力欄が2つ並んでいると、「両方入れないと先に進めないのでは?」と戸惑う人がいます。このたった一文が、操作を始める前の不安を消しています。専門性の高い商品ほど、こうした「聞かれる前に答える」添え言葉が離脱防止に効きます。

💡 さらに改善するとしたら

「左右いずれかの項目を入力してください」に加えて、未入力側のセクションがグレーアウトまたは非表示になるUIにすると、テキストを読まなくても「片方だけでよい」ことが視覚的に伝わる。 「Microcopy: The Complete Guide」Chapter 17: Preventing Errors and Other Setbacks

もっと事例を見る

サイズ・在庫・数量にまつわる不安を解消するパターンは、ジャンルを問わず多くのサイトで見つかりました。さらに7サイトの事例を 「選択の不安を消す添え言葉」の事例をもっと見る にまとめています。

紹介サイト

  • ユニクロ — 高品質・低価格のカジュアルウェアを展開するSPAブランドの公式通販
  • SHOPLIST — 国内外の多数ブランドが出店する総合ファッション通販
  • レンズアップル — 主要メーカーを網羅するコンタクトレンズ専門通販

マイクロコピーの観点

Microcopy: The Complete Guide
Microcopy: The Complete Guide (2nd ed.)
Kinneret Yifrah 著 / NEMALA / 2019年

「Microcopy: The Complete Guide」p.197 では、ユーザーが操作中に抱く典型的な質問として "What's that?" "What does that do?" "How do I use that?" の3つを挙げ、これらに先回りして答えるマイクロコピーを書くべきだと述べています。今回の事例はいずれもこの考え方の実践です。ユニクロの補助テキストは "What does that do?" に、SHOPLISTのサイズ感グラフは「この商品は自分に合うか?」に、レンズアップルの案内文は "How do I use that?" に、それぞれ先回りして答えています。

同書 p.198 では、プロダクト内で独自の機能名を付けると「ユーザーが理解できない新しい慣習を作ることになる」と警告し、意味と用途の説明を添えることを推奨しています。ユニクロの「MySize ASSIST」+「おすすめサイズを確認」はまさにこの実践例といえます。

※ マイクロコピーは株式会社オレコンの登録商標です。

参考になりましたか? ぜひシェアしてください!