첫 페이지  /  All  / 전환율이 높은 모바일 팝업 디자인 방법: 심층 가이드

전환율이 높은 모바일 팝업 디자인 방법: 심층 가이드

휴대폰은 우리 삶의 필수적인 부분이 되었습니다. 그들은 끊임없이 우리와 함께합니다.

인터넷에서 뭔가를 빨리 확인해야 할 때, 우리는 집에 와서 컴퓨터를 켜고 나서야 답을 찾을 때까지 기다리지 않을 것입니다. 대신, 우리는 휴대폰을 사용하여 모든 것을 즉시 알아낼 것입니다.

대부분의 사람들이 그렇게 생각하고 있으며, 이러한 이미 확립된 추세를 인식하여 오늘날에도 대부분의 웹사이트는 휴대폰에 최적화되어 있습니다.

소셜 네트워크와 다양한 플랫폼에는 오랫동안 Android용 Play Store나 Apple 기기 사용자용 App Store를 통해 다운로드할 수 있는 애플리케이션 형태의 자체 버전이 있었습니다.

그리고 우리는 이것이 비즈니스 수행을 확실히 촉진하고 우리가 관심을 갖는 모든 것을 놓치지 않으려는 우리의 욕구를 충족시킨다는 데 동의해야 합니다.

통계 모바일 인터넷 트래픽에 대해 매우 중요한 정보를 알려주세요:

  • 미국에서는 소비자가 모바일 시간의 90%를 앱에서 보냅니다.
  • 모바일 인터넷의 일일 미디어 소비량은 504년 이후 2011% 증가했습니다.
  • 2019년에는 순 모바일 인터넷 사용자 수가 3,986억 4,388만 명에 달했습니다. 총 활성 인터넷 사용자 수는 XNUMX만명입니다.

결론은 간단합니다. 모바일 인터넷 트래픽은 증가하고 있으며 앞으로도 계속 증가할 것입니다. 그렇기 때문에 최대한 활용해야 합니다.

팝업은 마케팅 전략의 중요한 부분이며 방문자의 관심을 끄는 가장 효과적인 방법 중 하나입니다.

목적을 달성하려면 나머지 웹사이트와 마찬가지로 모바일 반응형이어야 합니다.

이 기사에서는 2020년에 전환율이 높은 모바일 팝업을 만드는 방법을 보여 드리겠습니다.

모바일 반응형 팝업을 갖는 것이 왜 중요한가요?

웹사이트의 모든 내용은 Google 검색 순위에 영향을 미칩니다. 결과에서 누가 가장 높은 자리를 차지하는지를 결정하는 요소는 다양하며 거의 매일 변경됩니다.

그러나 여전히 다음과 같은 몇 가지 요인이 남아 있습니다.

  • 페이지로드 속도
  • 텍스트의 가독성
  • 키워드 검색 옵션
  • 사용자 친화적인 경험
  • 낮은 반송률

기본적으로 사람들은 웹사이트가 로드될 때까지 기다리며 시간을 낭비하고 싶어하지 않습니다.

또한 방문자가 귀하의 웹사이트를 방문했을 때 제거할 수 없는 팝업이 표시되거나 크기가 모바일 친화적이지 않기 때문에 전달하려는 내용을 이해할 수 없는 경우 방문자에게 좋지 않은 경험을 제공할 수 있습니다.

당신은 처음부터 비전문적이라는 인상을 줄 것이며 사람들은 다시는 돌아오지 않고 웹사이트를 떠날 것입니다. 이로 인해 다시 Google에서 순위가 ​​낮아지고 전체적으로 순환 프로세스가 생성되어 이 경우 귀하의 비즈니스에 부정적인 영향을 미치게 됩니다.

그리고 당신은 확실히 그것을 원하지 않습니다.

모바일 팝업은 더 높고 더 나은 목표를 달성하기 위해 사용되어야 합니다.

그리고 거기에 성공적으로 도달하는 방법은 다음과 같습니다!

1. 적절한 팝업 도구를 선택하세요

전환율이 높은 모바일 팝업을 디자인하려면 이 프로세스를 더 쉽게 만들고 시간을 절약할 수 있는 도구가 필요합니다.

간단한 드래그 앤 드롭 인터페이스 원리로 작동하고 초보자도 사용할 수 있는 도구가 있기 때문에 개발자나 디자이너의 지식이 없어도 사용할 수 있습니다.

모바일 반응형 팝업을 생성하는 옵션이 포함된 팝업 도구를 선택하세요. 이건 매우 중요합니다.

그러한 도구 중 하나는 팝틴, 이를 통해 몇 분 안에 놀라운 모바일 팝업을 만들 수 있습니다.

BigCommerce 팝틴 편집기를 위한 최고의 팝업 앱

2. 시각적으로 매력적인 모바일 팝업 디자인 만들기

2020년에 사람들은 마케팅 담당자가 자신의 서비스나 제품을 판매하기 위해 최선을 다한다는 사실에 이미 익숙해졌습니다. 그래서 그들은 그러한 제안을 거의 자동으로 거부하는 경향이 있습니다.

그러나 당신이 할 수 있는 일은 모든 것과 대조되고 사용자의 관심을 보다 효과적으로 끌 수 있는 모바일 팝업을 만드는 것입니다.

귀하의 팝업은 웹 사이트의 시각적 아이덴티티에 적합할 수도 있지만 조금 다를 수도 있고 더 눈에 띌 수도 있습니다.

사용 가능한 옵션을 활용하고 글꼴, 색상 및 배경을 변경하여 모든 사람의 관심을 끌고 보고 제공되는 내용에 대해 자세히 알아볼 수 있는 완벽한 세트를 만드십시오.

모바일 팝업 팝업 팝업 예

이 예에서는 가장 중요한 세그먼트가 어떻게 강조 표시되는지 확인할 수 있습니다. 할인율을 나타내는 숫자 자체는 밝은 빨간색으로 표시되며 팝업에 표시된 다른 모든 텍스트보다 훨씬 큽니다.

클릭 유도 버튼은 다른 버튼보다 확실히 눈에 띄며 문자 그대로 방문자에게 특정 권한을 제공하는 작업을 요구합니다.

이와 같은 제안을 사용하면 대상 그룹에 추가 가치를 제공하고 큰 할인으로 보상하므로 이메일 목록을 확장하고 판매를 생성하는 데 성공할 가능성이 훨씬 더 높습니다.

3. 거부할 수 없는 제안을 보여주세요

사업을 할 때는 상대가 누구인지 알아야 합니다. 물론, 우리는 귀하의 대상 그룹에 대해 이야기하고 있습니다.

청중의 욕구와 필요를 인식할 때만 청중이 거절할 수 없는 훌륭한 제안을 정의할 수 있습니다.

이러한 제안 중 일부는 다음과 같습니다.

  • 뉴스레터 구독
  • 경품 응모 초대
  • 할인 혜택을 누릴 수 있는 기회
  • 2+1 무료 제품과 같은 액션
  • 전자책이나 온라인 강좌를 다운로드하세요.

또한 청중의 호감도에 따라 모바일 팝업에서 눈에 띄는 카피를 만드는 데 사용할 제안을 결정해야 합니다.

4. CTA 지우기 버튼을 활용하세요

CTA 버튼에는 몇 단어 이상이 포함되어서는 안 됩니다. “문의하기","로그인하세요","확인" 등도 비슷합니다.

쿠폰을 보내주세요”위의 예에서 본 것처럼.

방문자가 취하기를 원하는 작업은 단 한 번의 클릭만으로 가능하므로 CTA 버튼은 명확하고 단순해야 합니다.

창의 전체 색상 구성표와 대조되고 더욱 효과적이게 만들어 나머지 모바일 팝업과 차별화되는 점을 기억하세요.

5. 전체 화면 공간을 가리지 마십시오.

귀하의 제안에 대해 방문자의 관심을 끌고 싶더라도 모바일 팝업이 전체 화면을 차지해서는 안 됩니다. 특히 모바일 장치의 화면은 데스크톱보다 훨씬 작습니다.

첫째, 방문자가 갑자기 자신이 있던 페이지를 더 이상 볼 수 없기 때문에 방문자를 혼란스럽게 할 가능성이 매우 높으며 방문자가 귀하의 웹사이트를 떠나기로 결정할 가능성이 매우 높습니다.

둘째, 방문자에게 팝업을 끄고 중단된 부분부터 계속할 수 있는 옵션을 제공하려면 "X" 버튼이 충분히 표시되어야 합니다.

다음 예시처럼 웹사이트 페이지가 보일 만큼 충분한 공간을 남겨두시면, 잘 디자인된 팝업이 확실히 눈에 띌 것입니다.

모바일 팝업 팝업 팝업 예

6. 트리거링 옵션을 현명하게 사용하세요

솔직히 말해서, 웹사이트에 들어가자마자 자신이 원하는 것을 실제로 찾을 수 없는 팝업을 보고 싶어하는 사람은 아무도 없습니다.

이때 트리거가 작동하게 됩니다.

거부할 수 없는 제안을 팝업 창에 표시하기에 가장 좋은 시기는 방문자가 이미 관심을 보였을 때입니다.

선택할 수 있는 다양한 트리거 옵션이 있습니다.

BigCommerce Poptin 트리거링 옵션을 위한 최고의 팝업 앱

가장 중요한 것은 다음과 같습니다.

  • 방문자가 귀하의 웹사이트에서 보낸 특정 시간(초) 후
  • 페이지의 일정 비율을 스크롤한 후
  • 일부 링크, 이미지 또는 기타 요소를 클릭할 때
  • 방문자가 웹사이트를 떠나기 시작하면

이탈 의도 기술은 방문객을 유지하려는 마지막 시도를 의미하기 때문에 매우 중요한 아이템이며, 이때는 어떤 특별한 가치나 USP(Unique Selling Proposition)를 표현해야 하는 시점입니다.

모바일 팝업 팝업 모바일 팝업 예

우리가 말하려는 것은 방문자를 짜증나게 하고 싶지 않고 방문자가 CTA 버튼에 의해 명확하게 정의된 특정 행동을 취하도록 장려한다는 것입니다.

7. 테스트, 테스트, 테스트…

변환 모바일 팝업을 만들려면 이를 테스트하고 어떤 팝업 창이 청중에게 더 잘 반응하는지 확인해야 합니다.

결과를 측정하는 것은 매우 중요하며 중요한 지침을 제공할 것입니다.

A/B 테스트는 이러한 목적에 유용할 수 있습니다. 이 방법을 사용하면 두 개 이상의 서로 다른 모바일 팝업을 비교할 수 있으며 통계를 기반으로 어느 것이 주어진 목표에 더 잘 맞는지 확인할 수 있습니다.

대부분의 팝업 도구는 이미 기능의 일부로 이 옵션을 제공합니다.

히프 라인

모바일 팝업을 변환하는 데에는 분명히 몇 가지 어려움이 있지만 보시다시피 이를 극복할 수 있습니다.

실제로 많은 이점을 제공하고 전반적인 마케팅 전략의 큰 부분이 될 수 있으므로 사용을 포기할 이유가 없습니다.

이 기사의 팁을 따르면 모바일 팝업은 비즈니스 목표를 달성할 뿐만 아니라 실제 사용자 친화적인 경험을 만드는 데 도움이 될 것입니다.

이 전체 과정을 더 쉽게 만들고 변환 팝업을 생성하려면 다음을 제안합니다. Poptin 팝업 도구를 사용해 보세요 첫 번째 팝업은 몇 분 안에 완료될 수 있습니다!

Aazar Ali Shad는 기업가이자 성장 마케팅 담당자(해커 아님)이자 노련한 SaaS 전문가입니다. 그는 콘텐츠를 작성하고 배운 내용을 전 세계와 공유하는 것을 좋아합니다. Twitter @aazarshad 또는 aazarshad.com에서 그를 팔로우할 수 있습니다.