1. ワイヤーフレームとは
何なのか問題について
画像：ワイヤーフレーム – Google 検索 より
1

2. そもそもワイヤーフレーム
とは何か
• 言葉の由来的には、3DCGのモデリングまたは
レンダリングの手法。あるいは、その手法に
よって描画された3DCGそのもの。
2
画像：ワイヤーフレーム 3DCG – Google 検索 より

3. webでのワイヤーフレーム
• 1990年代後半から2000年初頭頃は、歴史的経緯か
ら、webサイト(webページ)の設計を見た目ベース
で行うことが多く、グラフィック的な作り込みを
する前のデザイン設計（ラフデザイン）において、
ワイヤーフレームの手法が用いられた。
• したがって、かつてはデザイナーがワイヤーフ
レームを作成していた。
• なぜならレイアウトのスタディだから。
3

4. その時歴史が動いた
• 2000年代以降、大手のweb制作会社なども現れ、個人で完
結する仕事は減り、仕事は大規模化・複雑化。制作会社は
制作作業を分業するようになる。
• 発注側と、サイトに実装する機能やコンテンツの要件を詰
める段階（コンセプト定義等）から、ワイヤーフレームを
傍らに置いて（肴にして）進行するようになった。
• つまり、ワイヤーフレームが、レイアウトのスタディ用で
はなく、要素決め・コンテンツ決めのために使われるよう
になったのである！
4

5. ワイヤーフレームは
コンテンツ仕様を決めるツール
• 結果として、ワイヤーフレームはコンテンツ仕様を決
めるためのツールとして使われている。
• しかし、なまじレイアウトっぽい雰囲気をかもしてい
るために、なぜだかデザインの話になってしまいがち
である。
• デザイナーが作っていればまだしも、営業やwebディ
レクターが作成している場合も多いため、ワイヤーフ
レームでデザインの話をするのは危険。
5

6. 「ワイヤーフレーム」が何なのか、
最初に必ず合意をとろう
• 当該プロジェクトにおいて、「ワイヤーフレー
ム」が何なのかを関係者ですり合わせておく。
• レイアウト設計書なのか？
• ページ内要素の仕様を設計をしているものなのか？
• コンテンツを文言まで設計したものなのか？
• スポットで発注する外部デザイナーにも、あらか
じめすり合わせておく必要アリ。
• そのワイヤーフレームは何なのかの合意が必要。
• 要素仕様の設計書なのか、デザイン指示書なのか、等
6

7. おくづけ
• このスライドに加筆していくと良さげなトピック
等ありましたらご連絡ください。
• 作者 森田 雄
• https://necomesi.jp/blog/securecat
• https://twitter.com/securecat
• ワイヤーフレームとは何なのか問題について
• Rev 001, 2019/12/5
7