아카이브사이트맵
© 2026 Rayon. All rights reserved.
DevDay
아티클랭킹스페이스채용
헤이딜러 favicon헤이딜러

팝업, X 버튼은 언제 보여줘야 할까? 헤이딜러 UX 스터디 공개!

by DD
2023-11-09
2년 전
조회수 9

헤이딜러 제품팀의 팝업 동작 기준을 정의하기 위한 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의 강도를 판단하고, 사용자에게 명확한 피드백을 제공해야 한다. 따라서 팝업 디자인 시, 사용자의 이탈 방지와 사용성 향상을 위해 닫기 기준을 신중하게 결정해야 한다.

팝업은 어떤 경우에 닫을 수 있게 해야할까?(X버튼은 언제 보여줘야 할까?)— 헤이딜러 UX 스터디
중급
리뷰
Android
UX
Mobile
원문 읽기
원문 읽기

댓글 0

첫 번째 댓글을 남겨보세요!

관련 추천 글

헤이딜러, 닫기와 뒤로가기 UX, 명확한 기준을 세우다!

헤이딜러 로고

GitHub Mobile, Copilot 세션 필터/정렬 기능 강화

깃헙 로고

Android 17, 지능형 시스템으로의 진화 시작!

프로덕트 헌트 로고

Android 앱 의도치 않은 변경, Manifest Shield로 막으세요!

네이버 D2 로고

Android CLI 출시, AI 에이전트 기반 앱 개발을 3배 빠르게!

해커뉴스 로고

Android, 앱 스토어 정책 대격변!

테오 로고
헤이딜러 favicon헤이딜러
중급
리뷰
Android
UX
Mobile

관련 추천 글

헤이딜러, 닫기와 뒤로가기 UX, 명확한 기준을 세우다!

헤이딜러 로고

GitHub Mobile, Copilot 세션 필터/정렬 기능 강화

깃헙 로고

Android 17, 지능형 시스템으로의 진화 시작!

프로덕트 헌트 로고