초보 UX/UI 디자이너나 기획자가 가장 많이 혼동하는 개념 중 하나가 바로 "알럿(Alert) 창"과 "컨펌(Confirm) 창"이에요.
비슷해 보이지만, 사용 목적과 버튼 구성이 다르기 때문에 명확하게 구분해서 사용해야 해요! 🚀
📌 알럿(Alert) 창이란?
💡 사용자에게 중요한 메시지를 전달하고, 확인만 받는 창이에요!
📌 특징:
- "확인" 버튼만 제공 (선택의 여지가 없음)
- 단순한 알림 또는 경고를 전달할 때 사용
📌 예시:
- "비밀번호가 변경되었습니다. 확인해주세요." (✅ 확인)
- "네트워크 연결이 끊어졌습니다." (✅ 확인)
- "이벤트가 종료되었습니다." (✅ 확인)
🧐 ✅ 알럿 창을 언제 사용해야 할까요?
- 사용자가 추가적인 조치를 취할 필요 없이, 단순히 내용을 확인하면 되는 경우
- 중요한 정보나 시스템 상태 변경을 알릴 때
- 경고 메시지를 전달할 때
📌 컨펌(Confirm) 창이란?
💡 사용자의 선택을 받는 창이에요!
📌 특징:
- "확인"과 "취소" 버튼이 함께 제공 (사용자의 선택 필요)
- 사용자가 기능을 수행하기 전에, 실행 여부를 묻는 경우에 사용
📌 예시:
- "파일을 삭제하시겠습니까?" (❌ 취소 / ✅ 확인)
- "로그아웃 하시겠습니까?" (❌ 취소 / ✅ 확인)
- "설정을 초기화하면 모든 데이터가 삭제됩니다. 진행하시겠습니까?" (❌ 취소 / ✅ 확인)
🧐 ✅ 컨펌 창을 언제 사용해야 할까요?
- 사용자가 결정을 내려야 하는 경우
- 중요한 작업(삭제, 초기화, 결제 등)이 실행되기 전에, 실수 방지를 위해 확인이 필요한 경우
📌 알럿 창 vs. 컨펌 창 – 차이점 정리!
비교 항목 | 알럿창 | 컨펌창 |
버튼 개수 | 1개 (✅ 확인) | 2개 (❌ 취소 / ✅ 확인) |
사용 목적 | 정보 전달 & 확인 요청 | 기능 수행 여부 확인 |
사용 예시 | "비밀번호가 변경되었습니다." | "이 파일을 삭제하시겠습니까?" |
사용자 조작 필요 여부 | ❌ 없음 (단순 확인) | ✅ 있음 (결정 필요) |
📌 기획 & 디자인할 때 주의할 점!
1️⃣ 알럿 창과 컨펌 창을 혼동하지 말 것!
👉 단순히 내용을 전달하고 확인만 필요하면 알럿 창
👉 사용자의 결정이 필요하면 컨펌 창
2️⃣ 컨펌 창의 문구는 명확하게 작성할 것!
👉 ❌ "진행하시겠습니까?" (불명확)
👉 ✅ "정말 이 파일을 삭제하시겠습니까?" (명확)
3️⃣ 취소 버튼이 필요한지 꼭 고민할 것!
👉 단순한 정보 전달이라면 굳이 컨펌 창을 쓰지 말고, 알럿 창을 활용하세요!
이제 알럿 창과 컨펌 창의 차이, 확실히 이해됐죠? 😃
👉 단순 알림 = 알럿(Alert) 창
👉 결정이 필요 = 컨펌(Confirm) 창
'기획자가 알아야 할 UX, UI' 카테고리의 다른 글
팝업 & 알림 관련 UI 용어 (0) | 2025.02.14 |
---|---|
네비게이션&메뉴관련 UI 용어 (0) | 2025.02.14 |
📌 시스템 팝업 vs. 레이어 팝업 – 뭐가 다를까? 🤔 (1) | 2025.02.11 |
서브 화면 & 레이어 팝업 – 언제, 어떻게 써야 할까? 🤔 (0) | 2025.02.11 |
앱 푸시, 기획은 쉬운데 개발은 까다롭다? 😵💫 (0) | 2025.02.11 |