≪授業レポート≫ サイトの設計図[サイトマップ]のつくり方。 | デジハリ・オンラインスクール

みなさん、こんにちは。

デジハリ・オンラインスクール、授業運営担当の牧野です。

 

今週も授業の一部をちょっとだけご紹介する

＜授業レポート＞のお時間がやってきました！

 

今週は「Webデザイナー講座」に含まれている

ライブ授業の一つ「実践ワークフローゼミ」です。

 

◇Webデザイナー講座

 

実際のWebサイトの制作工程を現役のWebディレクターから

学ぶことができる、とても大切な授業です。

 

これを受けたい、という理由だけで「Webデザイナー講座」を

受講される方もいらっしゃるほど！

 

では、今週も言ってみましょう！

 

──────────────────────────────────

【1】 ブレインストーミングとは？

 

本日のメインはサイトマップ作成でした。

まずはコンテンツの洗い出しを行います。

コンサルティングをもとに、サイト内に必要なコンテンツを書き出します。

コンテンツの洗い出しでよく使う手法は「ブレインストーミング」です。

 

──────────────────────────────────

【2】ブレインストーミングのルール

 

ブレストのルール：

(1)質より量

(2)批判禁止

(3)ほかの人のアイデアに便乗・拡散する

(4)自由奔放・突飛な発想を歓迎

授業では、架空のホテルのサイト制作にあたっての

コンテンツ洗い出しを皆で行いました！

 

──────────────────────────────────

【3】マジックナンバー「7」のルール

 

情報の組織化・・・

洗い出されたコンテンツをカテゴリにまとめます（＝情報の組織化）。

その際「何かを記憶するときに、その数が7つまでであれば、記憶にとどめやすいという」

マジックナンバー「7（+-2）」を意識すると効果的です。

 

──────────────────────────────────

【4】カテゴリを明確に

 

カテゴリにまとめたら、カテゴリ名を検討します（ラベリング）。

次にサイトの構造化としてカテゴリ毎にトップページを作成します。

カテゴリトップを繋げる（リンクする）全体のトップページを作成します。

 

──────────────────────────────────

【5】サイトマップ作成の便利ツール

 

授業ではサイトマップ作成ツールもご紹介しました。

今回紹介したツールはサイトマップ作成ツール 「Cacoo」です。

 

──────────────────────────────────

いかがでしたか？

授業の雰囲気をすこしでも感じて頂ければうれしいです！

 

それではまた来週！