| 1 情報とコミュニケーション |
| 1-1 コミュニケーションとは 8 |
| 1-1-1 情報 8 |
| 1-1-2 コミュニケーション 9 |
| 1-1-3 メディアとテクノロジー 11 |
| 1-2 Webというメディア 12 |
| 1-2-1 Webとコミュニケーション 12 |
| 1-2-2 Webデザイナーの果たす役割 13 |
| 1-3 Webサイト制作のプロセス 15 |
| 1-3-1 プロセスの検討 15 |
| 1-3-2 WebプロダクションによるWebサイト制作 15 |
| 2 コンセプトメイキング |
| 2-1 コンセプトの設定 20 |
| 2-1-1 コンセプトメイキングの手法 20 |
| 2-1-2 コンセプトの具体化 26 |
| 2-2 さまざまなWebサイト 27 |
| 2-2-1 Webサイトの種類 27 |
| 2-2-2 提供機能から見たWebサイトの種類 27 |
| 2-2-3 企業活動から見たWebサイトの種類 32 |
| 2-3 Webサイトを実現するさまざまな技術 34 |
| 2-3-1 Webサイトを構成する基本技術 34 |
| 2-3-2 Webサイト上の機能 37 |
| 2-3-3 Webデザインための言語 40 |
| 2-3-4 データベースを利用したWebサイト 44 |
| 3 情報の構造 |
| 3-1 情報の収集と分類 48 |
| 3-1-1 スケジュールの重要性 48 |
| 3-1-2 情報の収集と分類 52 |
| 3-2 情報の組織化 55 |
| 3-2-1 情報の組織化 55 |
| 3-2-2 ラベリング 58 |
| 3-3 Webサイト構造への展開 61 |
| 3-3-1 Webサイト構造の構築 61 |
| 3-3-2 ユーザ導線 63 |
| 3-3-3 ユーザ導線の具体例 67 |
| 4 ページデザイン |
| 4-1 レイアウト 70 |
| 4-1-1 ディスプレイモニタという表現媒体 70 |
| 4-1-2 画面の大きさの考え方 71 |
| 4-1-3 ウィンド内での配置 71 |
| 4-1-4 画面の分割 73 |
| 4-1-5 デザインの法則 75 |
| 4-1-6 情報 ・ 機能と視覚的表現の関連付け 76 |
| 4-1-7 視線の動きを想定する 78 |
| 4-1-8 グリッドシステム 79 |
| 4-2 タイポグラフィ 80 |
| 4-2-1 文字の構造 80 |
| 4-2-2 Webデザインにおける文字 82 |
| 4-2-3 書体の選択 84 |
| 4-2-4 読みやすい文字組み・美しい文字組み 86 |
| 4-3 グラフィックス 89 |
| 4-3-1 Webページで使われるおもな図版 89 |
| 4-3-2 写真素材の準備 90 |
| 4-3-3 写真のレイアウト 94 |
| 4-3-4 ダイヤグラム 96 |
| 4-4 カラーコーディネート 99 |
| 4-4-1 コンピュータにおける色の表現 99 |
| 4-4-2 色のしくみ 100 |
| 4-4-3 インデックスカラーとWebセーフカラー 100 |
| 4-4-4 色彩計画 102 |
| 5 動きと音の効果 |
| 5-1 動きの技法と表現 106 |
| 5-1-1 Webサイトに動きを導入する目的 106 |
| 5-1-2 基本的な動きの種類 107 |
| 5-1-3 動きの技法 111 |
| 5-1-4 アニメーションを実現する技術 112 |
| 5-1-5 役割の組み合わせによる演出 114 |
| 5-2 動きを導入する際の注意点 117 |
| 5-2-1 動きの導入時の注意点 117 |
| 5-3 音の演出 119 |
| 5-3-1 音の種類と用途 119 |
| 5-3-2 サイン音 119 |
| 5-3-3 効果音 120 |
| 5-3-4 ナレーション 120 |
| 5-3-5 BGM 121 |
| 5-3-6 音を使用する際の注意事項 121 |
| 5-3-7 データフォーマット 123 |
| 6 インタフェース |
| 6-1 インタフェース 126 |
| 6-1-1 道具の利用手段としてのインタフェース 126 |
| 6-1-2 目的に合わせたインタフェース 127 |
| 6-1-3 IT関連機器におけるインタフェース 128 |
| 6-1-4 ユーザインタフェースの重要性 129 |
| 6-1-5 ユーザインタフェースと認知科学 130 |
| 6-2 ユーザインタフェース 131 |
| 6-2-1 CUIからGUIへ 131 |
| 6-2-2 ユーザインタフェースとしてのGUIメリット 132 |
| 6-2-3 理想的なユーザインタフェース 134 |
| 6-2-4 Webコンテンツとしてのユーザインタフェース 136 |
| 6-3 ナビゲーション 138 |
| 6-3-1 ナビゲーションの目的と手法 138 |
| 6-3-2 ナビゲーションパーツ 141 |
| 6-3-3 ナビゲーションとWebサイトの構造 142 |
| 6-3-4 ナビゲーションスキーム 144 |
| 6-4 ナビゲーションデザインの手法 149 |
| 6-4-1 Webコンテンツにおけるナビゲーションデザイン 149 |
| 6-4-2 JavaScriptとスタイルシート 151 |
| 6-4-3 Flashによるインタフェース 153 |
| 7 テストと評価 |
| 7-1 Webサイトのテスト 156 |
| 7-1-1 テストを行う時期 156 |
| 7-1-2 テスト項目 158 |
| 7-2 アクセスログ解析 161 |
| 7-2-1 アクセスログ 161 |
| 7-2-2 アクセスログ解析 161 |
| 7-2-3 アクセスログの読み方 163 |
| 7-2-4 アクセスログ解析のためのソフトウェア 164 |
| 7-2-5 アクセスログの解析 165 |
| 7-3 Webサイトの評価 168 |
| 7-3-1 Webサイトの成果測定 168 |
| 7-3-2 成果を測定するための資料 168 |
| 7-3-3 Webサイトの規模を知る 169 |
| 7-3-4 Webサイトの効率を知る 171 |
| 7-3-5 Webサイトの成果を知る 171 |
| 7-3-6 そのほかの指標 173 |
| 7-4 Webサイト評価の手法 175 |
| 7-4-1 ユーザの移動経路を調査する 175 |
| 7-4-2 機会喪失箇所の調査 176 |
| 7-4-3 ユーザビリティ評価 176 |
| 7-5 Webサイトの運用 179 |
| 7-5-1 Webサイトの更新 179 |
| 7-5-2 更新計画の策定と更新ルール 180 |
| 7-5-3 更新の種類 180 |
| 7-5-4 CMSの導入 181 |
| 7-6 Webサイトのリニューアル 183 |
| 7-6-1 リニューアルとデザイン 183 |
| 7-6-2 アクセスログ解析に基づくリニューアル 186 |
| 7-6-3 SEOの導入 187 |
| 8 コミュニケーションデザインの展開 |
| 8-1 Webサイトの種類 190 |
| 8-1-1 コーポレートサイト 190 |
| 8-1-2 ECサイト 191 |
| 8-1-3 コミュニティサイト 192 |
| 8-1-4 ポータルサイト 193 |
| 8-1-5 キャンペーン・プロモーション、ギャラリー 195 |
| 8-1-6 自治体、公共機関･教育機関など 196 |
| appedix |
| a-1 知的財産権 198 |
| a-1-1 知的財産権 198 |
| 掲載Webサイト一覧 204 |
| 参考図書 206 |
| index 207 |
図書
図書
