Screen Names

画面呼称

画面のどこを指しているかを、発注者・実装者・AIで揃えるための共通語です。

追加指示では「どの画面の」「どの場所に」「どの操作を置くか」を具体的に伝えると、実装のずれを減らせます。このページでは、管理側と公開側でよく使う画面呼称を図とテキストで整理します。

管理側

管理側の一覧画面。サイドメニュー、メインエリア、一覧上部ボタン、行ボタン、サイドパネルが表示されています。
管理側のダイアログ表示状態。一覧画面の上にダイアログが重なって表示され、上部に固定バーがあります。
メインエリア一覧、詳細、編集画面など、選択中の業務画面を表示する中央の作業エリアです。
サイドメニュー画面左側に置く主要メニューです。顧客、案件、タスク、設定などの画面へ移動します。
サイドパネル一覧を見たまま、右側または左側に詳細、編集、履歴、補足情報を表示する領域です。
ダイアログ現在の画面の上に重ねて表示する小窓です。確認、選択、詳細表示、少数項目の編集に使います。
ダイアログの固定バーダイアログ内で保存、キャンセル、実行などの主要操作を常に押せるように固定するバーです。
一覧上部ボタン一覧全体に対する操作を置くボタンです。新規登録、CSV出力、一括処理、検索条件の操作などに使います。
行ボタン一覧の各行に対する操作を置くボタンです。詳細、編集、削除、ステータス変更など、対象レコードが1件に決まる操作に使います。

公開側

公開側の画面構成。ヘッダ、グローバルナビ、サイドメニュー、ヒーロー、セクション、CTA、フッターが表示されています。
ヘッダページ上部に共通表示する領域です。ロゴ、サービス名、主要リンク、ログイン導線などを配置します。
フッターページ下部に共通表示する領域です。会社情報、補助リンク、規約、問い合わせ導線などを配置します。
グローバルナビサイト全体の主要ページへ移動するためのナビゲーションです。通常はヘッダ内またはヘッダ直下に配置します。
サイドメニューページ内カテゴリや下層ページへ移動するための補助メニューです。ドキュメントやマイページなど、情報量が多い公開画面で使います。
ヒーローページ上部で、タイトル、主要メッセージ、画像などを使ってページの主題を伝える領域です。
セクション本文を目的ごとに分けたまとまりです。セクションタイトルと本文テキストを組み合わせて内容を整理します。
CTA相談する、資料を見る、申し込むなど、ユーザーに次の行動を促すボタンや導線です。

指示での使い方

場所と対象をセットで伝えます。 例:「顧客一覧の一覧上部ボタンにCSV出力を追加」「各行の行ボタンから詳細ダイアログを開く」「公開側のヘッダに料金ページへのグローバルナビを追加」のように指定します。