Giga MenuはしっかりしたモバイルレスポンシブのMega Menuを備えています。Navi+は根本的に異なるモバイルナビゲーションの考え方を提供しています — Tab Bar、FAB、そしてデバイスごとのデザインルールです。実際の違いを見ていきましょう。
モバイルにおけるGiga Menu
Giga Menuはモバイル対応として、デスクトップのMega Menuをモバイル向けのアコーディオンまたはスライドアウトドロワーに折りたたみます。結果としてクリーンで使いやすいモバイルメニューが実現し、ハンバーガーメニューカテゴリの多くの代替案より優れています。
モバイルでGiga Menuが比較的うまくできていること：
- Mega Menuのカラムをクリーンなアコーディオンスタイルで折りたたむ
- スムーズな開閉アニメーション
- モバイルビューでカテゴリ画像を保持（上位プランの場合）
- タッチターゲットサイズが適切
モバイルでGiga Menuが劣っている点：
- ナビゲーションはデフォルトで非表示（ハンバーガーのタップが必要）
- Tab Barなし — 画面下部に固定ナビゲーションがない
- FABなし — フローティングショートカットボタンがない
- デバイスごとのメニュールールなし（デスクトップとモバイルで同じコンテンツ）
Navi+のモバイルファースト機能
Tab Barナビゲーション
Tab Barは固定の下部ナビゲーションバーで、すべてのページで常に表示されています。ハンバーガーのタップは不要です。訪問者はどのページにアクセスしても、上位4〜5カテゴリをすぐに確認できます。
調査によると、ハンバーガーからTab Barへの切り替えという単一の変更により、モバイルのセッションあたりページ数が通常20〜40%増加します。理由はシンプルです：摩擦を減らすことで、直接的に閲覧行動が向上します。
FAB（Floating Action Button）
FABはすべてのページで固定表示されるフローティングボタンです。よくある使用例：
- 「セール開催中」— プロモーションコレクションへの誘導
- 「お問い合わせ」— 電話やチャットへのショートカット
- 「新着商品」— メニューのタップなしで新着商品を表示
- 「トップへ戻る」とナビゲーションの組み合わせ
デバイスごとのSmart Publish
Navi+ではモバイルとデスクトップで完全に異なるナビゲーション設定が可能です：
- デスクトップ：画像・カラム・特集コレクションを備えたリッチなMega Menu
- モバイル：5つのアイコンのシンプルなTab Bar + プロモーション用FAB
このデュアルトラックのアプローチはGiga Menuでは利用できません。
コンバージョンへの影響：重要な数値
| モバイルナビゲーションパターン | 平均ページ数/セッション | 直帰率への影響 |
|---|---|---|
| ハンバーガーメニューのみ | ベースライン | ベースライン |
| ハンバーガー + FAB | +8〜12%ページ | -3〜5%直帰 |
| Tab Bar（固定） | +20〜35%ページ | -8〜15%直帰 |
| Tab Bar + FABの組み合わせ | +25〜40%ページ | -10〜18%直帰 |
Navi+加盟店の集計データと公開されているモバイルUX研究に基づく。
どちらを選ぶべきか？
Giga Menuを選ぶべき場合：
- ストアがデスクトップ主体の場合（B2B、高額商品でデスクトップが主流）
- 高品質なハンバーガー/アコーディオンのモバイルメニューが必要な場合
- Tab BarやFABが特に必要でない場合
Navi+を選ぶべき場合：
- モバイルが主要なトラフィックチャネルの場合（現在の多くのShopifyストアに該当）
- 固定モバイルナビゲーションとしてTab Barが必要な場合
- デバイスごとに異なるナビゲーションレイアウトが必要な場合
- プロモーションショートカット用のFABが必要な場合
モバイルがセッションの50%以上を占めるストア — これはShopifyマーチャントの大多数に当てはまります — にとって、Navi+のモバイル機能はGiga Menuに対して意味のあるコンバージョン優位性をもたらします。
→ 全体の比較を見る： Navi+ vs Giga Menu