web-dev-qa-db-ja.com

長いモバイルWebページのローカルナビゲーション?

コンテンツが3つのセクションに分割されている長い(おそらく2500〜3000px)モバイルページがあります。このページには、グローバルナビゲーション用のヘッダーがあります。これら3つのセクションのローカルナビゲーション用のサブヘッダーが必要かどうかを考えています。下の画像を参照してください。

enter image description here

このタイプのローカルナビゲーションは良い考えですか、そうである場合、いつ使用する必要がありますか(ページの長さなど)?また、サブヘッダーが使用されている場合、ページを下にスクロールすると、両方のヘッダーが折りたたまれますか?

これについてはすでに同様の質問がありますが、ページの長さやモバイルWebページでのサブナビゲーションの全体的な必要性に関する私の問題には明確に答えていませんでした。

リンク: 長いスクロールページのモバイルグローバル/サブナビゲーション?

さらに、モバイルWebでのローカルナビゲーションの良い例があれば幸いです。

2
jakapo

モバイル画面にサブメニューを表示することは、達成するのが非常に困難な作業です。モックアップに表示したメニューの種類によって、ユーザーエクスペリエンスが低下します。ヘッダーとサブヘッダーは、モバイル画面の上部からほとんどのスペースを消費します。モバイル画面で遊んでいる間は注意が必要です。

次の画像のように、ほとんどのメニューコンテンツに対応するために使用できるトレイメニューが上または左からスライドするヘッダーにハンバーガーメニューを配置することをお勧めします。

enter image description here

このリンクでチュートリアルを見つけることができます https://www.rsjoomla.com/blog/view/337-template-tutorial-make-navigation-on-mobile-friendly-with-sub-menu-opening- button.html

ウィキペディアのモバイルサイトには、非常にユーザーフレンドリーな方法で長いコンテンツを配置する非常に良い例があると思います。折りたたみ可能なセクションは、ウェブサイトをよりモバイルフレンドリーにし、ユーザーが長いスクロールから遠ざけるようにします。サイトに大量のテキストコンテンツがある場合に最適です。

enter image description here

3