토스트 vs. 알림
짧은 답변
Toast는 작업을 멈추지 않는 짧은 메시지야. Alert은 놓치면 안 되니까 화면에 머물거나 작업을 중단시켜.
완료된 작업을 확인할 때는 토스트를 사용하세요. 실패, 위험, 또는 즉각적인 주의가 필요한 선택에는 알림을 사용하세요.
각 패턴이 무엇을 하는지 확인하세요
각 예제를 시도해 보세요. 그런 다음 그것이 수행하려는 작업에 대해 읽어보세요.
Toast
↗ 토스트 알림
Toast는 짧은 상태 메시지야. 화면을 막지 않고 보통 혼자 사라져.
자동 저장 후, “변경사항이 저장되었습니다”라는 메시지가 모서리에 조용히 뜨고 한 번만 안내돼.
- 사용할 때
- 답변이 필요 없는 저위험 확인용으로 사용하세요.
- 다음 경우에는 사용하지 마세요
- 중요한 오류나 사람들이 반드시 읽고 따라야 하는 지침에는 절대 사용하지 마세요.
- 코드에서 사용된 이름
role="status"
macOS Alert
↗ macOS Alert
macOS Alert는 중요한 선택, 실패, 상태를 알리는 시스템 창이에요. 무조건 확인하고 대답해야 해요.
저장되지 않은 문서를 닫으면 저장, 취소 또는 변경 사항 폐기를 묻습니다. 가장 안전한 기본값은 명확합니다.
- 사용할 때
- 현재 작업을 안전하게 진행하기 전에 중요한 조건이 답변이나 선택을 필요로 할 때만 사용하십시오.
- 다음 경우에는 사용하지 마세요
- 뻔한 성공 메시지, 복구 가능한 인라인 유효성 검사, 되돌릴 수 있는 행동에 대한 확인은 피하세요. 반복되는 알림은 사람들이 읽지 않고 닫아버리게 만들어요.
- 코드에서 사용된 이름
AppKit NSAlert / SwiftUI alert
빠른 비교
| UI 패턴 | 이런 경우에 가장 좋아요 | 대상 아님 | 코드에서 사용된 이름 |
|---|---|---|---|
| 토스트 알림Toast | 답변이 필요 없는 저위험 확인용으로 사용하세요. | 중요한 오류나 사람들이 반드시 읽고 따라야 하는 지침에는 절대 사용하지 마세요. | role="status" |
| macOS AlertmacOS Alert | 현재 작업을 안전하게 진행하기 전에 중요한 조건이 답변이나 선택을 필요로 할 때만 사용하십시오. | 뻔한 성공 메시지, 복구 가능한 인라인 유효성 검사, 되돌릴 수 있는 행동에 대한 확인은 피하세요. 반복되는 알림은 사람들이 읽지 않고 닫아버리게 만들어요. | AppKit NSAlert / SwiftUI alert |
출시하기 전에
- 01
그 사람이 해야 할 일을 적으세요.
- 02
키보드, 포커스, 터치, 확대/축소, 로딩, 비어 있음, 오류 상태를 테스트하세요.
- 03
사람들이 마우스 오버나 동작 없이 동일한 정보를 얻을 수 있도록 하세요.
- 04
작은 화면과 큰 화면에서 실제 콘텐츠로 테스트하세요.
04
비교 요청 복사 가능
팀이 패턴 사이에서 선택하는 데 도움이 필요할 때 이것을 복사하세요.
실제 사용자 흐름에 가장 적합한 패턴을 토스트 알림 (Toast)、macOS Alert (macOS Alert)에서 선택하세요. 이 규칙 사용: Toast는 작업을 멈추지 않는 짧은 메시지야. Alert은 놓치면 안 되니까 화면에 머물거나 작업을 중단시켜. 작업, 콘텐츠 양, 흐름 중단 비용을 기록하세요. 키보드, 터치, 로딩, 오류, 축소 동작을 확인하세요. 선택 이유를 설명한 후 프로젝트 디자인 시스템으로 가장 작은 접근 가능한 버전을 만드세요.