左手/垂直ナビゲーションは、使用するスペースに値しますか？

Question

Eコマースサイトの場合、訪問者に表示され、これらの他のカテゴリに移動してアイテムを購入できることを期待して、他の多くのカテゴリで構成されるサイドナビゲーションがよく見られます。実際には、これはまれなケースです。サイドナビゲーションを削除し、代わりにドロップダウンナビゲーション付きのインテリジェントなパンくずリストを含めることを考えていました。したがって、占有するスペースがはるかに少なくなり、よりインタラクティブで、コンバージョン率の高いランディングページ用のスペースが確保されます。

垂直ナビゲーションの使用に関して、どのような証拠、経験、またはデータが利用可能ですか？

plainclothes · Answer

tl; dr

Horizontal navは概要に適しています。
Vertical navは、永続的な詳細制御が必要な場合に適しています。
ランディングページは、実験に値する没入型体験です。

E-commはしばらく前から存在しています。ショッピングエクスペリエンスには、しっかりとした一般化されたパターンがいくつかあります。

Top/Horizontal navは、高レベルのカテゴリを公開するための良いパターンです。これは、買い物客がカタログをよりよく理解するために最初に見る場所です。
Left/vertical navは2つの問題を解決できます：より深い、ローカルサブカテゴリ構造の永続的な可視性および製品フィルタリングコントロール。
ランディングページは一意です（または一意にすることができます）。これらのページは、多くの場合、慎重に設計されたSEOパスウェイの出発点である特定のタイプのインバウンドトラフィックを対象としています。ランディングページは、特定のオーディエンスにとって魅力的である必要があり、常に頻繁にテストする必要があります。

ケーススタディ

アマゾンは大きく、常にテストを行っており、オンラインの買い物客の大多数に馴染みがあります。
それらの大規模なカタログは、研究に値する展開ナビゲーション構造を使用しています。

トップナビゲーション

サイトの最高レベルで、大きな脂肪の検索ボックスを優先して、トップナビゲーションを徐々に折りたたむ方法をテストしました。これは、不条理に大きいカタログに対して非常にうまく機能します。

ウォルマートなどの他のサイトは、実質的に直接コピーであるものでリードしていました：

これらの2つの会社には、無限の顧客量と財務リソースという、私たちの数人がこれまでに実現できることはありません。彼らは両方ともテストと実験に積極的です。

この盗撮は、あなた自身のコンテキストでのテストに代わるものではありませんが、大規模な製品カタログを扱うときに貴重な参照ポイントを提供します。それはすべて検索ボックスに関するものです。

サイド付きトップ

したがって、選択肢が少ない場合、そのソリューションはどのようになるでしょうか。共通のパターンについては、引き続き親友のAmazonに問い合わせることができます（他の場所と比較すると、同様の構造が表示されます）。

サブ部門を掘り下げると、分類法が明らかになり始めます。

これで、水平方向の概要と垂直方向の詳細を確認できます。理解することはたくさんありますが、その問題を解決するために垂直ナビゲーションにはさらに多くの機能があります。

検索ボックスの次に、フィルターは電子通信の強力なツールです。フィルタリングメカニズムはナビゲーションエクスペリエンスの重要な部分であり、垂直ナビゲーションスペースにうまく適合します。

さらにドリルダウンすると、垂直空間のナビゲーションコンポーネントが圧縮され、フィルターが主要な要素になる場合があります。

ランディングページ

ここでも、Amazonは長い間この問題に取り組んできました。

これのような親カテゴリーは、分類に基づく決定である必要はありませんが、通常、着陸船の良い候補です。（名前が示すように）買い物客のエントリポイントの詳細です。

目標は、最初の接触点で誰かを引き付け、恐ろしいバウンスを回避することです。どのようにするかは、買い物客、製品、競争、および目標によって異なります。

Amazonが複製の作成を選択したことがわかります。その一部はプラットフォームの制約である可能性があります（すべてのサブカテゴリは拡張された水平ナビゲーションを取得しますが、ここでは垂直がよりうまく機能します）。ここでさらに重要なのは、没入型の「機能」画像です。これらの着陸船は、カテゴリーごとに若干異なることがわかります。各部門には、独自の買い物客のニーズに対処する個別の責任チームがあります。