팝업 및 모달 창에 대해 따라야 할 10가지 규칙

능숙하게 사용된 팝업이나 클릭하지 않은 모달 창은 아마도 뉴스레터 구독자를 유치하고 제품을 판매하며 일반적으로 메시지를 주목받는 가장 좋은 방법일 것입니다. 하지만 그들은 너무 짜증나!

문제는 때때로 너무 눈에 거슬리고 사용자가 지속적인 팝업이 쏟아지면 싫어한다는 것입니다. 이것이 마케팅 목적으로 팝업을 사용하는 것과 방문자를 행복하게 유지하는 것 사이에서 적절한 균형을 찾아야 하는 이유입니다. 다음은 팝업을 덜 성가시게 만들기 위해 따라야 할 10가지 기본 규칙입니다.

1. 팝업/모달을 단순하게 만들기

팝업은 실제로 볼 수 있기 때문에 팝업에 많은 것을 포함하고 싶을 수 있습니다. 이것은 큰 실수입니다! 첫째, 작은 장소에 많은 것을 담으면 어수선해지며 그 안에 묻어 있는 모든 사소한 세부 사항 때문에 중요한 것을 놓치기 매우 쉽습니다.

둘째, 팝업에 내용을 많이 넣을수록 사용자가 떠날 확률이 높아집니다. 예를 들어, 뉴스레터 구독자를 확보하기 위해 팝업을 사용하는 경우 사용자에게 이메일을 입력하도록 요청하는 것이 현명하지만 사용자가 입력해야 하는 수십 개의 텍스트 상자가 있는 팝업을 만들지 마십시오. 너무 많은 데이터를 요구하는 경우 사용자는 팝업을 닫고 사이트를 완전히 떠날 수도 있습니다.

따라서 팝업에 포함할 수 있는 요소는 로고, 이메일 주소 필드, 선택적으로 이름 필드, 구독 버튼, 그리고 물론 닫기 버튼입니다. 정말 필요한 경우 팝업에 짧은 비디오를 포함할 수 있지만 이렇게 하면 팝업 로드가 느려지고 눈에 거슬리므로 할 때 정말 주의해야 합니다.

2. 닫기 버튼을 눈에 잘 띄는 곳에 두십시오.

사용자에게 닫기 버튼은 그들이 좋아하지 않는 팝업의 가장 중요한 구성 요소입니다. 닫기 버튼을 크게 만들 필요는 없지만 충분히 크게 만들어야 하며 무엇보다 눈에 잘 띄는 곳에 두어야 합니다. 아래 스크린샷과 같이 닫기 버튼이 없으면 더 높은 전환율을 얻을 수 있다고 생각할 수 있지만 그렇지 않습니다. 사용자가 팝업이 마음에 들지 않고 팝업을 닫을 쉬운 방법이 없을 때 남은 것은 사이트를 떠나는 것뿐입니다. 이렇게 하면 판매뿐만 아니라 방문자도 잃게 됩니다.

3. 모든 페이지에 팝업을 표시하지 마십시오.

방문자는 팝업을 자주 접할수록 더 짜증을 냅니다. 따라서 독자가 귀하를 싫어하게 만들고 싶지 않다면 모든 페이지에 팝업을 배치하지 마십시오. 여기에서 선택하는 항목은 사용 중인 팝업 플러그인에 따라 다르지만 거의 모든 좋은 팝업 플러그인/스크립트를 통해 표시 일정을 미세 조정할 수 있습니다. 사용자가 특정 작업을 수행한 후(즉, 페이지에서 30초 이상을 보낸 후 N번째 페이지마다 특정 페이지에만 팝업을 표시하도록 선택할 수 있습니다. 이는 사용자가 콘텐츠에 관심이 있음을 나타냅니다. 페이지) 등

4. 사용자가 완전히 옵트아웃하도록 허용

일부 팝업을 사용하면 사용자에게 팝업을 완전히 선택 해제할 수 있는 선택권을 줄 수 있습니다. 사용자에게 이 선택권을 주는 것이 좋습니다. 사용자가 팝업을 보고 싶지 않은 경우 사용자가 팝업을 표시하도록 할 수 없기 때문입니다. 판매 손실에 대해 울지 마십시오. 사용자에게 팝업이 표시되지 않으면 대신 다른 광고를 클릭할 수 있으므로 이것은 정크 트래픽이 아닙니다.

5. 귀하의 사이트에 대한 자유방임자로 팝업을 사용하지 마십시오

몇 주 전에 나는 가끔 생각지도 못한 일을 우연히 발견했습니다. 제안을 작성하지 않으면 앞으로 나아갈 수 없다고 말하는 팝업이 나타납니다. 나는 이것이 사이트 소유자에게 커미션을 주는 일종의 제휴 제안이라고 생각하지만 나는 이 접근 방식에 충격을 받았습니다. 매우 나쁜 팝업 사용의 예를 제공하기 위해 사이트의 URL을 기록하지 않은 것이 정말 유감입니다. 하지만 불행히도 이것이 완전히 용납될 수 없는 관행을 사용하는 유일한 사이트라고 상상할 수 없습니다.

특히 사용자에게 구매를 요청하는 경우 팝업을 사이트 입구로 사용하지 마십시오. 이것은 단순히 작동하지 않습니다. 사용자는 그렇게 멍청하지 않습니다!

6. 팝업에서 소리와 플래시를 (완전히) 피하십시오

텍스트 및 이미지 팝업이 너무 가늘어 보일 수 있으며 약간의 자극을 주고 싶을 수 있지만 주의해야 합니다. 몇 년 전 Net이 젊었을 때 모든 디자인 초보자는 페이지에 음악과 애니메이션을 포함하는 것을 거의 놓치지 않았습니다. 이것은 정말 짜증나는 일이었고 나는 그것을 과거의 것으로 분류하고 싶지만 불행히도 때때로 나는 팝업을 포함하여 웹에서 사운드와 Flash의 맛없는 사용을 봅니다. 비디오와 마찬가지로 꼭 필요한 경우에만 하십시오.

7. 여러 팝업 버전 테스트

당신은 천재일 수도 있고 처음 시도할 때 못을 박을 것이라고 생각할 수도 있지만, 삶에 대한 보다 현실적인 견해를 갖고 있다면, 당신은 처음에 성공했는지 결코 확신할 수 없다는 것을 인정하게 될 것입니다. 이것이 모든 방문자에게 팝업을 튀기기 시작하기 전에 여러 팝업 버전이 있는 작은 샘플에서 몇 가지 테스트를 수행하고 어떤 버전이 가장 잘 변환되는지 확인하는 이유입니다.

8. 빠른 팝업 만들기

팝업으로 저지를 수 있는 최악의 실수 중 하나는 팝업을 너무 두꺼워서 표시하는 데 오랜 시간이 걸리고 페이지가 로드되는 데 수천 년이 걸리는 것입니다. 비디오, 사운드 및 플래시는 뚱뚱한 팝업에 기여하지만 이미지만으로도(특히 로컬에 저장되지 않고 다른 곳에서 다운로드되는 경우) 팝업이 느려질 수 있습니다. 속도는 팝업을 단순하게 유지하는 또 다른 이유입니다.

9. 종료 팝업 고려

사용자에게 아무리 자비를 베풀더라도 페이지 팝업은 짜증을 유발합니다. 이를 피하기 위해 종료 팝업을 고려할 수 있습니다. 종료 팝업은 사용자가 페이지를 떠나려고 할 때 한 번만 표시되기 때문에 덜 자극적입니다. 그러나 종료 팝업은 여러 가지 형태로 제공되기 때문에 JavaScript 종료 경고 상자(아래 스크린샷 참조)는 확실히 짜증나므로 사용을 줄이는 것도 좋습니다.

10. 팝업 테스트

일반적으로 좋은 팝업 플러그인/스크립트는 이미 테스트되었으며 텍스트/이미지를 추가하기만 하면 준비가 완료되지만 모든 것이 제대로 작동하는지 확인하려면 다른 브라우저 또는 다른 플랫폼에서도. 가능하다면 가장 충성도가 높은 소수의 사용자에게 테스트를 요청할 수도 있습니다. 따라서 결함이 있는 경우 모든 사람이 볼 수 있도록 팝업을 실행하기 전에 발견할 수 있습니다.

현명하게 사용하면 팝업이 큰 역할을 합니다. 사용과 오용의 경계를 넘지 않도록 주의하십시오. 그러면 안전합니다. 그래야만 화난 방문자를 처리하는 대신 팝업의 이점을 누릴 수 있습니다.