사용자 경험을 향상시키는 모바일 친화적 인 팝업을 만드는 방법

지선 길 2025년 03월 02일

웹 사이트에 팝업을 배치하여 새로운 가입자를 수집하거나 방문자에게 구매 보너스를 동기를 부여하는 경우 모바일 대응에주의를 기울여야합니다. 많은 잠재 고객이 스마트 폰에서 귀하의 사이트를 방문하므로 회사와의 상호 작용의 모든 세부 사항이 편리해야합니다.

a 모바일 친화적 인 팝업 고객을 잃고 싶지 않은 온라인 비즈니스에는 필요합니다. 이 기사는 팝업을 모바일 친화적으로 만드는 방법에 대해 논의하고 기존 고객을 유지하고 새로운 고객을 유치합니다.

팝업의 데스크탑 버전을 복사하여 모바일 사이트에 사용할 수는 없습니다. 모바일 화면이 작고 마우스 커서가 없기 때문에 디자인은 달라야합니다. 글꼴, 이미지 및 사용자가 팝업을 얼마나 쉽게 닫을 수 있는지 고려해야합니다. 또한 모바일 사용자의 경험에 대한 특정 규칙이 있습니다. Google의 가이드 라인에 따르면 팝업은 페이지 콘텐츠를 완전히 다루지 않아야합니다. 모바일 팝업은 사용자와 사이트와의 상호 작용을 향상 시키거나 복잡하지 않아야합니다.

통계 보여주다 모바일 팝업은 데스크탑보다 참여 및 전환율이 높습니다. 그렇기 때문에 모바일 팝업이 효과적으로 수행되도록 노력할 가치가 있습니다.

모바일 팝업을 설계 할 때 집중해야 할 사항을 공개합시다.

반응 형 디자인

회사는 종종 처음부터 팝업을 만들지 않고 팝업 빌더를 사용하기 때문에이 측면은 크게 플랫폼의 기능에 달려 있습니다. 일부 빌더는 팝업을 다른 화면 크기로 자동 조정합니다. 또한 많은 사람들이 미리보기 기능을 제공하므로 다양한 크기의 화면에서 팝업이 어떻게 보이는지 확인할 수 있습니다.

미니멀리스트 콘텐츠

이 지점은 모바일 화면에서 사용할 수있는 제한된 공간에서 비롯됩니다. 팝업에 필수 요소 만 포함하십시오 : 방문자와 통신하려는 주요 메시지와 CLE CTA 버튼. 글꼴은 가독성을 보장하기 위해 데스크탑 버전보다 더 광범위해야합니다.

모바일의 의도를 종료하십시오

데스크탑에서는 사용자가 웹 사이트 영역 밖에서 커서를 이동하여 닫을 때 종료 의도가 트리거됩니다. 그러나 이것이 모바일에서 어떻게 달성 될 수 있습니까? 사용자가 특정 기간 동안 비활성화되거나 뒤로 버튼을 누를 때 팝업을 트리거하도록 설정할 수 있습니다.

엄지 친화적 인 디자인

팝업의 닫기 버튼은 숨겨져서는 안됩니다. 그렇게하면 전환이 향상되지 않습니다. 방문객을 자극 할 가능성이 높습니다. 닫기 버튼을 쉽게 볼 수 있고 사용자가 탭할 수 있도록 편리하게 위치하도록 설계하십시오. CTA 버튼에도 동일하게 적용됩니다. 쉽게 접근 할 수 있고 엄지 친화적입니다.

  • 올바른 도구를 선택하십시오. 모범적 인 서비스를 선택하여 시작하십시오. 디자이너 나 개발자가 필요없이 모바일 팝업을 만들 수 있습니다. 일부 팝업 빌더는 무료 계획을 제공하므로 플랫폼의 유용성과 기능을 평가하는 데 좋습니다. 그러나 무료 버전에는 일반적으로 특정 제한 사항이 있습니다.
  • 명확한 목표 설정 : 새로운 가입자 수집, 피드백 및 추가 데이터 수집 또는 특정 제품 또는 페이지에주의를 기울이는 등 다양한 목적으로 팝업을 만들 수 있습니다. 이러한 목표는 팝업의 디자인, 타이밍 및 세분화에 영향을 미칩니다. 팝업 빌더가 고급 사용자 정의 옵션과 디스플레이 설정을위한 자세한 규칙을 제공 할 때 도움이됩니다.
  • 트리거를 설정하십시오. 트리거 디스플레이에 대한 다양한 규칙을 제공하는 팝업 서비스를 선택하십시오. 이를 통해 새로운 가입자와 고객을 유치하는 모바일 팝업을 생성하고 구성하는 데 도움이됩니다. 예를 들어, 캠페인을 시작하고 웹 사이트로 트래픽을 지시 한 경우 누군가가 소셜 미디어와 같은 특정 소스에서 사이트를 방문 할 때 팝업을 표시 할 수 있습니다. 또는 팝업의 특별 제안이 해당 지역에서만 유효한 경우 특정 지역의 방문자에게만 표시하도록 팝업을 설정하십시오.
  • A/B 테스트 : 하나의 팝업 버전 만 정리하지 마십시오. 사이트 방문자를 더 많이 참여시킬 수있는 것에 대해 생각하고 테스트하십시오. 예를 들어, 다른 CTA, 디스플레이 조건, 보너스 등을 시도하십시오. 일부 팝업 빌더에는 기능 중 A/B 테스트 도구가 포함되어 있으므로 추가 서비스가 필요하지 않습니다. 단순히 테스트를위한 팝업을 만들 수 있으며 시간이 지남에 따라 더 잘 수행 된 버전을 보여주는 자동화 된 결과를 얻을 수 있습니다.

팝업의 효과는 사이트의 모바일 버전에 대해 얼마나 잘 구성되는지에 따라 다릅니다. 많은 잠재적 가입자와 고객이 모바일 버전에 액세스하므로 팝업이 반응해야합니다. 이것은 디자인 및 디스플레이 조건에 모두 적용됩니다. 사용자는 CTA를 클릭하거나 버튼을 닫거나 필드에 데이터를 입력하더라도 팝업과 상호 작용하는 것이 편리하다는 것을 알 수 있습니다. 디스플레이 조건을 신중하게 설정하고 팝업을 테스트하여 효과적인 접근 방식을 찾으십시오.

Stephanie M.에 의해 출판

지선 길

세란달의 수석 작가이자 일류 영화 졸업생. 전자에서 석사 학위를 취득한 전문 각본가이자 감독으로서, 그의 다큐멘터리와 픽션 단편은 그를 영국 본토에서 많은 영화제로 이끌었습니다.

Leave a Comment

관련기사