WEBデザイン

【WEBデザインを独学で学ぶ】ナビゲーションの役割を学ぶ

どーも。学長です!

 

【WEBデザインを独学で学ぶ】

ナビゲーションの役割を学ぶ

 

今日はWEBページのナビゲーションについてお話をしたいと思います。

ナビゲーションはWEBサイトを作るにあたって、重要なポイントになってきますので、

よく理解しましょう。

 

 

それでは授業を始めます。

 

ナビゲーションの役割って?

WEBサイトのデザインはもちろん大事ですが、

ナビゲーションも同じ位大事な要素です。

 

 

いくらデザインが良いサイトでも、

ナビゲーションがうまくできていないサイトは優秀とは言えません。

訪問ユーザーはいざサイトに訪れたとしても、目的のページに行けず、

そのまま離れてしまいます。

訪問ユーザーが迷うことなく辿り着けるサイトを目指しましょう。

 

グローバルナビゲーションとは?

ナビゲーションは大きく分けて2つ存在します。

「グローバルナビゲーション」と

「ローカルナビゲーション」です。

 

 

グローバルナビゲーションとは、WEBサイトを全体に配置されるナビゲーションです。

WEBサイトがツリー構造の場合は、別の幹へ移動する為のナビゲーションが、

グローバルナビゲーションです。

 


navi

 

グローバルナビゲーションの役目は、訪問ユーザーをWEBサイトの柱であるメインコンテンツに、

誘導することです。

 

ローカルナビゲーションとは?

グローバルナビゲーションがWEBサイト全体を対象に、

メインコンテンツを繋ぐに対してローカルナビゲーションは、

グループ化されたコンテンツ内を繋ぎます。

 

 

WEBサイトがツリー構造の場合、

同じ階層のページや1つ下の階層にあるページへ誘導するための

ナビゲーションがローカルナビゲーションです。

 

local

 

グローバルナビゲーション、ロカールナビゲーションをよく理解して、

使いやすさ、分かりやすさをよく理解し、常にユーザー目線に立ってサイトを作ることを

心がけるようにしましょう。

 

次回は、ナビゲーションの種類を説明していきますので、

今日の授業を必ず理解して、次の授業までに準備しましょう。

 

さて今日の授業はここまです。

不明な点は学長まで連絡ください。



お名前 (必須)

メールアドレス (必須)

ピックアップ記事

  1. 学園長から挨拶

関連記事

  1. WEBデザイン

    サイト直帰率の理想は?直帰率を下げる為のポイントを伝授!

    どーも!学長です!今日は直帰率について解説をしていきた…

  2. WEBデザイン

    【WEBデザインの配色を学ぶ】カラーの基本 色の三属性を学ぶ

    どーも!学長です。今日は配色の話をしたいと思います。&…

  3. WEBデザイン

    【WEBデザインの配色を学ぶ】WEBを参考にしよう!

    どーも!学長です!今日はデザ学に届いたメールを紹介します。…

  4. WEBデザイン

    【WEBデザインを独学で学ぶ】3段組レイアウト型とは?

    どーも、学長です。今日の授業は・・・…

  5. WEBデザイン

    【WEBデザインを独学で学ぶ】ナビゲーションの種類を学ぶ

    どーも。学長です!【WEBデザインを独学で…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

ラジオはじめました!

クライアント様サイト

  1. RADIO

    【RGBラジオ第13回】ろっくのちょいゆる経済講座 黒田バズーカが日本に与えた影…
  2. 日記

    新型アルファード2015のカタログがかっこいい!
  3. GIMPの使い方

    GIMP

    【GIMPの使い方】フィルター効果 その2
  4. WEBデザイン

    【WEBデザインの配色を学ぶ】WEBを参考にしよう!
  5. 起業の心得

    ファンを増やす・自分の時間に高い価値をつける
PAGE TOP