Globo Mega MenuはShopifyで最も多くインストールされているナビゲーションアプリのひとつですが、主にデスクトップのMega Menu向けに構築されています。モバイルでは体験が根本的に異なります。知っておくべきことをご説明します。
Globo Mega Menuのモバイル表示
訪問者がスマートフォンからShopifyストアに訪れると、Globo Mega Menuはマルチカラムのデスクトップコンテンツをすべてハンバーガーメニューに折りたたみます。訪問者は☰アイコンを見ることになり、タップするまでナビゲーション全体が非表示になります。
これはデスクトップファーストのナビゲーションアプリの業界標準です。機能はします。しかし、「機能する」と「モバイルでよくコンバージョンする」は同じではありません。
Globoのモバイル制限:
- Tab Barなし:ナビゲーションは常にタップするまで非表示
- FABなし:固定されたフローティングショートカットボタンなし
- デバイスごとの表示ルールなし:同じメニューがすべての場所で表示される
- デスクトップとは別のモバイル専用レイアウトなし
- モバイルではダークモード非対応
Navi+のモバイルファーストアプローチ
Navi+はモバイルを後付けではなくファーストクラスのプラットフォームとして扱います:
Tab Bar
4〜5個のアイコンを持つ固定ボトムナビゲーションバー:すべてのページで常に表示されます。主要カテゴリーを見るためのタップは不要です。これはAmazon、ASOS、すべての主要なECアプリがモバイルナビゲーションを設計する方法です。
FABボタン
画面に固定されたフローティングアクションボタン。「セール」「新着商品」「クイックオーダー」に最適です。常設の画面スペースを使わずに全ページを通じて表示されます。
モバイル向けSmart Publish
Navi+ではデスクトップとモバイルで異なるナビゲーション体験を設定できます。デスクトップにリッチなMega Menu、モバイルにシンプルなTab Barを表示したり、デスクトップレイアウトに影響を与えずにモバイル専用のFABプロモーションを追加したりできます。
コンバージョンデータ
モバイルEコマースナビゲーションの研究は一貫して以下を示しています:
- ハンバーガーメニューでは、Tab Barと比べて商品カテゴリーに到達するまでに平均2〜3タップ多く必要
- Tab Barユーザーはセッションあたり20〜35%多くのページをブラウズ
- FAB主導のCTA(セール、新着商品)はメニュー内の埋もれたリンクと比較してクリック率が15〜40%向上
- Shopifyトラフィックの72%以上が現在モバイル:その割合は増加し続けている
Globoのモバイル体験が許容できる場合
Globoのハンバーガーベースのモバイル体験が問題ない場合:
- ストアのオーディエンスが主にデスクトップ(B2Bなど)
- トップレベルカテゴリーが非常に少ない(3〜5個)
- モバイル訪問者が主にナビゲーションではなく検索を使用
ほとんどのコンシューマー向けECストアでは、これらの条件は当てはまりません。
結論
Globo Mega MenuにはTab BarもFABもなく、モバイルナビゲーションは常にハンバーガーベースです。Navi+はTab Bar、FAB、デバイスごとのSmart Publishルールを提供し、モバイルショッパーに大幅に優れたブラウズ体験を提供します。モバイルが売上の大半を占めるストアにとって、これが2つのアプリの最も重要な実践的な違いです。
→ 全比較を確認: Navi+ vs Globo Mega Menu