本文へスキップ

テクノロジ系 / ユーザーインタフェース

ワイヤーフレーム

ワイヤーフレームは、画面の要素配置を簡素な線や枠で示した設計の下書きです。

もう少し詳しく

色や装飾を省き、どこに何を置くかという配置や構成だけを線や枠で表した画面の骨組みです。見た目を作り込む前に、構成や情報の優先順位を関係者で確認・合意するために使います。完成イメージの前段階の設計図にあたります。

試験での見方

黒猫の闇の刻印

配置・構成に絞った設計の下書きである点が問われます。UXデザインの骨格段階との関連を押さえましょう。

例:色をつけず、どこに見出し・本文・ボタンを置くかを枠で示します。

分類

テクノロジ系 / 技術要素 / ユーザーインタフェース

小分類:UX/UI デザイン

関連トピック:Web デザイン

情報の根拠

IPA FEシラバス Ver.9.2 の用語例をもとに、試験対策向けに独自解説しています。

関連用語

ユーザーインタフェースの用語一覧へ