← すべてのガイド

Choosing the Right Menu

Tab bar, mega menu, or mobile menu — which one fits my store?

Shopifyメガメニューの設計原則:レイアウト、画像比率、カテゴリー分類、アーキテクチャ
→ 12 分で読めます

Shopifyメガメニューの設計原則:レイアウト、画像比率、カテゴリー分類、アーキテクチャ

高い購買率を生むShopifyメガメニューの情報設計を体系的に解説。70/30のテキスト画像比率、列数の限界、Liquidブロックの制約、モバイル最適化を徹底網羅。

Shopifyメニュー完全ガイド:アーキテクチャ、ナビゲーションパターン、モバイル人間工学、ストアフロントUX
→ 13 分で読めます

Shopifyメニュー完全ガイド:アーキテクチャ、ナビゲーションパターン、モバイル人間工学、ストアフロントUX

Shopifyのメニュー設計を徹底解説:ネイティブの3階層制限を理解し、ドロップダウン、メガメニュー、ドロワー、タブバーの使い分けや実機検証まで網羅します。

Shopifyマルチレベルメニューの設計:ネストされた階層、ディープナビゲーション、店舗案内UX
→ 13 分で読めます

Shopifyマルチレベルメニューの設計:ネストされた階層、ディープナビゲーション、店舗案内UX

Shopifyのマルチレベルメニュー設計:3階層の上限、メガメニューとフライアウトの比較、モバイルのドリルダウンとアコーディオン、DOMサイズ、診断チェックリスト。

Shopifyヘッダーナビゲーションの設計思想:レイアウトモデル、空間配分、ユーティリティ配置、ブレークポイント対策
→ 13 分で読めます

Shopifyヘッダーナビゲーションの設計思想:レイアウトモデル、空間配分、ユーティリティ配置、ブレークポイント対策

Shopifyのヘッダーナビゲーションを計画:インライン、分割、2段構成を比較し、ユーティリティリンクをメインメニューから分離し、ノートPCの画面幅でテストする方法を解説。

Navi+ で始めましょう

プラットフォームを選択してください — 無料でインストール、数分でライブ。