公開日 : 2015年9月22日 (2019年1月26日 更新) カテゴリー : 情報設計 (IA) ウェブサイトの画面設計をまとめるにあたって、よく使うのが、ワイヤーフレームという手法です。ワイヤーフレームとは、線 (wire) で描かれた枠/骨格 (frame) という意味で、詳細なビジュアルデザインまでは施さない形の、画面構成図/画面設計書のことを言います。 なぜワイヤーフレームを作るのか? ワイヤーフレームには、大きくふたつの意義があります。 画面デザインの検討やスケッチとして 開発、制作、QAの過程でプロジェクト関係者が立ち返るドキュメント (仕様書) として 私自身は、前者はペーパープロトタイピングでやることが多く、ワイヤーフレームはその清書、つまり後者の、立ち返るドキュメント (画面設計の仕様書) として捉えています。 最近では、ワイヤーフレームの代わりに HTML+CSS+
![ワイヤーフレーム | Accessible & Usable](https://cdn-ak-scissors.b.st-hatena.com/image/square/9e74ec483ec251c7f19d80cd096bdc17d3007809/height=288;version=1;width=512/https%3A%2F%2Faccessible-usable.net%2Fimages%2Faccessible-usable_logo_ogp.png)