팝업, X 버튼은 언제 보여줘야 할까? 헤이딜러 UX 스터디 공개!
by DD
2년 전
조회수 7
헤이딜러 제품팀의 팝업 동작 기준을 정의하기 위한 UX 스터디 진행
Modal과 Non-Modal 개념을 도입하여 팝업 유형을 분류하고, 닫기 여부 결정
X 버튼 유무를 통해 Strong/Weak Modal을 구분하여 사용자 경험 개선
Modal과 Non-Modal의 명확한 구분
헤이딜러는 Modal과 Non-Modal 개념을 도입하여 팝업의 동작 방식을 정의했다. Modal은 정보 전달 또는 응답 요구 시 사용되며, 배경 Dim 처리를 통해 사용자의 집중을 유도한다. 따라서 사용자는 task를 완료하거나 취소하기 전까지 이전 화면을 볼 수 없다.
Strong/Weak Modal의 차이점
Strong Modal은 필수 응답을 요구하므로 닫기를 제한하고, Weak Modal은 선택적 응답이므로 닫기를 허용한다. X 버튼 유무는 Strong/Weak Modal을 구분하는 핵심 지표로 활용된다. 반면, Strong Modal에서는 닫기 버튼 대신 취소와 같은 텍스트 버튼을 사용한다.
팝업 디자인 시 고려사항
Modal 위에 Modal이 뜨는 상황은 최대한 지양해야 한다. X 버튼 유무를 통해 Modal의 강도를 판단하고, 사용자에게 명확한 피드백을 제공해야 한다. 따라서 팝업 디자인 시, 사용자의 이탈 방지와 사용성 향상을 위해 닫기 기준을 신중하게 결정해야 한다.
