レスポンシブレイアウトを見分ける

答え: レスポンシブレイアウト

• レスポンシブレイアウト — 利用できる画面幅に合わせて配置を再構成し、内容の順序と読みやすさを保っている。
• 視覚的階層 — 視覚的階層は何を先に認識させるかという優先度を扱う。ここでは画面幅の変化に合わせて配置そのものを再構成している。
• 行長 — 行長は一行の長さを扱い、読みやすさに関係するが、本文と補助情報を異なる画面幅へ再配置する判断全体とは異なる。
• マッピング — マッピングは操作と結果の対応関係を扱う。画面幅に応じた情報配置の変更そのものではない。

答え: 文字と部品が必要な高さへ広がり、周囲の配置もそれに合わせて流れ直すようにする

• 文字と部品が必要な高さへ広がり、周囲の配置もそれに合わせて流れ直すようにする — 文字サイズが変わっても内容と操作を保つには、固定寸法へ押し込まず再配置できることが重要になる。
• 画面に収まるまで利用者が拡大した文字を自動的に小さく戻す — 利用者の文字拡大を打ち消すため、読みやすさを保つ適応にならない。
• はみ出した本文とボタンを見えないように切り取る — 内容や操作を失うため、配置を適応させたことにならない。
• 全体を固定幅の画像のように縮小し、配置関係だけを維持する — 見た目の比率は保てても、文字や操作対象が小さくなり、利用条件への適応にならない場合がある。