WEB制作関連

jQueryベースのグローバルナビゲーション20選

0
entry_jq_navi
Pocket

主に大規模サイトのグローバルナビゲーション向けのjQueryプラグインです。マウスオーバーやクリックでサブメニューを表示するものや第3階層以降への直接リンクが設置できるものなど使い勝手のいいものが揃っています。

Beautiful Slide Out Navigation


jq_navi_01.jpg

Search Box with Filter and Large Drop Down Menu


jq_navi_02.jpg

Cut & Paste jQuery Mega Menu


jq_navi_03.jpg

Sexy Drop Down Menu


jq_navi_04.jpg

Simple unlimited levels vertical drop down navigation menu


jq_navi_05.jpg

もっと見たい方はこちらからどうぞ

ちなみにグローバルナビゲーションにドロップダウンで下階層へのリンクを設置するかどうか悩むことも多いですよね。

一般的にリテラシーの高い人にはあった方が便利ですが、あまりPC操作に慣れない人は逆に混乱してしまう可能性もあると言われてます。

例えば同じような業態でも幅広いユーザーの訪れるNTT Docomoのサイトはサブナビではなくインデックスページを設けて対応していますが、ビジネスユーザーの多いイーモバイルのサイトでは下階層へのリンクが表示されていますね。

またナビゲーションの設計時には表示する個数も重要です。こちらは以下の記事で解説していますのでよかったらご覧ください。

Pocket

AD

Archive

Recommend Post

このサイトはWeb制作に役立つ情報を中心にデザインやマーケティングなどの情報や役立つツール、ライフハックや気になった話題などの情報を発信しています。

登録いただいたメールアドレスにこのサイトの最新情報をお届けします。

Top