ワイヤーフレームは、プロジェクトのレイアウト設計の非常に単純な視覚的表現であり、プロジェクトの基本的な側面をすばやく伝えるために使用されます。これはWeb開発で一般的に使用されていますが、他のドメインでも技術が採用されています。
非常に 類似した質問 ユーザーエクスペリエンススタックExchange、DA01について トップ投票の回答 の作成者は次のように述べています。
とは言え、ワイヤーフレームはアイデア/コンセプトを伝えるためのスケッチです。この用語は、ワイヤーフレームがオブジェクトの基本的なプリミティブである3Dモデリングに由来し、完全にレンダリングされたモデルにコミットすることなく、フォームとスケールの感覚を与えます。
Webサイトのコンテキストでは、ワイヤーフレームはプロジェクトのコンテキストに応じてさまざまな目的に使用されます。これらには以下が含まれます。
- サイトフロー（通常はフローチャートで行われます）
- 相互作用（ワイヤーフレームで文書化するのは必ずしも容易ではありませんが、一般的です）
- 一般的なコンテンツ構造
- 一般的なページレイアウト
ワイヤーフレームの例のカップル 、 Stack Exchange's Area51 の初期のスナップショットを次に示します。
Andreas Wulfの Wireframes：A Great Way to Start Development Projects InfoQの記事には、誰がワイヤフレームを使用しているかの概要が示されています。
誰がワイヤフレームを使用しますか？
ワイヤーフレームは、開発プロセスに関与するすべての人が利益を得ることができる効果的なコミュニケーションツールになります。
- クライアント-何が開発されるかについての理解を深め、ソリューションが彼らのニーズに適切に対処しているかどうかを判断できます。ユーザーは、ユーザーインターフェイスで何かが不足していないか、利用可能なアクション、およびインターフェイス要素がどのように組み合わされているかを確認できます。多くの場合、ワイヤーフレームをビジネスの利害関係者に提示すると、これまで考慮されていなかった重要な側面が浮かび上がります。ワイヤーフレーミングステージでの問題の修正は、コードで設定する場合、後で修正するよりもはるかに簡単で安価なので、これは良いことです。
- プロジェクトマネージャー-ワイヤーフレームを使用して、すべての関係者が同じページにいることを確認し、何を構築するかについて合意します。プロジェクトが進むにつれて、彼らはワイヤーフレームをチェックリストとして使用して、進捗状況を追跡し、重要なすべてのものが考慮および実装されていることを確認できます。
- デザイナー-ユーザーインターフェイスのビジュアルデザインの青写真としてワイヤーフレームに依存できます。ワイヤーフレームは、色、フォント、その他のデザイン要素を備えたピクセルパーフェクトなモックアップに変換できる骨格構造を提供します。
- 開発者-ワイヤーフレームを利用して、ソリューションの機能と技術要件を理解します。ストーリーボードにまとめられた一連のワイヤーフレームは、開発者が一連のユーザー操作をどのように連携させるかを決定するのに役立ちます。
参考文献：
- ワイヤーフレームの質問 ユーザーエクスペリエンススタック交換について、
- デザインをワイヤフレーム化する利点 。