Macromedia Webサイトの運営術
Posted at 2005/06/15 (Wed) 11:01 +09:00 in Web Designing
マクロメディア集中ゼミ行って来ました（6/15 パシフィコ横浜）。C1セッションにて「10年の歴史を紐解くMacromediaサイトの制作、運営術」を聴講。
マクロメディアサイトは現在、Global全体で95,000ページから構成され、内訳は下表のようになっています。 尚、LiveDocsとは製品ドキュメントなど。この巨大サイトのうち、Japanサイトは約8,000ページにのぼり、アジアの中では最大規模となっているようです。
| 構成 | ページ数 |
| LiveDocs | 50,000 |
| Web | 45,000 |
| Total | 95,000 |
Webサイト開設当時は、製品情報を中心としたサイト構成。21世紀初頭からは、ユーザー、ディベロッパー向けのサイトへと変遷。試行錯誤を重ね、ある時はイギリスのデザイナーにサイトデザインを依頼してスッキリとした画面構成になったものの、ユーザーが下層まで辿りにくくなってしまった経験もあるようで、単にブランドデザインではダメだとの結論に至り、徐々にユーザビリティやユーザ体験の重要視もなされていったようです。今後は主にビジネス・ソリューションを中心に据えたサイトへと変わって行くみたい。
さて、幾度と無くリデザインを繰り返し、ページ数もどんどん膨らんでいく過程での制作運営フローはいったいどうなっているのでしょうか...？特にデザイナー、ディレクターにとって参考になる内容をメモしてきたので整理したいと思います。
主なチーム構成
- Design Team （モックアップ構築）
- Production Team （フロントエンド構築）
- Engineering Team （バックエンド構築）
- QA Team （品質管理）
Areaの定義
Header
|
|
Contents Area
|
Promotion Area |
| Right navigation | Footer |
制作において重要なこと
- 隠れたコンテンツは見落とされる。（ユーザーがスキャンできない）。
- 表示にかかる時間（サイトのパフォーマンス）は重要。→CSSで対応
- ブラウザ対応は日々頑張る。
Dreamweaverテンプレートの活用
- テンプレートを利用すれば、デザイン・構成の一括変換が可能
- 定義づけしたAreaごとにテンプレートを作成
- 編集可能/不可領域の設定
- オプション領域の活用（ON/OFF）
- リピート領域の活用
Contents Areaのグリッドレイアウト
- 2column、3columnバージョンなどあらかじめ構成要素を規定。→column.css
CSS導入後の実効果
- HTMLコード量（行数・文字数）が50%近く軽減できた。
- 作業量が1/3まで削減できた。
- サイトパフォーマンスの向上（表示スピードアップ）
- コーダーのスキルに左右されない
Macromedia Webサイトの運営術のキモ（まとめ）
- 画面Area定義
- Dreamweaverテンプレートの活用
- グリッドレイアウト