ワイヤーフレーム

更新日:

用語解説

ワイヤーフレームは、画面の情報、部品、メニューの配置と優先順位を、色や装飾を省いて示す簡易な設計図です。

■ 試験で押さえるポイント

  • 見出し、画像、入力欄、ボタンの位置や、画面間のつながりを早い段階で確認します。

  • 修正が容易なため、要件の確認や初期の評価に向きます。

  • 雰囲気を共有するムードボードや、実際に操作できるプロトタイプとは目的が異なります。

■ 選択肢での判断ポイント

ムードボードやプロトタイプとの違いと、UX五段階モデルの骨格段階との対応が問われます。

例: 商品画面で、商品名、画像、価格、購入ボタンの配置を灰色の枠で示した図です。

音声で聞く

同じ分野の用語