スマートフォンでのナビメニュー

レスポンシブデザイン

ナビゲーションメニューの押し易さ(使い易さ)というのはページ全体の使い易さに繋がる為、非常に大切です。
PCレイアウトの場合は、ある程度大きい面積の中でホバーアクションと組み合わせる事で、ある程度の解り易さは確保出来ます。
スマホでは制限された面積の中でメニューを作らないといけない為、PC以上に解り易いメニューの作成を心掛ける必要があります。

もちろん今現在、「ハンバーガーメニュー」がスマホ時のメニューのスタンダードになっていますが、しかし必ずしも全ての状況でハンバーガーメニューが良いという訳ではなく、色々なパターンから適切なスマホ用のナビを選べるようになりましょう。

f:id:yachin29:20180417114648p:plain

ドロップダウン

Apple(日本)

f:id:yachin29:20180417114736p:plain

ドロワー(右から)

Yahoo! JAPAN

f:id:yachin29:20180417114900p:plain

アニメーション

西武鉄道Webサイト

f:id:yachin29:20180417114611p:plain

固定ナビ

NTTドコモ ホーム

www.genius-web.co.jp

www.i3design.jp

pantograph.co.jp

コメント

タイトルとURLをコピーしました