モバイルUI進化中！革新的なナビゲーションメニュー実例サンプル10個まとめ

モバイル向けナビゲーションデザインには、さまざまな形やスタイルが登場しています。すべてのナビゲーションメニューが同じ構造であれば、ユーザーにとっても直感的で分かりやすいかもしれませんが、現実はそれほど単純ではありません。 独自の問題を抱えたモバイルアプリは、ナビゲーションメニューのデザインによってそれらの問題を解決することもできます。たとえば、７〜8つほどの主要メニュー項目がある場合はおそらくハンバーガーメニューを採用し、３つほどのメニュー項目の場合はタブバー形式を実装するかもしれません。 デザイナーが製品やユーザーのために最適化したナビゲーションメニュー設計では、クリエイティブで画期的なデザインがいくつか見られます。今回は、ナビゲーションメニューを作成するときに参考にしたい、革新的な実例サンプル例をまとめてご紹介します。 ハンバーガーメニューが進化中！2018年に押さえておきたい最新トレ

[fishma]

長ったらしいアニメーションで操作の邪魔をされるの鬱陶しいと思うのは俺だけなのか。ここに出てくるアニメーション全部10倍の速度で動いてくれないと辛い

[peperon_brain]

ヌルッ！スルーリ！ポワッ！とかいらねーから。パッパッと切り替えてくれ。アニメーション終わるまでタップ認識しないUIとかストレスでしかないの。

[ishikawa_pro]

“Google Newsstand のコンセプトデザイン”

[rryu]

こういうアニメーション過多のUIは見ている分にはきれいで良いのだけど、実際に使う時にはもっさり感を演出するものになったりするのがちょっと。

[kimu12]

サイドナビゲーションのやつ、今回のリニューアルに使えるかも。ただ、検証などのコストかかるか...

[isek]

参考になりますな。オーソドックスなやつがいい。

[akiramaz]

あんまり魅力的にかんじなかった。

[idr_zz]

やはりボトムナビは好きだな。 画面大きくても押しやすいし、読んでる時は気にならない。

[chabooooo]

母親にスマホ持たせたらハンバーガメニューを一切使えてなかったし、UI凝りすぎるのも考えものだなぁ

[kurobuchi]

スマホの新しいUIまとめ。ちょっとした動きがヒントになるものが多い。画面も大きくなってきたし、下側に必要なボタンがあると操作しやすい。

[Yusha]

すげ

[dscrx100love]

UIってここまで進化したんだな～。

[gnt]

基本的にはボトムが正解なんだろうけど、PC WEBとの整合性がな…

[yoshikidz]

最近デザインがほんと勉強になるわー。直感と対話するって感じか。言葉ってなんやねん。って最近よく思う。

[otihateten3510]

4番と10番、もう少しシンプルにできたら良さそう。結局ナビゲーションのためのメニュータップが重いんだよ。やはりタブが階層化しなきゃダメか

[design-web]

“モバイルUI進化中！革新的なナビゲーションメニュー実例サンプル10個まとめ”