なぜ画一的なナビゲーションはすべての段階に対応できないのか
ほとんどのEコマースストアは、訪問者が何をしているか、購買プロセスのどの段階にいるかに関わらず、すべてのページで同じナビゲーションを使用しています。新規訪問者が商品カテゴリを発見するのに役立つ同じメニューが、カートページ、商品詳細ページ、注文確認画面にも表示されます。この統一性は論理的に見えます — 一貫したナビゲーションは良いUXです — しかし、それは一貫性とコンテキストの適切さを混同しています。発見フェーズに最適化されたメニューは、2つの特定の商品を比較している訪問者には役立ちません。幅広い閲覧に最適化されたメニューは、購入決定を下し、素早く決済したいと考えている訪問者にとって障壁となります。
コンテキスト対応ナビゲーションとは、異なる人々に異なるストアを見せることではありません — 訪問者が現在行っているタスクの摩擦を減らすためにナビゲーションの強調点を調整することです。基礎となるナビゲーション構造は一貫したまま保たれます。変わるのは、どの要素が視覚的に目立つか、どのショートカットが提供されるか、どのアクションが最もアクセスしやすいかです。これは、よく設計された実店舗のレイアウトを機能させるのと同じ原則です:入口近くに発見ゾーン、店の中央に集中した比較エリア、終わりには摩擦のない会計。
"訪問者が商品を追加したにもかかわらず、カート放棄率が高いことに気づきました。カートに追加してから、またTab Barから閲覧を始め、新しいカテゴリに気を取られて、決済せずに離れていたのです。カートと決済ページのTab Barを更新して、カートアイコンを最も目立つ要素にし、アイテム数バッジを表示するようにしました。他のすべては引き続き利用可能でしたが、強調点が購入完了へとシフトしました。決済フローからのカート回復率は大幅に改善され、購入意図があった人が実際に購入を完了するようになりました。"
— Navi+の顧客、ホームテキスタイルブランド
ジャーニー段階別のナビゲーションニーズ
購買ジャーニーには明確な段階があり、それぞれ異なるナビゲーション要件があります。これらの段階を理解することが、コンテキスト対応ナビゲーション決定の基盤となります:
発見段階:新規訪問者と幅広い閲覧。特定の商品を念頭に置かずに探索している訪問者は、ストアの範囲を伝え、関連するセクションを見つけるのに役立つナビゲーションが必要です。この段階では、最も有用なナビゲーション要素は、区別するための十分なコンテキストを持つカテゴリリンクです — 単に「レディース」と「メンズ」ではなく、「レディース — カジュアル」と「レディース — オフィス」など、カタログに意味のある区別が必要です。パンくずリストの重要性は低く、カテゴリ入口が最も重要です。Tab Barは最も人気のある、または最も幅広いカテゴリを優先すべきです。
評価段階:商品比較と意思決定。カテゴリ内で商品を積極的に比較している訪問者は、探索から評価へと移行しています。彼らは大まかに何が欲しいかを知っています。この段階のナビゲーションニーズ:クロスプロダクトのすばやいナビゲーション(類似商品、関連カテゴリへのリンク)、フィルターアクセス、ナビゲーション面でのソーシャルプルーフシグナル。パンくずリストは「カタログのどこにいるか」のシグナルとしてより価値を持ちます。隣接する商品へのディープリンク — ナビゲーションや商品ページに表示される — は比較の労力を軽減します。
コンバージョン段階:カートと決済。訪問者が購入意図を示したら — カートに追加、決済の開始 — ナビゲーションのニーズが逆転します。もはや発見や比較は必要ありません。完了することが必要です。決済フローから簡単に離脱できるナビゲーション(目立つ「ショッピングを続ける」リンク、ヘッダーに表示されるカテゴリナビゲーション)は、意思決定の逆転リスクをもたらします。決済段階の訪問者に最も有用なナビゲーションは、コミットメントを支援するリンクの最小セットです:カートアクセス、注文サマリー、アカウントログイン、そして何かを追加する必要がある場合の明確な戻り道。
購入後段階:確認と再エンゲージメント。注文確認ページは、ほとんどのストアが汎用的な「ありがとう」メッセージとホームページへのリンクで無駄にしているナビゲーション機会です。購入したばかりの訪問者は、このストアから購入する意欲があることを証明しています。確認ページのナビゲーションは、次に最も関連性の高い発見を表面化すべきです:購入したばかりのカテゴリの新着商品、関連商品、ロイヤルティプログラムへの参加、またはリファラルプログラムリンク。これらはそれぞれ、意図的に行えるナビゲーション決定です。
| ジャーニー段階 | ナビゲーション優先事項 | 強調すべき内容 |
|---|---|---|
| 発見 | 広範なカテゴリアクセス | 主要カテゴリを含むTab Bar、全範囲を含むSlide Menu |
| 評価 | カテゴリ内ナビゲーション | パンくずリスト、フィルター、関連商品リンク |
| コンバージョン | カートの目立ち度 | バッジ付きカートアイコン、気が散る要素の最小化 |
| 購入後 | 再エンゲージメントリンク | 購入カテゴリの新着商品、ロイヤルティプログラム、リファラル |
Navi+でコンテキスト対応ナビゲーションを実装する
ジャーニー段階に基づいてメニュー全体が変わる完全なコンテキスト対応ナビゲーションは、ほとんどのストアオーナーが正当化できない開発投資を必要とします。しかし、最も高価値なコンテキスト変更は、カスタム開発ではなくナビゲーション設定によって実現できます。Navi+では、Tab BarとFloating Action Buttonをさまざまな要素に対して異なる目立ち度で設定できます。どのTab Barスロットにアクティブバッジを表示するか、FabBarが何を指すか、さまざまなページタイプでカートをどの程度目立たせるかを調整することで、メニュー構造を再構築せずに意味のあるコンテキストナビゲーションの変化を生み出せます。
原則は、ナビゲーションがすべての訪問者の平均的なタスクではなく、訪問者の現在のタスクに奉仕すべきだということです。アナリティクスを通じて、訪問者がどこで離脱し、気が散り、または放棄するかの理解が深まるにつれて、各インサイトは「ここで彼らを助けたナビゲーションは何だったか?」と問うきっかけとなります。答えが積み重なることで、大規模な刷新ではなくイテレーションを通じて構築された、コンテキスト的に知的なナビゲーションシステムが生まれます。
無料で試す — コード不要、開発者不要
Shopify、WordPress、またはあらゆるウェブサイトに数分でインストール。