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

タグ: AI学習設計, GA4, Googleマーケティングプラットフォーム, Google広告, LTV向上, ウェビナー開催, コラム, データ活用, マーケティング分析, 広告運用最適化
【オンデマンド動画】広告成果の「頭打ち」を打破する!GA/GMPを活用したAI学習設計と運用戦略 -

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

タグ: エンジニア採用, キャリア採用, コミュニケーション, コラム, ブログ, リモートワーク, ワーケーション, 採用情報, 文化, 環境
2026年5月の募集職種一覧!ビジネス職を中心に採用強化中!|株式会社イー・エージェンシー公式note -

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

タグ: BigQuery, GA4, アクセス解析, コラム, サンプリング, データ分析精度, データ活用, マーケティング分析, レポート改善, 探索レポート
バラバラな広告データをGA4で一つに アップデートで進化した「広告」セクションの活用法 -

タグ: GA4, googleアナリティクス360, web解析, アクセス解析, コラム, データドリブン, データ活用, ニュース, マーケティング分析, 導入支援
イー・エージェンシー 新経営体制に。新たにGemini Enterpriseの導入を支援

