こはるおとの雑記ブログ

超珍しくWEBコーディングのお話を。

当サイトのヘッダーメニューの内容に悩んでおります…

6つ設置してるのはデザインなどの都合上。

偶数じゃないとスマホで表示した時に不自然になるし、8つ以上は多すぎて見づらくなる。
つまり当サイトにヘッダーメニューを設置する最適数は4or6つ。

でも当サイトに必要なメニュー数は「5つ」なのですよ…
音楽素材・写真素材・ブログ・掲示板・規約と問い合わせ。
残り1つの埋め方にずっっと悩んでたのです。
【追記】記事投稿当時。現在はHOMEを追加して6つになってます。

これを気にせず設置できるといえばハンバーガーメニュー。
よくスマホ表示で上部に設置されてる三本線のメニューのこと。

でも個人的にスマホならハンバーガーメニューを、とはならなくて。

ハンバーガーメニューの良し悪しと、メニューってどうするべきなのかな…という雑談を。

ハンバーガーメニューのメリットデメリット

メリット:設置数は柔軟になる

一般的なヘッダーメニューのような設置数の制約は減るイメージ。
多少多くても見やすそう。

思いつくメリットはこれくらい。

デメリット:開くのが結構手間

見る側としてはハンバーガーメニューは好きじゃないです。
メニュー見るのにいちいち右上or左上に指を移動させ、開いて行きたいところをタップ。

スマホ操作においてこういう手間はちょっとしたストレスになり得るんですよね。

デメリット:メニューに気づかない

メニューの存在そのものに気づかないことも。
メインコンテンツに比べて目に留まりにくくて。

総じて個人的な好みで言うならハンバーガーメニューは使いづらいという感じです。

ヘッダーメニューのあり方

当サイトとしては「おしゃれさ」「動き感」よりも「シンプルさ」「操作性」を優先したいところ。

だからスマホでもPCと同じ表示で、段数だけ変えて表示してる訳ですが。

まあメニュー1つ埋められないのは難点かもしれない…
自分の発想では5つで綺麗に表示し、かつ使いやすくする方法が思いつかないんですよ…

最後に

サイトのメニューについてのお話でした。

ご覧頂きありがとうございます。

Xで共有 はてなブックマーク URLをコピー

まだコメントはありません。