프로그레시브 웹 앱이 비즈니스 성공을 이끄는 방법

Sébastien Fourault
Sébastien Fourault

프로그레시브 웹 앱은 웹사이트를 현대화하고 사용자의 새로운 기대에 적응하기 위한 많은 기업의 로드맵에 포함되어 있습니다. 많은 기술과 마찬가지로 PWA는 고객이 원하는 것인지, 비즈니스를 얼마나 성장시킬 수 있는지, 기술적으로 실현 가능한지 등의 질문을 제기합니다.

이해관계자를 파악합니다.
이해관계자를 파악합니다.

디지털 전략을 수립하기 위해 여러 이해관계자가 참여하는 경우가 많습니다. 제품 관리자와 최고 마케팅 책임자는 각 기능의 비즈니스 영향을 공동으로 소유하고, 최고 기술 책임자는 기술의 실현 가능성과 안정성을 평가하며, 사용자 경험 연구원은 기능이 실제 고객 문제를 해결하는지 검증합니다.

이 도움말에서는 이러한 세 가지 질문에 답하고 PWA 프로젝트를 구성하는 데 도움이 되도록 합니다. 고객의 니즈에서 시작하여 이를 PWA 기능으로 변환하고 각 기능의 비즈니스 영향을 측정하는 데 집중합니다.

PWA가 고객 니즈를 해결합니다.

Google에서는 제품을 만들 때 '사용자에게 집중하면 나머지는 저절로 따라온다'는 규칙을 따르고 있습니다. 사용자 중심 사고: 고객의 요구사항은 무엇이며 PWA는 이를 어떻게 제공하나요?

고객 니즈를 파악합니다.
고객의 니즈를 파악합니다.

사용자 연구를 진행할 때 몇 가지 흥미로운 패턴을 발견했습니다.

이러한 관찰에 따르면 고객은 빠르고, 설치 가능하며, 안정적이고, 흥미로운 경험 (F.I.R.E.)을 선호하는 것으로 나타났습니다.

PWA는 최신 웹 기능을 활용합니다.

PWA는 사이트를 빠르고, 설치 가능하며, 안정적이고, 몰입도 높게 만들어 고객의 요구사항을 충족하는 것을 목표로 하는 일련의 권장사항과 최신 웹 API를 제공합니다.

예를 들어 서비스 워커를 사용하여 리소스를 캐시하고 예측 프리캐시를 실행하면 사이트가 더 빠르고 안정적으로 작동합니다. 사이트를 설치 가능하도록 설정하면 고객이 홈 화면이나 앱 런처에서 바로 사이트에 액세스할 수 있습니다. 또한 웹 푸시 알림과 같은 API를 사용하면 맞춤 콘텐츠로 사용자의 재참여를 유도하여 충성도를 높이는 것이 더 쉬워집니다.

웹 기능으로 사용자 환경 개선
웹 기능을 사용한 사용자 환경 개선

비즈니스에 미치는 영향 이해하기

비즈니스 성공의 정의는 활동에 따라 다양할 수 있습니다.

  • 서비스에 더 많은 시간을 보내는 사용자
  • 리드의 이탈률 감소
  • 전환율 개선
  • 재방문자 증가

대부분의 PWA 프로젝트는 모바일 전환율이 높습니다. 다양한 PWA 우수사례에서 자세히 알아보세요. 목표에 따라 비즈니스에 더 적합한 PWA 측면에 우선순위를 둘 수 있으며 이는 전혀 문제가 되지 않습니다. PWA 기능은 선별하여 별도로 실행할 수 있습니다.

이러한 훌륭한 F.I.R.E 기능이 각각 비즈니스에 미치는 영향을 측정해 보겠습니다.

빠른 웹사이트가 비즈니스에 미치는 영향

최근 Deloitte Digital의 연구에 따르면 페이지 속도가 비즈니스 측정항목에 상당한 영향을 미치는 것으로 나타났습니다.

사이트 속도를 최적화하여 모든 사용자의 중요한 사용자 여정을 개선할 수 있는 방법은 많습니다. 어디서부터 시작해야 할지 모르겠다면 빠른 섹션을 살펴보고 Lighthouse를 사용하여 수정해야 할 가장 중요한 사항에 우선순위를 두세요.

속도 최적화를 진행할 때는 적절한 도구와 측정항목을 사용하여 사이트 속도를 자주 측정하여 진행 상황을 모니터링하세요. 예를 들어 Lighthouse로 측정항목을 측정하고, '양호' Core Web Vitals 점수와 같은 명확한 타겟을 수정하고, 빌드 프로세스에 성능 예산을 통합합니다. 일일 측정과 '속도의 가치' 방법론을 통해 속도 변화의 영향을 분리하고 작업으로 발생한 추가 수익을 계산할 수 있습니다.

속도의 가치를 측정하고 전환과 연관시킵니다.
속도의 가치를 측정하고 전환과 연관시킵니다.

eBay는 2019년 속도를 회사의 목표로 삼았습니다. 성능 예산, 핵심 경로 최적화, 예측 미리 가져오기와 같은 기술을 사용했습니다. 검색 페이지 로드 시간이 100밀리초 개선될 때마다 장바구니에 추가 수가 0.5%씩 증가한다는 결론을 내렸습니다.

로드 시간이 100밀리초 개선되면서 eBay의 장바구니에 추가 수가 0.5% 증가했습니다.
로드 시간이 100밀리초 개선되면서 eBay의 장바구니에 추가 수가 0.5% 증가했습니다.

설치형 웹사이트가 비즈니스에 미치는 영향

사용자가 PWA를 설치하도록 유도해야 하는 이유는 무엇인가요? 사이트를 더 쉽게 다시 방문할 수 있도록 Android 앱 설치 시 3단계(Play 스토어로 리디렉션, 앱 다운로드, 앱 실행)가 추가되는 경우 PWA 설치는 사용자를 현재 전환 유입경로에서 벗어나지 않고도 클릭 한 번으로 원활하게 완료됩니다.

설치 환경은 원활해야 합니다.
설치 환경이 원활해야 합니다.

앱이 설치되면 사용자는 홈 화면의 아이콘을 클릭 한 번으로 앱을 실행하거나, 앱 간에 전환할 때 앱 트레이에서 앱을 확인하거나, 앱 검색 결과를 통해 앱을 찾을 수 있습니다. 이를 동적 탐색-실행-전환이라고 하며 PWA를 설치 가능하게 만드는 것이 액세스 권한을 얻는 열쇠입니다.

PWA는 기기의 익숙한 검색 및 실행 표시 경로에서 액세스할 수 있을 뿐만 아니라 브라우저와 별도의 독립형 환경에서 플랫폼별 앱과 똑같이 실행됩니다. 또한 앱 전환 도구 및 설정과 같은 OS 수준 기기 서비스의 이점을 누릴 수 있습니다.

PWA를 설치하는 사용자는 재방문 횟수, 사이트 체류 시간, 전환율 등 일회성 방문자보다 참여도 측정항목이 우수한 가장 참여도가 높은 사용자일 가능성이 높습니다. 이는 휴대기기의 플랫폼별 앱 사용자와 비슷한 수준입니다.

PWA를 설치 가능하게 하려면 기본 기준을 충족해야 합니다. 이러한 기준을 충족하면 iOS를 비롯한 데스크톱 및 모바일의 사용자 환경 내에서 설치를 홍보할 수 있습니다.

PWA는 어디서나 설치할 수 있습니다.
PWA는 어디서나 설치할 수 있습니다.

PWA 설치를 홍보하기 시작한 후에는 PWA를 설치하는 사용자 수와 PWA 사용 방식을 측정해야 합니다.

사이트를 설치하는 사용자 수를 극대화하려면 다양한 프로모션 메시지(예: '1초 만에 설치' 또는 '주문 후 바로가기를 추가하세요')와 다양한 게재위치 (헤더 배너, 인피드)를 테스트하고 설치 유입경로의 여러 단계 (방문한 두 번째 페이지 또는 예약 후)에서 제안해 보세요.

사용자가 어디에서 이탈하는지, 유지율을 개선하는 방법을 파악하려면 다음 네 가지 방법으로 설치 유입경로를 측정할 수 있습니다.

  • 설치 자격이 있는 사용자 수
  • 설치 메시지를 클릭한 사용자 수
  • 설치 메시지를 수락한 사용자 수 및 거부한 사용자 수
  • 설치에 성공한 사용자 수

모든 사용자에게 PWA 설치를 홍보하거나 소수의 사용자를 대상으로 실험하여 더 신중하게 접근할 수 있습니다.

며칠 또는 몇 주가 지나면 비즈니스에 미치는 영향을 측정하기에 충분한 데이터를 얻을 수 있습니다. 설치된 바로가기에서 유입되는 사용자의 행동은 어떠한가요? 참여도가 높아졌나요? 전환이 증가했나요?

PWA를 설치한 사용자를 분류하려면 appinstalled 이벤트를 추적하고 JavaScript를 사용하여 사용자가 독립형 모드인지 확인합니다. 이는 설치된 PWA의 사용을 나타냅니다. 그런 다음 애널리틱스 추적에 변수 또는 측정기준으로 사용합니다.

설치 가치를 측정합니다.
설치 가치를 측정합니다.

Weekendesk의 사례 연구는 흥미롭습니다. 사용자가 PWA를 설치할 가능성을 높이기 위해 방문한 두 번째 페이지에서 설치를 홍보합니다. 홈 화면에서 PWA를 실행한 사용자는 PWA를 통해 숙박을 예약할 가능성이 2배 이상 높았습니다.

설치한 사용자의 전환율은 2.5배 더 높았습니다.
설치한 사용자의 전환율이 2.5배 높았습니다.

설치는 사용자가 사이트를 다시 방문하도록 유도하고 고객 충성도를 높이는 데 효과적인 방법입니다. 프리미엄 사용자를 위한 환경을 맞춤설정할 수도 있습니다.

플랫폼별 앱이 있더라도 사용자가 앱을 설치하고 싶지 않거나 설치할 필요가 없다고 생각할 수 있습니다. 이러한 준 참여 사용자는 PWA가 더 가볍고 설치가 더 쉽다고 생각할 수 있습니다.

PWA는 참여도가 낮은 사용자에게 도달할 수 있습니다.
PWA는 참여도가 낮은 사용자에게 도달할 수 있습니다.

안정적인 웹사이트가 비즈니스에 미치는 영향

사용자가 오프라인 상태일 때 제공되는 Chrome 공룡 게임은 한 달에 2억 7,000만 번 이상 플레이됩니다. 이 인상적인 수치는 네트워크 안정성이 특히 인도, 브라질, 멕시코, 인도네시아와 같이 네트워크가 불안정하거나 모바일 데이터가 비싼 시장에서 PWA 사용을 위한 상당한 기회임을 보여줍니다.

앱 스토어에서 설치한 앱이 실행되면 사용자는 인터넷에 연결되어 있는지와 관계없이 앱이 열리기를 기대합니다. 프로그레시브 웹 앱도 마찬가지입니다.

최소한 사용자에게 네트워크 연결 없이는 앱을 사용할 수 없다고 알리는 간단한 오프라인 페이지를 제공해야 합니다. 그런 다음 오프라인 상태에서 유용한 기능을 제공하여 환경을 한 단계 업그레이드해 보세요. 예를 들어 티켓 또는 탑승권, 오프라인 원하는 목록, 고객센터 연락처 정보, 사용자가 최근에 본 기사 또는 레시피 등에 대한 액세스 권한을 제공할 수 있습니다.

오프라인 상태에서도 유용하게 지원하세요.
오프라인 상태에서도 도움을 줍니다.

안정적인 사용자 환경을 구현한 후에는 이를 측정해 볼 수 있습니다. 어떤 지역에서 얼마나 많은 사용자가 오프라인 상태가 되며 네트워크가 복구되면 웹사이트에 계속 머무는지 확인할 수 있습니다. 애널리틱스를 사용하면 사용자가 일반적으로 오프라인 상태와 온라인 상태로 전환되는 시점을 알 수 있습니다. 이는 네트워크가 복구된 후에도 웹사이트에서 계속 탐색하는 사용자 수를 나타냅니다.

Trivago의 경우 다시 온라인에 접속하여 계속 탐색하는 사용자가 67% 증가했습니다.
Trivago에서는 온라인으로 돌아와 계속 탐색하는 사용자 수가 67% 증가했습니다.

Trivago 사례 연구에서는 이 기능이 비즈니스 목표에 어떤 영향을 미칠 수 있는지 보여줍니다. 오프라인 기간으로 인해 세션이 중단된 사용자 (사용자의 약 3%) 중 온라인으로 돌아온 사용자의 67%가 사이트를 계속 탐색했습니다.

참여를 유도하는 웹사이트가 비즈니스에 미치는 영향

웹 푸시 알림을 사용하면 사용자가 필요하거나 관심 있는 사이트의 업데이트를 적시에 수신하도록 선택할 수 있으며, 맞춤설정된 관련성 높은 콘텐츠로 사용자의 재참여를 유도할 수 있습니다.

조심하셔야 합니다. 사용자가 처음 도착했을 때 혜택을 설명하지 않고 웹 알림을 신청하도록 요청하면 스팸으로 인식되어 사용자 경험에 부정적인 영향을 미칠 수 있습니다. 알림을 요청할 때는 권장사항을 따르고, 열차 지연, 가격 추적, 재고 없음 제품 등 관련 용도를 통해 수락을 유도하세요.

기술적으로 웹의 푸시 알림은 서비스 워커 덕분에 백그라운드에서 실행되며 캠페인 관리를 위해 빌드된 시스템 (예: Firebase)에서 전송하는 경우가 많습니다. 이 기능은 모바일 (Android) 및 데스크톱 사용자에게 큰 비즈니스 가치를 제공합니다. 재방문 횟수가 늘어나고 그 결과 매출과 전환이 증가합니다.

푸시 캠페인의 효과를 측정하려면 다음을 포함한 전체 유입경로를 측정해야 합니다.

  • 푸시 알림을 받을 수 있는 사용자 수
  • 맞춤 알림 UI 메시지를 클릭한 사용자 수
  • 푸시 알림 권한을 부여한 사용자 수
  • 푸시 알림을 수신하는 사용자 수
  • 알림과 상호작용하는 사용자 수
  • 알림에서 발생한 사용자의 전환 및 참여도
웹 푸시 알림의 가치를 측정합니다.
웹 푸시 알림의 가치를 측정합니다.

웹 푸시 알림에 관한 우수사례가 많이 있습니다. 예를 들어 장바구니를 버린 사용자의 재참여를 유도하여 전환율을 4.5배 높인 Carrefour의 사례가 있습니다.

PWA의 P: 기능별 점진적 출시

PWA는 웹의 광범위한 도달범위와 사용자가 Android, iOS 또는 데스크톱 앱에서 기대하는 모든 사용자 친화적 기능을 결합한 최신 웹사이트입니다. 비즈니스 고유의 특성과 우선순위에 따라 독립적으로 구현할 수 있는 권장사항 및 최신 웹 API를 사용합니다.

PWA를 점진적으로 실행합니다.
PWA를 점진적으로 실행합니다.

웹사이트의 현대화를 가속화하고 실제 PWA로 만들려면 민첩하게 기능을 출시하는 것이 좋습니다. 먼저 사용자와 함께 가장 가치 있는 기능을 조사한 다음 디자이너와 개발자를 통해 이를 제공합니다. 마지막으로 PWA가 창출한 추가 수익을 정확하게 측정하는 것도 잊지 마세요.