こはるおとの雑記ブログ

音楽・写真素材屋「こはるおとの素材工房」内の雑記ブログです。
思ったこと、お花やガーデニング(園芸)、音楽、創作活動のこと…いろいろ書きます。

ヘッダーメニューのレスポンシブはハンバーガーにするべきか

投稿:2024/10/22 カテゴリ:ブログ・SNS

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

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

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

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

でも当サイトに必要なメニュー数は「5つ」なのですよ…

音楽素材・写真素材・ブログ・掲示板・規約と問い合わせ。
残り1つの埋め方にずっっと悩んでたのです。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

最後に

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

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

Xで共有 はてなブックマーク URLをコピー
<< 前の記事
ブログトップ
次の記事 >>

カテゴリ『ブログ・SNS』の記事

個人の雑記ブログ、PVが激減してSEOをやめる踏ん切りがついた

TikTokが苦手というか、性に合わないと感じた理由【苦手SNS】

個人サイトにweb拍手・いいねを実装『いいねボタン改』付けてみた

旅や景色を楽しめるブログ記事に惹かれる気がする【面白いブログ】

ブログ村、デメリット抑えてメリットを生かす運用方法

コメント一覧 (1/0ページ)

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

1/0ページ

コメントを残す

※ひらがなかカタカナが含まれないと送信されません。
※不快な言葉遣い、荒らしとその反応、スパムや不適切な内容は即刻消します。
※追いつかない時など返信しない場合もあります。

※スパム・誹謗中傷対策をしております。
コメントが送信されない場合は内容を見直して投稿ください。(誤判定はご容赦ください)

お名前:
サイトURL(任意):
ダミーフォーム(スパム対策、入力不要):
コメント: