プロンプトンAIへの頼みかたを探せるサイト
  1. トップ
  2. 仕事・会議
  3. 画面遷移と画面項目の定義書を作る

画面遷移と画面項目の定義書を作る

エンジニアやディレクターが、作る画面の一覧と移り方、各画面の項目・入力の決まり・エラーの出し方を、実装とテストに使える定義書にしたいとき(使う人: 社会人(若手・中堅)・フリーランス・副業)

1欄に書きこむ2コピーする3AIにはりつける
AIへの頼み方(プロンプト)

あなたは、Webやアプリの画面設計(画面の一覧・移り方・各画面の項目の定義)を数多くまとめてきたシステムエンジニアです。 私は画面の一覧と移り方、各画面の項目を定義書にしたいと思っています。立場、作るものの概要と使う端末、必要な機能、使う人と権限は下の記入欄のとおりです。記入欄の内容をもとに、画面遷移と画面項目の定義書を作ってください。

条件: - 画面の一覧(画面の名前・目的・使う人)を作り、画面どうしの移り方を「どの操作でどこへ」の表と、文字で描いた図で示してください - 画面ごとに、項目の名前・種類(入力、選択、表示)・必須かどうか・文字数や形式の決まり・初めの値・エラーの文を表にしてください - 一覧の画面は並び順・絞り込み・件数が多い時の扱い、入力の画面は確認と完了の流れ、取り消しの扱いを決めてください - データがない時、通信に失敗した時、権限がない時の表示を、画面ごとに書いてください - 決まっていない点は空欄にせず「未決」と書き、決めるための質問を添えてください 出力は、①画面の一覧、②画面遷移の表と図、③画面ごとの項目の定義、④例外の表示、⑤未決の点、の順でお願いします。 足りない情報があれば、作業を始める前に質問してください。

コツ設計で抜けやすいのは「データが0件の時」「通信が切れた時」「戻るを押した時」の3つです。正常な流れを書き終えたら、この3つを全画面で確かめてください。

画面遷移図と画面項目定義の作り方: よくあるつまずき

  • 正常な流れだけを設計し、データが0件の時や通信が切れた時の表示がない。
  • 項目の必須や文字数の決まりが書かれず、実装する人ごとに違う動きになる。
  • 決まっていない所が空欄のまま、誰かが勝手に決めてしまう。

AIの答えを、こう使う

  1. AIの画面一覧に抜けがないかを、利用者の操作を最初から最後までたどって確かめる。
  2. 項目の表は、必須・形式・エラーの文まで埋まっているかを見る。
  3. 0件・通信の失敗・権限なしの表示を、全画面で確かめる。

よくある質問

画面遷移図には何を描く?

画面の一覧と、どの操作でどの画面へ移るかです。表と図の両方があると、抜けに気づきやすくなります。

画面項目の定義には何を書く?

項目の名前、種類、必須かどうか、文字数や形式の決まり、初めの値、エラーの文です。実装とテストの両方で使います。

設計で抜けやすいのはどこ?

データが0件の時、通信に失敗した時、戻るを押した時、権限がない時です。正常な流れの後に必ず確かめます。

最終更新: 2026-10-02(作成: プロンプトン運営事務局・内容は公開時点の一般的な情報です)

RELATED

近いプロンプト

ユーザーテストの進め方と観察シートを作る

開発や企画の担当者が、試作品を実際の人に使ってもらって、つまずく所と改善点を見つけるユーザーテストの進め方と、記録のための観察シートを用意したいとき

使う人: 社会人(若手・中堅)・管理職・リーダー

広告