본문 바로가기
기획자가 알아야 할 UX, UI

📌 알럿 창 vs. 컨펌 창 – 헷갈리지 말자!

by 일잘러로 살기 2025. 2. 11.

초보 UX/UI 디자이너나 기획자가 가장 많이 혼동하는 개념 중 하나가 바로 "알럿(Alert) 창"과 "컨펌(Confirm) 창"이에요.
비슷해 보이지만, 사용 목적과 버튼 구성이 다르기 때문에 명확하게 구분해서 사용해야 해요! 🚀


📌 알럿(Alert) 창이란?

💡 사용자에게 중요한 메시지를 전달하고, 확인만 받는 창이에요!

이미지 출처


📌 특징:

  • "확인" 버튼만 제공 (선택의 여지가 없음)
  • 단순한 알림 또는 경고를 전달할 때 사용

📌 예시:

  • "비밀번호가 변경되었습니다. 확인해주세요." (✅ 확인)
  • "네트워크 연결이 끊어졌습니다." (✅ 확인)
  •  "이벤트가 종료되었습니다." (✅ 확인)

🧐 ✅ 알럿 창을 언제 사용해야 할까요?

  • 사용자가 추가적인 조치를 취할 필요 없이, 단순히 내용을 확인하면 되는 경우
  • 중요한 정보나 시스템 상태 변경을 알릴 때
  • 경고 메시지를 전달할 때

📌 컨펌(Confirm) 창이란?

💡 사용자의 선택을 받는 창이에요!

이미지 출처



📌 특징:

  • "확인"과 "취소" 버튼이 함께 제공 (사용자의 선택 필요)
  • 사용자가 기능을 수행하기 전에, 실행 여부를 묻는 경우에 사용

📌 예시:

  • "파일을 삭제하시겠습니까?" (❌ 취소 / ✅ 확인)
  • "로그아웃 하시겠습니까?" (❌ 취소 / ✅ 확인)
  • "설정을 초기화하면 모든 데이터가 삭제됩니다. 진행하시겠습니까?" (❌ 취소 / ✅ 확인)

🧐 ✅ 컨펌 창을 언제 사용해야 할까요?

  • 사용자가 결정을 내려야 하는 경우
  • 중요한 작업(삭제, 초기화, 결제 등)이 실행되기 전에, 실수 방지를 위해 확인이 필요한 경우

📌 알럿 창 vs. 컨펌 창 – 차이점 정리!

비교 항목 알럿창 컨펌창
버튼 개수 1개 (✅ 확인) 2개 (❌ 취소 / ✅ 확인)
사용 목적 정보 전달 & 확인 요청 기능 수행 여부 확인
사용 예시 "비밀번호가 변경되었습니다." "이 파일을 삭제하시겠습니까?"
사용자 조작 필요 여부 ❌ 없음 (단순 확인) ✅ 있음 (결정 필요)

📌 기획 & 디자인할 때 주의할 점!

1️⃣ 알럿 창과 컨펌 창을 혼동하지 말 것!
  👉 단순히 내용을 전달하고 확인만 필요하면 알럿 창
  👉 사용자의 결정이 필요하면 컨펌 창

2️⃣ 컨펌 창의 문구는 명확하게 작성할 것!
  👉 ❌ "진행하시겠습니까?" (불명확)
  👉 ✅ "정말 이 파일을 삭제하시겠습니까?" (명확)

3️⃣ 취소 버튼이 필요한지 꼭 고민할 것!
  👉 단순한 정보 전달이라면 굳이 컨펌 창을 쓰지 말고, 알럿 창을 활용하세요!


이제 알럿 창과 컨펌 창의 차이, 확실히 이해됐죠? 😃
👉 단순 알림 = 알럿(Alert) 창
👉 결정이 필요 = 컨펌(Confirm) 창