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ディレクターの為のEXCEL術(1)作業スケジュール

    個人的な感覚値ですが、優秀なWEBディレクターさんは総じてMS Exc…

  2. WEB制作関連

    海外マーケティングエージェントのWEBサイト21個

    海外のマーケティング会社のWEBサイトのまとめです。デザインクオリティ…

  3. WEB制作関連

    MT4.2でブログ記事に関連記事一覧を表示

    サイト内回遊を高めるために有効な関連記事表示。これを自分のブログに…

  4. WEB制作関連

    色とWEBデザイン -茶色編-

    色別WEBデザインのまとめです。今回のテーマは「茶色」です。 …

  5. WEB制作関連

    スクリーンショットを利用したWEBデザイン30個

    WEBサービスやアプリケーションの紹介には欠かせないスクリーンショット…

  6. WEB制作関連

    WEB制作者必見。便利なワイヤーフレーム作成ツールまとめ

    WEB制作に携わる方であれば業務の中で目にしたり、自分で作成したことが…

  1. WEB制作関連

    今どきなUIデザインサンプル35個
  2. WEB制作関連

    スクリーンショットを利用したWEBデザイン30個
  3. 話題・トレンド

    ブブゼラを救え!再利用コンテストが開催されたらしい。
  4. WEB制作関連

    様々なカレンダーを実装するjQueryプラグイン25選
  5. WEB制作関連

    クリエイティブな30個のロゴタイプが素敵。
PAGE TOP
Top