ワイヤーフレーム

ワイヤーフレームは、画面にどんな情報や操作部品をどこに置くかを、色や装飾を省いた線と箱だけで簡潔に示す、画面の設計図のことです。

見た目の好みに議論が流れるのを避け、画面の構成、情報の優先順位、画面から画面への流れに集中して検討するために使います。手書きでも、デザインツールでも作れます。

似た言葉の「モックアップ」は色や文字、画像まで入れて完成に近い見た目を示すもの、「プロトタイプ」は実際に操作して試せるものです。新規事業の初期は、ワイヤーフレームで顧客や開発者と認識を合わせ、必要に応じてモックアップやプロトタイプへ進むと、手戻りを少なくできます。違いはPoC・プロトタイプ・MVPの違いと進め方も参考になります。