WEB制作関連

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

主に大規模サイトのグローバルナビゲーション向けの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のサイトはサブナビではなくインデックスページを設けて対応していますが、ビジネスユーザーの多いイーモバイルのサイトでは下階層へのリンクが表示されていますね。

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

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

関連記事

  1. WEB制作関連

    紙のテクスチャが素敵なWEBデザイン35個

    紙のテクスチャを用いたWEBデザインのまとめです。…

  2. WEB制作関連

    気持ちもあがる!デザインの美しいEコマースサイト25個

    ネットで買い物というと商品を決めたら一番安いお店を探して・・・というの…

  3. WEB制作関連

    アプリのようなスライドメニューを実装するプラグイン6選

    facebookのスマートホンサイトなどでも採用されているサイドからス…

  4. WEB制作関連

    ダウンロードしておきたい便利なシルエット素材85セット

    人のいろいろな動きから動物、植物や街並みまでモチーフや世界観作りなどに…

  5. WEB制作関連

    商品の魅せ方がお洒落なECサイト25個

    商品の魅せ方が参考になりそうなECサイトのまとめです。 (さら…

  6. WEBディレクターズマニュアル

    WEBディレクターの為のEXCEL術(3)作業が捗る小技10選

    WEBサイトを制作していると通常のワークフローの他にも原稿の作成やデー…

  1. iPhone

    超速クリア動画がスゴい。「Touch the Number」
  2. WEB制作関連

    デザイナーなら必ずダウンロードしたいグラフィティなフォント25選
  3. 話題・トレンド

    やっぱりPhotoshopはすばらしい。
  4. iPhone

    iPhoneから自分の痕跡を消す方法
  5. 話題・トレンド

    思わず2度見してしまうガレージいろいろ
PAGE TOP
Top