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