Anatomy
이 composition을 구성하는 역할과 정보 위계를 정리합니다.
Page header
작업 목적과 취소 같은 상위 행동을 짧게 정리합니다.
Form sections
필드 묶음마다 이유와 범위를 설명합니다.
Task context
현재 대상과 영향 범위를 옆에서 보조합니다. 별도 dashboard가 되지 않습니다.
Approval footer
검토 또는 실행처럼 결과가 생기는 행동을 마지막 단계에 모읍니다.
Usage
화면의 목적이 이 작업 방식과 맞을 때만 사용합니다.
수정, 제출, 승인처럼 시작과 끝이 분명한 작업에 사용합니다. 지속적인 비교·모니터링 업무에는 Workbench를 사용합니다.
How to use
정보와 행동의 순서를 유지하는 것이 핵심입니다.
Hierarchy
작업 목적 → 입력 → 문맥 → 결과/승인 순으로 진행합니다. Side panel은 사용자가 폼을 이해하는 데 필요한 정보만 담습니다.
Responsive
760px 이하에서는 page header, form section, task layout이 한 열로 바뀌고 sticky side/footer도 일반 흐름으로 내려옵니다.