뒤로
김규리
김규리 ·

UI 용어 'Modal'과 'Pop-up'의 차이를 아니?

UI 용어는 디자이너 뿐만 아니라 기획자도 알면 좋은데요

그러면 디자이너와의 소통이 원활해지고, 기획 의도를 명확히 전달하며 개발팀과의 협업 효율도 높아진답니다

오늘은 UI(User Interface)용어 중 Modal과 Pop-up에 대해 말아볼건데요

먼저 문제를 하나 내보겠습니다!

어떤 게 Modal일까요?

1.

IMG_0293.jpeg

출처 : 네이버 블로그

2.

IMG_0294.webp

출처 : EBS

* 정답은 1번 입니다 *

그렇다면 Modal과 Pop-up이 무엇인지 정확히 알아볼까요?

Modal은 사용자가 해당 창을 닫거나 조치를 취해야만 다른 작업을 진행할 수 있습니다

image.jpeg

이 창에서 취소나 확인을 눌러야지만 다른 작업을 할 수 있다는 거예요

반면 Pop-up은 창이 뜨더라도 다른 작업을 진행할 수 있습니다

image.png

굳이 저 광고 창을 닫지 않아도 다른 작업을 할 수 있다는 거예요

이제 Modal과 Pop-up의 차이를 아셨나요?

모르셨다면 이 글을 읽고 꼭 도움이 되셨으면 합니다 ㅎㅎ

PARD_CLUB 그룹의 글
1

댓글

로그인 후 댓글을 남길 수 있습니다.

김광일
김광일

정말 좋은 내용이라고 생각해요! 개발자들에게도 흔히 착각할 수 있을 법한 부분인데, 명확하게 짚어주셔서 감사해요!

나혜진
나혜진

안녕하세요. 내용이 좀 더 명확해야 할 것 같아서 의견 드립니다. 모달은 창을 컨트롤 하는 방법에 대한 용어이고요. 팝업은 창의 레이아웃에 대한 용어입니다. 두개가 비교 대상이 되기에는 적절하지 못한 것 같습니다. 팝업도 모달 팝업이 있고 모달리스 팝업이 있으며, 첫번째로 이미지 주신 건 팝업보다는 시스템에서 띄우는 컨펌창의 형태로 보여집니다. 컨펌창이나 얼럿창과 팝업은 별개의 개념입니다. 바텀시트도 모달 형태가 있고 모달리스 형태가 있으며, 레이어 팝업도 모달 형태가 있고, 모달리스 형태가 있습니다. 모달은 모든 창에 대해 컨트롤 하는 방법이고, 팝업은 여러 창의 형태 중의 하나 입니다. 내용에 대한 보완이 필요해 보이네요 ^^;