프론트엔드
팝업은 어떤 경우에 닫을 수 있게 해야할까?(X버튼은 언제 보여줘야 할까?)— 헤이딜러 UX 스터디
두줄요약
헤이딜러 제품팀이 팝업과 모달의 닫기 가능 기준을 UX 관점에서 정리했습니다. 응답 필수 여부에 따라 Strong/Weak를 구분하고 X버튼 노출 기준도 제시했습니다.
핵심 내용
- 헤이딜러 제품팀의 팝업 UX 기준 정리
- Material Design의 BottomSheet와 유사한 개념으로 Modal, Non-Modal 구분
- 사용자의 응답 강제 여부에 따라 닫기 가능 여부와 X버튼 노출 기준 결정
적용해볼 점
- Strong Modal은 응답 필수로 보고 바깥 클릭, 당겨서 닫기 비활성화
- Weak Modal은 닫기 허용, X버튼 여부로 강도 판단
- 모달 위에 모달이 뜨는 상황은 지양