Success State
성공 상태
성공 상태는 작업이 완료되었음을 확인합니다. 지속되는 결과와 유용한 다음 단계를 보여줍니다.
Your guide is synced and ready for the team to use.
Continue to atlas실제 예시
결제는 영수증 ID R-4812로 완료됩니다. 페이지는 이를 한 번 확인하고, 영수증과 다음 진행 경로를 보여주며, 새로 고침 후에도 작동합니다. 서버가 확인하기 전에는 상태가 성공이 아니라 대기(Pending)로 표시되어야 합니다.
주요 부분
- 01확인
- 02결과 증거
- 03다음 목적지
사용할 때
중요한 작업이 확인되고 지속적인 결과를 보여줄 가치가 있을 때 이 용어를 사용하십시오.
다음 경우에는 사용하지 마세요
일반적인 토글을 축하하거나, 확인 전에 성공을 알리거나, 사용자가 다음 단계를 알지 못하게 하지 마십시오.
코드에서 사용된 이름
confirmed result → receipt + next step 출시하기 전에
Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states.
Outcome：Complete the task with 성공 상태 (Success State)。 User context：결제는 영수증 ID R-4812로 완료됩니다. 페이지는 이를 한 번 확인하고, 영수증과 다음 진행 경로를 보여주며, 새로 고침 후에도 작동합니다. 서버가 확인하기 전에는 상태가 성공이 아니라 대기(Pending)로 표시되어야 합니다. Recommended pattern：성공 상태 (Success State)。 Why it fits：중요한 작업이 확인되고 지속적인 결과를 보여줄 가치가 있을 때 이 용어를 사용하십시오. Do not use it when：일반적인 토글을 축하하거나, 확인 전에 성공을 알리거나, 사용자가 다음 단계를 알지 못하게 하지 마십시오. Product requirements: Define the default, loading, empty, error, success, and recovery states. Keep user input. Give clear feedback after every action. Accessibility and resilience: Use semantic HTML, full keyboard access, and visible focus. Make the layout work when zoomed and support reduced motion. Follow the project’s current rules. Do not add a new UI library unless the project already uses it. Acceptance criteria: The main task works with keyboard only and at 320px width. Focus and status changes are announced. Check loading, failure, retry, cancel, and reduced-motion paths. Evidence and limits (evidence boundary)：하나의 공식 표준이 전체 용어를 통제하지 않음. 의미는 팀, 플랫폼 또는 프레임워크마다 달라질 수 있음. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
이 요청을 확인하세요
Review how 성공 상태 (Success State) is used now. Definition: 성공 상태는 작업이 완료되었음을 확인합니다. 지속되는 결과와 유용한 다음 단계를 보여줍니다. Release checks: Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.