2011年08月26日
ECサイト設計:トップから商品詳細ページまでのフロー
奥井夏子
インフォメーションアーキテクト
「トップページからどのようにユーザーを商品詳細ページへ誘導するか」はECサイトを設計する上で最も気を付けるべき事項の1つです。
指名買いの多いサイトでは…
商品点数の多いサイト(アマゾンや楽天のようなサイト)において、検索ボックス機能は非常に重要だと言えます。さらに、検索補助機能として「キーワード候補」(アマゾンや楽天にて導入)があるとより使いやすいでしょう。
他には「指名買い」の多いサイト。名の通るブランド(ブランド/メーカー名等)を取り扱うサイト、有名商品を取り扱うサイト(「クリスタルガイザー」「スカルプD」等)は「指名買い」の多くなるサイトです。あとは「このサイトと言えばコレ」といった、ヒット商品を持つサイトもそうでしょう。また電機製品/工業製品を取り扱うサイトだと、商品名以外でもユーザーが「型番」で検索する傾向があります。
検索とセットで考えなくてはならないのが検索結果です。
たとえば検索ボックスに「グッチ」と入力された場合、カテゴリで絞り込めること(バッグ、財布…)も大事ですし、また金額ごとに並び替えられることも大事です。
絞り込みだと「カテゴリ」、並び替えだと「金額」など、重要なキーはある程度決まってはいますが、その他どのように絞りこませるか/並び替えさせるかは、そのサイトのユーザーシナリオ(ユーザーがどのようにサイト内で行動するか)によって異なります。
サイトのユーザーは誰なのか?彼らがどんな風に絞り込めたら/並び替えたら便利だろうか?考えてみることが重要です。
ウィンドウショッピングを促したい場合は…
「しっかりした検索ボックスと取捨選択しやすい検索結果さえあれば商品ページにたどりつける」と考える方もいらっしゃるかもしれませんが、残念ながら検索ボックスはそこまで万能な箱ではありません。
「検索ボックス」がすくいきれないニーズ、それは「ウィンドウショピング」です。検索ボックスは「これを買おう」と決めている場合には大変有効ですが、「何かよいものあるかな?」という、ウィンドウショピング状態のユーザーに対しては「カテゴリ」からの誘導や「特集/キャンペーン」からの誘導が有効なのです。
どんなカテゴリが有効なのかを考える「カテゴリ設計」はECサイト設計の要の1つです。サイトの特性やシナリオから、適切なカテゴリを設計していくことが重要ではありますが、その時参考になるのが、アクセス解析の「流入キーワード」や「サイト内検索キーワード」です。ユーザーがどんなキーワードを使って商品に到達しようとしているのかその動きを見ていると、このサイトに必要なカテゴリが見えてくることがあります。また、よく検索されているキーワードに関しては、カテゴリを新設したり、もっとわかりやすい位置へ移動したりなど、調整していくとよいでしょう。
「検索ボックス」と「カテゴリ検索」どっちが重要?ユーザーのよる違い
「検索ボックス」と「カテゴリ検索」のどちらを目立つ場所に設置するかに関しては、面白いデータがあります。
以前ユーザーテストで「●●の情報を見つけてください(どの被験者にも同じものを見つけてもらう)」というタスクを課しました。検索ボックスがとても目立つ位置にあるサイトだったので「検索ボックスを使うであろう」という予想だったのですが、同じものを探してもらったにも関わらず「検索ボックス」を使う場合と「カテゴリ」からたどる場合と、被験者によってマチマチの結果が出ました。
面白いのは、PCリテラシーの高い/20代のユーザーは検索ボックスを使い、PCリテラシー低い/30代のユーザーはカテゴリ検索を使う傾向が見られたこと。後者のユーザー(女性)からは「検索ボックスがあったとしてもいつもカテゴリからしか使わない」という意見が複数挙がっていました。
また別のテストでは、ECサイトでプレゼントを探すというタスクにおいて、男性は「検索ボックスから」女性は「特集から」プレゼントを探しにいった、という結果が出たこともあります。
サイトの特性やユーザーニーズだけでなくサイトを使うユーザーによっても「検索ボックス」か「カテゴリ検索」かサイト内の重要度は変わってくると思われます。
このサイトのユーザーだったら…という視点を持つ
トップページから商品詳細までのフローはECサイトにおいて最も重要な導線設計の1つです。上記のようなさまざまなヒントを加味しつつ、まずは「このサイトのユーザーだったらどんな風にサイトを使うだろう」と想像してみることから始めてみましょう。重要なのは「自分だったら…」ではなく「このサイトのユーザーだったら…」という視点です。
そうして仮説を立てて設計したサイトに対して、アクセス解析やユーザーテストで「その仮説が本当に合っていたかどうか」確認していくことで、より成果を生み出すサイトに近づけることができます。
PICK UP
-

タグ: AI議事録, コラム, ナレッジ共有, 会議効率化, 文字起こし, 業務効率化, 生成AI活用, 生産性向上, 社内DX
【オープン社内報 2026年3月号】イー・エージェンシー プレミアムニュース|株式会社イー・エージェンシー公式note -

タグ: EC多言語化, shutto翻訳, インバウンド対応, コラム, サイトローカライズ, 多言語翻訳支援, 海外ユーザー体験, 翻訳品質, 訪日観光
『shutto翻訳』は、4月8日から3日間開催の EC・店舗 Week春 2026 ECサイトのUI/UX EXPO【春】に出展いたします。 -

タグ: CRM施策, ECサイト改善, LTV向上, カゴ落ち対策, カートリカバリー, コラム, ステップメール, メールマーケティング, リピート施策
【利用状況を検証】月商500万超え店舗のカゴ落ち対策!業種別ステップメールの成功パターン -

タグ: BigQuery連携, GA4, web解析, イベント計測, キャンペーン分析, コラム, データ分析, 参照元精度向上, 探索レポート
アプリの参照元はどう計測される?レポートで見えない「firebase_campaign」と「campaign_details」の役割 -

タグ: Webサイト多言語変換サービス, shutto翻訳, コラム, 事例紹介
ファイヤーサイド株式会社様:shutto翻訳ご利用事例 -

タグ: MarkeZine Day 2026 Spring, イベント開催, カンファレンスレポート, コラム, データ活用, マーケティングイベント, 分析実践, 顧客体験
イー・エージェンシー 、Amplitude Analytics合同会社と共同で「MarkeZine Day 2026 Spring」にプラチナスポンサーとして協賛・登壇

