ハンバーガーメニューはもう古い！代わりに使えるモバイル用ナビメニュー5つまとめ

ウェブサイトを制作しているひとなら、モバイル端末におけるハンバーガー型ナビゲーションメニューの見つけにくさと効率の悪さ、またどれだけUXデザインの邪魔になっているのか、いくつもの記事を読んだことがあるでしょう。（この問題の参考にしたい記事はこちらやこちら、こちら、こちらからどうぞ。） 幸いにも多くのサイトやアプリで、より効率的な解決法となる代替アイデアが試されています。今回紹介しているアイデアは、他のものより優れているというわけでなく、コンテンツや内容によってパフォーマンスや実行できるかどうかは変わってきます。 01. タブ型ナビゲーションメニュー もしウェブサイトやアプリの項目が限られている場合、ユーザーはできるだけ素早くそカテゴリを切り替えたいところ。そんなときは、タブ型ナビゲーションが良い解決方法となるでしょう。 タブはもっともシンプルなナビゲーションパターンですが、デザインを制作す

[otchy210]

前に AB テストした時は、水平スクロールが一番成績良かった。スクリーン幅に合わせて可能な限り表示できるのもメリット。ただ、左右端のフェードアウトは必須。

[from_kyushu]

古いと言いつつこのサイト自身はハンバーガーメニュー採用しているという矛盾。この記事は翻訳らしいけど。

[sisya]

スマートフォンという狭い画面を有効活用するためにメニュー項目をたたんだものがハンバーガーメニューなのに、過去のインターフェースを持ち出して古いといわれてもどちらが古いのかという気持ちになる。

[shields-pikes]

ハンバーガーメニューは結局、カラム型メニューを隠せるようにしただけ。タブ型はOSとぶつかりやすい。水平スクロールはメルカリも使ってるし、ここ数年流行ってるな。でも斬新で効果的なUIはなかなか出てこないね。

[lazex]

あれこれ変えるのはやめてほしい。作る方の都合であって使う側は変わる度に混乱する。ハンバーガーが定着したならずっとハンバーガーでいいでしょ

[kumokaji]

普段ネットに慣れてない人だとメニューの水平スクロールはめちゃくちゃ難易度高いと言われる

[roppara]

あれ、ハンバーガーメニューって言うのか…

[howdy39]

水平スクロールは隠れてるのが分かりづらいんだよなぁ。

[Hamukoro]

<frameset>

[nebos]

項目名がユーザーの目に入らないのは一番のデメリット。ユーザーをきちんと考えればサイトごとの答えがある。要検討

[mabots]

見えないメニュー

[sononon]

リテラシー高くないと気づかないよね。

[jed_lee]

ハンバーガーメニューの代わりに使えるモバイル用ナビメニューアイデアまとめ。

[takeesato]

ハンバーガーメニューは古いって言いながら、このサイト自体がハンバーガー？

[otihateten3510]

結局答えないよね。Twitterアプリのように階層化するのも手だと思う

[k2wanko]

2~5くらいなら タブだろうけど それ以上なら ドロワーがいい

[harumomo2006]

マクドナルドのメニュー表示が古臭いって意味かと思った

[raf00]

ハンバーガーよりも「more」の方がいいかもなー。検討したい

[isano]

ふむふむ

[QueSTioN]

使う機会は一切ないのだがこういうの見るの楽しい。

[sg79M]

あれわかりにくい

[rryu]

グロナビと同等のものであればスクロールが一番自然だと思うが、スクロールできる感を出すのが難しい。

[zbbcvonlainhar]

そうなの！

[kijtra]

折りたたむんなら、見た目が違うだけで機能は同じじゃ…？

[crazy_hitman]

ふむふむ。

[field_combat]

汎用的なのはMORE関連かな。日本だとラベル的にビミョーだけど

[heki1224]

サーバー落ちてるね。。。