빈 화면을 다음 행동으로 연결하는 empty state 카피 프롬프트
변수 입력4개
무엇을 해결하나
데이터가 아직 없거나 검색 결과가 없거나 권한이 없을 때 각각 다른 원인과 다음 행동을 알려주는 문구를 만들 때 사용합니다.
준비할 정보
- 실제 적용할 환경과 대상 범위를 먼저 적습니다.
- 현재 상태와 기대 결과를 숫자나 예시로 준비합니다.
- 운영 데이터, 개인정보, secret은 제거하거나 안전한 placeholder로 바꿉니다.
- 변경 작업이라면 승인자, backup, rollback 가능 여부를 확인합니다.
복사해서 쓰는 프롬프트
다음 empty state를 설계해줘.
화면 목적: {{SCREEN_PURPOSE}}
빈 이유 후보: {{EMPTY_REASONS}}
가능한 행동: {{AVAILABLE_ACTIONS}}
권한 조건: {{PERMISSIONS}}
상태별 제목, 설명, 주 CTA, 보조 링크, 일러스트 필요 여부를 작성해줘.실행 순서
- placeholder를 실제 환경 정보로 바꾸되 secret 값은 입력하지 않습니다.
- 먼저 조회와 미리보기로 대상 범위, 권한, 현재 상태를 확인합니다.
- 결과가 예상과 맞을 때만 가장 작은 단위로 실행하거나 초안을 생성합니다.
- 변경 전후의 수치와 화면을 같은 조건에서 비교해 기록합니다.
- 이상이 있으면 작업을 넓히지 말고 중단 조건과 rollback 절차를 따릅니다.
결과 확인
신규 사용자, 필터 결과 없음, 로딩 실패, 권한 없음 상태를 각각 재현하고 CTA가 막힌 흐름 없이 성공하는지 확인합니다.
검수 결과에는 확인한 사실, 아직 확인하지 못한 가정, 다음 행동을 분리해서 남깁니다. 다른 사람이 같은 입력으로 재현할 수 있도록 환경과 확인 시각도 함께 기록하면 좋습니다.
주의사항
모든 빈 화면을 ‘아직 없어요’로 처리하지 않습니다. 권한 부족이나 시스템 오류를 사용자가 데이터를 만들지 않은 상황처럼 표현하지 않습니다.
AI가 만든 설명과 명령은 초안입니다. 실제 제품 버전과 조직 정책, 공식 문서를 대조하고 영향이 있는 작업은 dev나 격리 환경에서 먼저 검증하세요.
댓글 0개
아직 댓글이 없습니다.
