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

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

PRND
PRND
2023년 11월 9일

두줄요약

헤이딜러 제품팀이 팝업과 모달의 닫기 가능 기준을 UX 관점에서 정리했습니다. 응답 필수 여부에 따라 Strong/Weak를 구분하고 X버튼 노출 기준도 제시했습니다.

핵심 내용

  • 헤이딜러 제품팀의 팝업 UX 기준 정리
  • Material Design의 BottomSheet와 유사한 개념으로 Modal, Non-Modal 구분
  • 사용자의 응답 강제 여부에 따라 닫기 가능 여부와 X버튼 노출 기준 결정

적용해볼 점

  • Strong Modal은 응답 필수로 보고 바깥 클릭, 당겨서 닫기 비활성화
  • Weak Modal은 닫기 허용, X버튼 여부로 강도 판단
  • 모달 위에 모달이 뜨는 상황은 지양

다음 읽기

#Android 주제를 이어서 읽기

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

헤이딜러 UX 스터디는 닫기와 뒤로가기를 화면 깊이가 아니라 맥락으로 구분하는 기준을 정리했습니다. 모달은 닫기, 이전 페이지 흐름은 뒤로가기를 쓰는 방식으로 일관성을 맞췄습니다.

PRND
PRND
프론트엔드

댓글 0개

댓글을 작성하려면 로그인이 필요합니다.

댓글을 불러오는 중...