グローバルナビゲーションのメニュー要素の数はどれくらい？？

さて、前回の記事では

ヘッダーの高さについて

大企業のコーポレートサイトを

実際に調べてみた結果を書きました

2022年5月9日WEBサイトのheaderの高さの目安について

グローバルナビゲーションのメニューって

• 多いほうがいいの？
• なるべく少ない方がいいの？
• ちょうどいい量ってどれくらい？？
• レイアウトはどうする？？

こんな疑問にお答えする記事です。

メニュー要素とは

本記事で言うメニュー要素とは

グローバルナビゲーションの

メニューの数のことです

例えば

• お問い合わせ
• about
• 商品情報
• 採用情報

とかですね

これが、何個くらいだったら適切なのかって記事です。

結論

メニュー要素の数はPCは７±２

メニューの要素の数は５～９くらい

SPは２つくらい

結論の根拠

結論の根拠ですが

大手企業のコーポレートサイト

13個調べてみた結果です。

調査対象の大手企業コーポレートサイト

なぜ、７つくらいがよいのか？？

マジカルナンバー７の法則

今回調べたサイトも
大体、この法則に則っていることが検証できました。

ちなみに、居酒屋のメニューの多さには圧倒されてしまいますね

マジカルナンバーは４±という説も

後から
「やっぱ４じゃね？」って
言い出す人が出てきました。
これは、マジカルナンバーは7±2だ！と
提唱した学者とは違う学者が
後から検証をしなおしたそうです。
しかし、今回13サイトを調査した結果
７±の方が多かった印象です。

しかし、すべての
ウェブサイトをみたわけでもないので
「今回調査した限りでは」ということなので
ご注意ください。

• LPになったらどうなのか
• ECサイトはどうなのか
• ターゲット層を変えてみたらどうなのか

このあたりの違いは
なにか変化が見られるのか引き続き
調査したいと思っています。

メニュー要素が７つ以上になってしまう場合はどうしたらいいのか？

メニュー要素が７±に初めから
収まってしまう場合はいいのですが
それ以上になってしまうどうしたらいいでしょうか？
これは、PCサイトをデザインしている際に多いかもしれませんね。

２段構成にする

SPはどのように配置されているのか？？

SPの場合は、シンプルです。
ロゴとハンバーガーメニューの２つのみという
レイアウトが多かったです
SPは画面幅が狭いのでバリエーションが多くできません。

まとめ