本書は、インターネットのホームページ更新を成功に導くためのノウハウを満載したマニュアル書籍です。ドタバタ、連絡の行き違い、いつまでたっても定まらない条件…。悪夢のようなウェブサイトのリデザイン作業に苦しんだ経験の持ち主なら、きっと本書の威力を実感できるはずです。ウェブサイト制作の時間と費用の節約に役立つだけでなく、頭痛の種も吹き飛ばします。制作、サイト運営の現場で役立つチップスとワークフローシート、各エキスパートの寄稿など、新しいルールづくりの手助けとなるお勧めの一冊です。
-------------------------<目次>------------------------------
CONTENTS
目次
目次
はじめに 5
イントロダクション 9
コアプロセスの意味 10
ケーススタディ ベビーセンター社のリデザイン 14
第1章 リデザイン成功のカギ 16
今、本書を世に問う理由 16
プロセスは必ず存在する 17
これが成功のワークフローだ 17
ケーススタディ スマグ社のリデザイン 20
コア・プロセスの全体像 22-23
第2章 何にでも効く万能プロセス 24
第1段階:プロジェクトの定義 25
現状把握 25
明確化 26
計画立案 27
第2段階:サイト構造の検討 29
コンテンツ構成 29
サイト構成 30
ページ構成 30
第3段階:ビジュアル・デザインとテスト 31
制作 32
確認 32
引き継ぎ 33
第4段階:制作・品質保証 33
準備 34
構築 34
テスト 36
第5段階:立ち上げ以降 37
納品 37
立ち上げ 38
保守 38
第2章のまとめ 39
ケーススタディ リキッドミディアム社のリデザイン 40
第3章 第1段階:プロジェクトの範囲設定 42
情報収集 43
クライアント・アンケート 43
クライアント・アンケートのカスタマイズ 46
保守作業に関するアンケート 49
対象ユーザーの把握 51
技術要件の把握 52
対象ユーザーの通信環境の把握 53
対象ユーザーの通信環境の分析 55
バックエンド構築の必要性の判断 56
業界の分析 58
現状把握のまとめ 58
全体的な目標の設定 60
クリエイティブ・ブリーフの作成 60
プロジェクト計画の作成 63
詳細事項・前提事項 64
予算設定 65
なしくずしの範囲拡大とは 66
見積もり作成のポイントは請求対象と請求方法 66
作業時間の追跡管理 70
スケジュール作成 72
全体的なスケジュール 72
成果物納入の詳細なスケジュール 73
プロジェクト・チームの任命 75
ステージングエリアの確保 79
ユーザー・テストの計画 79
ユーザー・テストの計画 79
オンライン・アンケート 79
フォーカス・グループ・テスト 80
ユーザビリティ・テスト 80
プロジェクト始動 81
第1段階のまとめ 82
ケーススタディ インターナップのリデザイン 84
第4章 第2段階:サイト構造の構築 86
コンテンツの検討 88
既存コンテンツのチェック 89
コンテンツのアウトライン作成 90
コンテンツ引き渡し計画の作成 91
サイトマップの作成 93
現行のサイト構成の検討 95
サイト構造の決定 96
命名規則の決定 98
体系的な命名方法 100
HTMLファイルの命名法 100
ラフレイアウト作成 101
ラフレイアウトの内容 101
ナビゲーションの検討 103
項目のネーミング 103
操作の流れの想定 106
ユーザーのシナリオ 109
第2段階のまとめ 112
ケーススタディ K2スケーツ社のリデザイン 114
第5章 第3段階:ビジュアル・デザインとテスト 116
クリエイティブの作業を開始 118
スマートなデザインとは 118
サイトの目標の検討 118
コンセプトづくり 119
ユーザーのためのデザイン 121
デザインのプレゼンテーション、意見の収集 124
課題 125
アプローチ 126
流れと機能の確認 128
HTML試作サイト 128
試作サイトは本当に必要か 129
機能テスト 130
グラフィック・テンプレートの作成 130
デザインのスタイルガイドの作成 133
標準仕様の策定 135
第3段階のまとめ 136
ケーススタディ ダイバースワークス社のリデザイン 138
第6章 第4段階:制作・QA 140
プロジェクトの進捗状況の評価 140
ガイドライン作成 141
希望と現実を近づける 142
ユーザーの通信環境の再検討 145
コンテンツの状況をチェック 145
デザインの状況をチェック 147
バックエンド組み込み計画の確認 147
ディレクトリ構造の確定 1486
後で困らないディレクトリ構造とは 149
画像の分割処理と最適化 150
HTMLテンプレートとHTMLページの作成 150
簡易スクリプトの実装 153
各ページへの流し込み 154
不可視コンテンツ 154
バックエンドとの統合 156
品質保証テストとは 156
QA計画の作成 157
インフォーマルQA 160
セミフォーマルなQA 161
フォーマルQA 161
バグの優先順位決定とバグ修正 162
最終チェックの実施 163
第4段階のまとめ 164
ケーススタディ ジェイナス社のリデザイン 166
第7章 第5段階:立ち上げ以降 168
引き継ぎ169
制作スタイルガイドの作成 169
成果物一式の引き継ぎの用意 172
文書類の管理 173
事後反省会の開催 174
保守トレーニングのスケジュール作成 174
さあ、本番 175
告知計画の作成 175
サーチエンジンへの登録 177
サイトの立ち上げ 179
サイトの保守 181
保守チームの能力評価 182
保守チームは社内か外部か 183
保守計画の作成 183
目標達成度の測定 185
サイトのセキュリティ確認 186
第5段階のまとめ 188
ケーススタディ フード・ドットコム社のリデザイン 190
第8章 ユーザビリティ・テスト 192
ユーザビリティとは 193
さっそく開始 193
ユーザビリティとリデザイン 194
テスト実施のタイミング 194
テストのコスト 195
ユーザビリティ・テストの4つのステップ 196
ステップ1:計画・準備 196
ステップ2:被験者選び 198
ステップ3:テスト実施 201
ステップ4:データ分析と対応策の提言 203
最終レポート 204
第8章のまとめ 205
ケーススタディ ケイシー・クレイボーン社のリデザイン 206
第9章 ライバルの分析 208
フォーマルな業界分析とインフォーマルな特徴分析 209
“業界通”のユーザーの目線で考える 210
分析の実施 210
ステップ1:手順の決定 211
ステップ2:特徴リストの作成 214
ステップ3:分析・テストの実施 216
ステップ4:最終レポートの作成 219
総合評価 220
第9章のまとめ 220
翻訳者のあとがき 222
付録 エキスパートにきく 223
レイ・ダンカン(Leigh Duncan) 224
エリック・ワード(Eric Ward) 225
ケイト・ゴモル(Kate Gomoll) 226
レスリー・フィニー(Leslie Phinney) 228
ジム・ハイド(Jim Heid) 229
アニ・ビョ(Ani Phyo) 230
デビット・シーゲル(David Siegel) 231
リンダ・ワインマン(Lynda Weinman) 232
チャド・ガルシア(Chad Kassirer) 233
ジェフリー・ゼルドマン(Jeffrey Zeldman) 235
ヤコブ・ニールセン(Jakob Nielsen) 236
索引 237