Moait
홈인기 피드모든 블로그모든 태그
홈인기 피드모든 블로그모든 태그
팝업은 어떤 경우에 닫을 수 있게 해야할까?(X버튼은 언제 보여줘야 할까?)— 헤이딜러 UX 스터디 섬네일

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

헤이딜러 favicon헤이딜러·Mobile·
Bottom SheetModalMaterial DesignNon ModalScrim
2023년 11월 09일0

AI 요약

이 글은 AI가 요약했어요. 정확한 내용은 꼭 원문을 확인해 주세요!

핵심 요약

헤이딜러가 팝업/모달의 사용 기준을 UX 스터디를 통해 정의했습니다. Modal과 Non-Modal 구분, Strong/Weak의 응답 강제 여부, 닫기 인터랙션 규칙과 다중 모달 피하기 원칙을 제시해, UX 일관성과 개발 커뮤니케이션을 향상시키는 것이 목표입니다.

주요 경험

  • 팝업 동작의 기준을 명확히 정의해 일관된 구현을 유도
  • Modal/Non-Modal 구분과 Strong/Weak 응답 포지션을 명시해 닫기 제어를 개선
  • 바깥 클릭/드래그 닫기/X 버튼 등 닫힘 인터랙션 규칙과 다중 모달 피하기 원칙을 정리

얻은 인사이트

  • 응답 필요 여부에 따라 닫힘 정책을 차등 적용하면 사용자 판단이 쉬워짐
  • 디자인-개발 간 의사소통이 개선되어 구현의 일관성이 상승
  • 향후 팝업/모달 설계에 재사용 가능한 규칙 세트를 마련할 수 있음

연관 피드

%가 높을수록 이 글과 비슷할 가능성이 높아요!
닫기와 뒤로가기, 어떻게 다를까? — 헤이딜러 UX 스터디 섬네일
81%

닫기와 뒤로가기, 어떻게 다를까? — 헤이딜러 UX 스터디

헤이딜러 favicon헤이딜러·2023년 11월 09일
이거도 모달, 저거도 모달, 이게 모람 섬네일
74%

이거도 모달, 저거도 모달, 이게 모람

똑똑한개발자 favicon똑똑한개발자·2021년 07월 21일
스켈레톤 로딩, 언제 사용해야 할까? — 헤이딜러 UX 스터디 섬네일
69%

스켈레톤 로딩, 언제 사용해야 할까? — 헤이딜러 UX 스터디

헤이딜러 favicon헤이딜러·2023년 11월 09일