홈페이지를 열자마자 이벤트 팝업이 뜨고, 그 위에 개인정보 동의 배너가 깔리고, 아래에서는 상담 챗봇이 말을 건다. 사장님 입장에서는 하나하나가 다 중요한 소식이지만, 손님이 보는 것은 정작 보러 온 화면을 가린 세 겹의 창이다. 손님은 그 세 개를 닫는 대신 뒤로가기 하나를 누른다.
팝업은 나쁜 도구가 아니다. 휴무 공지, 예약 마감, 신규 오픈처럼 지금 이 순간 반드시 전해야 하는 정보를 가장 확실하게 전달하는 수단이다. 문제는 도구가 아니라 설계다. 실제 제작 현장에서 팝업 때문에 이탈이 늘었던 사이트들을 정리해 보면, 고쳐야 할 지점은 대체로 다섯 가지로 좁혀진다.
1. 한 화면에 팝업은 한 장이다
가장 흔한 실수는 '중요한 게 여러 개니까 여러 개 띄우자'다. 하지만 손님의 주의는 하나씩만 쓰인다. 팝업이 두 장 겹치는 순간, 두 소식 모두 읽히지 않고 '닫아야 할 방해물'이라는 하나의 인상만 남는다.
- 공지가 여러 건이면 팝업 한 장 안에 목록으로 묶는다
- 순위를 매겨 이번 주에 띄울 하나만 남기고 나머지는 공지 게시판으로 내린다
- 동의 배너·챗봇처럼 상시 요소와는 반드시 시간차를 둔다
2. 첫 화면을 3초는 보여준 뒤에 띄운다
페이지가 뜨자마자 화면을 덮으면, 손님은 여기가 무엇을 파는 곳인지 확인도 못 한 채 판단을 강요받는다. 팝업을 조금 늦추는 것만으로 닫힘률은 눈에 띄게 달라진다.
추천하는 시점은 세 가지다. 진입 후 3~5초, 스크롤 30% 이상 내려간 순간, 그리고 페이지를 떠나려는 움직임이 감지된 순간이다. 앞의 둘은 '관심을 보인 사람'에게만 말을 거는 방식이고, 마지막은 이미 떠나기로 한 사람에게 마지막 제안을 하는 방식이다.
3. 닫는 길을 세 개 열어둔다
팝업에 대한 반감은 대부분 '못 닫아서' 생긴다. 닫기 버튼이 회색 실선으로 작게 박혀 있거나, 화면 밖으로 밀려나 있으면 손님은 사이트 자체를 의심하기 시작한다.
- 닫기 버튼은 최소 44×44px, 배경과 명확히 구분되는 색으로
- 배경(어두운 영역)을 눌러도 닫히게
- 키보드 ESC 키로도 닫히게
덧붙여, 팝업이 떠 있는 동안 뒤쪽 화면으로 탭 키가 넘어가지 않도록 잡아두는 것도 잊지 말자. 화면을 소리로 읽는 손님에게는 이 처리가 없으면 팝업이 열린 사실조차 전달되지 않는다.
4. '오늘 하루 보지 않기'는 옵션이 아니라 기본이다
같은 팝업을 방문할 때마다 다시 보여주는 것은, 단골에게 매번 같은 인사말을 강요하는 일과 같다. 체크 한 번으로 일정 기간 숨겨 주는 장치는 재방문 손님을 위한 최소한의 예의다.
기간은 내용에 맞춰 나눈다. 휴무·마감 같은 시의성 공지는 하루, 브랜드 캠페인은 7일 정도가 무난하다. 반대로 이미 신청을 마친 손님에게는 아예 다시 뜨지 않게 하는 조건까지 설계해 두면 좋다.
5. 모바일에서는 팝업 대신 띠 배너를 고려한다
손님 열에 일곱은 휴대폰으로 들어온다. 좁은 화면에서 전면 팝업은 사실상 페이지를 통째로 가린다. 게다가 구글은 모바일에서 본문을 과하게 가리는 삽입형 광고를 검색 순위에 불리하게 평가한다고 밝혀 왔다.
그래서 모바일에서는 화면 위나 아래에 붙는 얇은 띠 배너, 혹은 화면의 절반 이하만 차지하는 시트 형태가 안전하다. 같은 메시지라도 화면을 얼마나 점유하는지에 따라 손님의 체감은 완전히 달라진다.
띄운 다음에는 반드시 숫자를 본다
팝업은 만들고 끝내는 요소가 아니다. 노출 수 대비 클릭 수, 닫기까지 걸린 시간, 팝업이 뜬 페이지의 이탈률 세 가지만 봐도 '이 팝업이 일을 하고 있는지'는 금방 드러난다. 클릭은 거의 없는데 이탈률만 올랐다면, 그 팝업은 소식을 전하는 게 아니라 손님을 밀어내고 있는 것이다.
CYAN은 홈페이지를 만들 때 팝업을 '나중에 붙이는 기능'이 아니라 첫 화면 설계의 일부로 다룬다. 무엇을, 언제, 어느 크기로 띄울지를 미리 정해 두면 팝업은 방해물이 아니라 가장 빠른 안내판이 된다. 지금 우리 사이트에 팝업이 몇 장 떠 있는지부터 한번 세어 보시길 권한다.
