一言でいうと
画面設計とは、ウェブサイトやアプリケーションで、ユーザーが見る画面をどのように作るかをあらかじめ計画することです。
もう少し詳しく
画面設計は、実際にプログラミングを始める前の大事な準備段階です。どこにボタンを置くか、どこにテキストを表示するか、どんなレイアウトにするか、といったことを決める作業です。
たとえば、お店の看板を作るときを想像してください。看板職人が実際に作り始める前に、デザイナーが「ここに店名を大きく書こう」「ここに営業時間を小さく書こう」と計画図を描きますよね。それと同じです。エンジニアがコードを書き始める前に、どんな画面にするかスケッチやワイヤーフレームという設計図を作ります。
画面設計では、ボタンの大きさ、色、配置、フォントサイズなど、見た目に関するあらゆることを決めます。これにより、誰が使っても分かりやすく、使いやすい画面が完成します。
よく使われる場面
システム開発の仕事では、エラーログサイトを作るときにも画面設計が重要です。エラー情報をどのように表示するか、どのボタンを目立たせるか、などを事前に設計しておくことで、スムーズな開発につながります。
関連する言葉
- ワイヤーフレーム：画面設計の設計図。線画のような簡単な図
- UI設計：ユーザーが操作する部分の設計
- UX設計：ユーザーが得られる体験全体の設計