スマホのメニューデザインに悩んだらこれ！パターン別サンプル36選 | LISKUL

スマホはメニューバーが命！！ スマホでもっとも重要な動作は「タップ」ですが、その重要な役割を引き受けるのがメニューアイコンやリストです。 ユーザが求めるコンテンツにスムーズにつなげられるよう、最適化していくことが必要です。 ただそのデザイン、「なんとなく」のものになっていませんか？ 違和感なくスムーズにコンテンツにつなげるためには、最適なデザインを選択する必要があります。 今回は100のスマホサイトを調査し、その中で代表的な36サイトから7つのメニューデザインに分類し、まとめてみました。 自分のスマホサイトの性質を考えながら、もっとも適切なメニューを探していきましょう！ 100のスマホサイトから見る、 スマホメニューの人気ランキング 上図は、100のスマホサイトをランダムに抽出し、それぞれのサイトで採用されているメニューの割合を調査した結果になります。この結果によれば、一位が圧倒的な割合で

[hate_flag]

つか、PCと同じでいいよ。ズームも簡単にできるんだからさ。わざわざ情報量の少ないクソサイトを専用に作るヤツはギルティ

[sutanto1983]

スマホ　ナビ　パターン

[o_ti]

UI名称がしっくりこない

[ei1206]

スマホのメニューデザインに悩んだらこれを見る 徹底収集36選！ スマホはメニューバーが命！！ スマホでもっとも重要な動作は「タップ」ですが、その重要な役割を引き受けるのがメニューアイコンやリストです。ユーザ

[kurobuchi]

スマホのメニューの出し方のパターンとその説明まとめ。

[sonykichi]

わかりやすい。

[ir_takt]

ナビゲーション

[daaaaaai]

ドロップダウンとスライドメニュー

[sima-box]

スマホ　メニューボタンの考察　コーディング

[rebooootmasato]

ドロップダウンかスライドか

[sakaikazuki]

ドロップダウンは制作側から見て作りやすいからシェアが高いという印象。

[comogawa]

これは良いまとめ

[jin294]

これは参考になる

[hajime0329]

参考になるなぁ！　とりあえずドリルダウンが良さそう。 あとはアクションが気持ちいいのがやっぱりイイよね。 roomieは個人的に気持ちがイイ動きだと思います。

[karumado]

メニューデザインの事例

[hate_pon]

スマホ　デザイン

[hama_shun]

][スマートフォン]

[ooiooiooi0313]

スマホのメニューデザインに悩んだらこれを見る　徹底収集36選！ スマホはメニューバーが命！！ スマホでもっとも重要な動作は「タップ」ですが、その重要な役割を引き受けるのがメニューアイコンやリストです。ユー

[sr400kei]

まとめ！

[i_mairy]

これいい！活用させていただきます。

[s99e209]

スマホサイトの性質を考えながら、もっとも適切なメニューアイコンやリストの紹介。 ユーザが求めるコンテンツにスムーズにつなげられるよう、最適化していくことが必要。

[glat_design]

まとめとしては参考になる /

[tesas]

スマホのメニューデザインに悩んだらこれを見る　徹底収集36選！ スマホはメニューバーが命！！ スマホでもっとも重要な動作は「タップ」ですが、その重要な役割を引き受けるのがメニューアイコンやリストです。ユー

[nffsjj]

参考になる！今回は100のスマホサイトを調査し、その中で代表的な36サイトから7つのメニューデザインに分類し、まとめてみました。

[humid]

いいね

[atsushi0523]

デザイン

[kijtra]

ドロップダウンが多いのは「最も使いやすい」んじゃなくて「最も作りやすい」ってだけだよね。個人的にはドロワーが最も優れてると思う。

[airos]

PCと同じで良いとか正気か

[zakisan3]

ドロップダウンがこれほどだとは思ってませんでした。

[nibushibu]

メニューの数によってデザインが変わってくるということは、当たり前だけど意識しといたほうが良さそう