팝업은 어떤 경우에 닫을 수 있게 해야할까?(X버튼은 언제 보여줘야 할까?)— 헤이딜러 UX 스터디

간단 소개

헤이딜러 제품팀의 UX 스터디를 통해 팝업(Modal)의 사용 기준과 닫기 인터랙션에 대한 명확한 기준을 정립하고 공유합니다.

AI Summary

Modal vs Non-Modal 정의
- Modal은 정보 전달 및 특정 응답 요구 시 사용되며, 배경 dim 처리로 이전 화면 접근을 제한합니다.
- Non-Modal은 기존 화면과의 상호작용이 가능하며, 배경 dim 처리가 없습니다.
닫기 인터랙션 기준
- Modal의 경우, 응답 강제성에 따라 닫기 가능 여부가 결정됩니다. Strong Modal은 필수 응답을 요구하므로 닫을 수 없고, Weak Modal은 닫기가 가능합니다.
- Non-Modal은 액션을 강요하지 않으므로 닫기가 가능합니다.
Strong/Weak Modal 구분
- UI 디자인에서 X 아이콘 유무로 Strong/Weak Modal을 쉽게 구분할 수 있습니다.
- Modal 위에 Modal이 뜨는 상황은 최대한 지양해야 합니다.