ヘッダーメニューのレスポンシブはハンバーガーにするべきか
超珍しくWEBコーディングのお話を。
当サイトのメニューバー(ヘッダーメニュー)の内容に悩んでおります…
6つ設置してるのはデザインなどの都合上。
偶数じゃないとスマホで表示した時に不自然になるし、8つ以上は多すぎて見づらくなる。
つまり当サイトにヘッダーメニューを設置する最適数は4or6つ。
でも当サイトに必要なメニュー数は「5つ」なのですよ…
音楽素材・写真素材・ブログ・掲示板・規約と問い合わせ。
残り1つの埋め方にずっっと悩んでたのです。
これを気にせず設置できるといえばハンバーガーメニュー。
よくスマホ表示で上部に設置されてる三本線のメニューのこと。
でも個人的にスマホならハンバーガーメニューを、とはならなくて。
ハンバーガーメニューの良し悪しと、メニューってどうするべきなのかな…という雑談を。
ハンバーガーメニューのメリットデメリット
メリット:設置数は柔軟になる
メニューバーのような設置数の制約は減るイメージ。
多少多くても見やすそう。
思いつくメリットはこれくらい。
デメリット:開くのが結構手間
見る側としてはハンバーガーメニューは好きじゃないです。
メニュー見るのにいちいち右上or左上に指を移動させ、開いて行きたいところをタップ。
スマホ操作においてこういう手間はちょっとしたストレスになり得るんですよね。
デメリット:メニューに気づかない
メニューの存在そのものに気づかないことも。
メインコンテンツに比べて目に留まりにくくて。
総じて個人的な好みで言うならハンバーガーメニューは使いづらいという感じです。
ヘッダーメニューのあり方
当サイトとしては「おしゃれさ」「動き感」よりも「シンプルさ」「操作性」を優先したいところ。
だからスマホでもPCと同じ表示で、段数だけ変えて表示してる訳ですが。
まあメニュー1つ埋められないのは難点かもしれない…
自分の発想では5つで綺麗に表示し、かつ使いやすくする方法が思いつかないんですよ…
最後に
サイトのメニューについてのお話でした。
ご覧頂きありがとうございます。
カテゴリ『ブログ・SNS』の記事





コメント一覧 (1/0ページ)
1/0ページ
コメントを残す
※ひらがなかカタカナが含まれないと送信されません。
※不快な言葉遣い、荒らしとその反応、スパムや不適切な内容は即刻消します。
※追いつかない時など返信しない場合もあります。
※スパム・誹謗中傷対策をしております。
コメントが送信されない場合は内容を見直して投稿ください。(誤判定はご容赦ください)