팝업창과 모달창의 공통점
특정 역영의 위치에 원하는 사이즈의 별도 레이어를 만들어 방문자에게 원하는 시점에 보여줍니다.
팝업창과 모달창의 차이점
팝업창의 경우 웹 시작과 동시에 띄우는 경우가 많지만 모달창의 경우 중간 중간 사용자에게 보여주는 경우가 많습니다.
즉, 현재 의도하는 목적과 상관없는 경우에는 주로 팝업창을 표시하고 관련있거나 다음 진행을 위해 필요한 내용에는 모달창을 사용한다는 차이점이 존재합니다.
또 다른 차이는 팝업창은 사용자가 원할 경우 브라우저의 옵션을 통해 열지 않도록 강제할 수 있는 기능이 있습니다. 그렇기 때문에 반드시 노출해야하는 부분은 모달창을 사용하는 것이 좋습니다.
예전에는 한 페이지가 로드되면 팝업창이 4~5개씩 뜨기도 했습니다. 하지만 이는 사용자 입장에서 일일이 X를 누르며 지워야하는 불편함이 존재하게 됩니다. 불필요한 팝업창의 등장은 강조해야하는 콘텐츠의 노출을 되려 떨어뜨리는 악효과를 낼 수 있습니다.
지나치게 많은 수의 팝업창 역시 지양해야 합니다.
(그럼에도 여전히 많은 페이지들은 팝업창을 띄웁니다. 사용자의 시선을 끌기에 팝업창이 유용하기 때문입니다.)
결론 : 그래서 최근 동향은 팝업창보다 모달을 씁니다.
팝업창
팝업창이란 현재 열려있는 브라우저 페이지에 또다른 브라우저 페이지를 띄우는 방식입니다. 창 + 창*n 입니다. 브라우저에서 이 창을 열기 닫기를 제어할 수 있습니다. (브라우저에서 팝업창을 강제로 막아놓을 경우 보이지 않는다)
모달창
모달창은 기존의 브라우저 페이지 위에 새로운 윈도우 창이 아닌, 레이어를 깝니다. 모달창은 제거를 하지 않고도 페이지를 이동하면 자연히 사라지게 됩니다. 기존의 페이지와 부모-자식 관계를 갖으며, 브라우저의 새 창 제어 옵션에는 전혀 영향을 받지 않습니다.
