テクノロジ系 / ユーザーインタフェース
ワイヤーフレーム
ワイヤーフレームは、画面の要素配置を簡素な線や枠で示した設計の下書きです。
もう少し詳しく
色や装飾を省き、どこに何を置くかという配置や構成だけを線や枠で表した画面の骨組みです。見た目を作り込む前に、構成や情報の優先順位を関係者で確認・合意するために使います。完成イメージの前段階の設計図にあたります。
試験での見方
例:色をつけず、どこに見出し・本文・ボタンを置くかを枠で示します。
テクノロジ系 / ユーザーインタフェース
ワイヤーフレームは、画面の要素配置を簡素な線や枠で示した設計の下書きです。
色や装飾を省き、どこに何を置くかという配置や構成だけを線や枠で表した画面の骨組みです。見た目を作り込む前に、構成や情報の優先順位を関係者で確認・合意するために使います。完成イメージの前段階の設計図にあたります。
例:色をつけず、どこに見出し・本文・ボタンを置くかを枠で示します。
配置・構成に絞った設計の下書きである点が問われます。UXデザインの骨格段階との関連を押さえましょう。