프로그레시브 웹 앱: 차세대 모바일 경험?

아직 들어보지 못했을 수도 있지만 PWA(Progressive Web Apps)는 모바일 환경을 바꾸려고 합니다. PWA는 2015년 Google에서 도입했지만 올해 인기를 얻었습니다. 모든 것이 유행하기 전에 프로그레시브 웹 앱이란 정확히 무엇입니까?

PWA 란 무엇입니까?

가장 단순한 의미에서 PWA는 웹을 통해 전달되는 모바일 앱입니다. 이 기술을 통해 PWA는 브라우저에서 앱과 같은 경험을 제공할 수 있습니다. 앱 스타일의 탐색 및 제스처를 제공하는 앱 셸을 사용하기 때문에 네이티브 앱처럼 느껴집니다. 프로그레시브 앱은 웹을 기반으로 하기 때문에 특정 기기에 얽매이지 않습니다. PWA는 데스크탑, 모바일, 태블릿 또는 그 다음에 나오는 모든 장치를 포함하여 모든 장치에서 매끄럽고 동일하게 표시됩니다.

또한 서비스 작업자 는 네트워크 품질에 관계없이 Progressive Web App을 즉시 로드할 수 있습니다. 즉, 이 웹 앱은 오프라인 및 연결성이 낮은 영역에서 작동하도록 설계되었습니다. 사전 캐싱의 도움으로 최신 상태를 유지하여 출시 시 사용자에게 최신 콘텐츠를 제공합니다. 앱과 마찬가지로 사용자는 PWA를 홈 화면에 저장하여 언제든지 액세스할 수 있습니다. 앱 스토어에서 다운로드하는 번거로움 없이 설치할 수 있습니다.

PWA 대 기본 모바일 앱

기본 모바일 앱은 최고 품질의 사용자 경험을 제공하지만 사용자와 개발자 모두에게 마찰이 있습니다. PWA와 기본 앱의 가장 큰 차이점 중 하나는 "앱 스토어 중개자"가 있다는 것입니다. Progressive Web Apps의 경우 이 중개인이 완전히 제거되었습니다. 앱 개발자에게 앱 스토어가 없다는 것은 더 이상 iOS 및 Android의 규칙 및 지침에 의해 제한되지 않는다는 것을 의미합니다. 개발자는 승인 절차를 거칠 필요가 없으므로 앱이 준비되는 즉시 사용할 수 있습니다. 수정된 앱 버전은 모든 사람이 즉시 자동으로 사용할 수 있으므로 수동으로 앱을 업데이트할 필요도 없습니다.

최종 사용자의 관점에서 앱 스토어에서 다운로드하지 않고도 PWA에 액세스할 수 있습니다. 대신 PWA는 링크 가능하므로 누구나 URL에서 바로 앱을 실행할 수 있습니다. 소셜 미디어, 이메일, 문자 메시지, 온라인 광고에 공유하거나 QR 코드에 연결할 수 있으며 사용자는 즉시 앱에 빠져들게 됩니다.

이 모든 마찰을 제거하면 사용자가 앱에 훨씬 쉽게 액세스할 수 있습니다. 아래 다이어그램에서 볼 수 있듯이 기본 앱 다운로드 프로세스의 모든 단계에서 20%의 사용자가 손실됩니다 . 소비자는 앱 스토어에서 앱을 찾고 다운로드할 때까지 기다리며 앱 사용을 시작하기 전에 저장 공간을 모두 사용하게 될까 봐 걱정하는 것이 지루하다고 생각합니다. PWA는 수행해야 하는 단계의 양을 크게 줄이기 때문에(본질적으로 1단계 프로세스로 만들기) 사람들이 실제로 앱을 사용할 가능성이 훨씬 더 높습니다. 실제로 우리 는 모바일 앱보다 4배 많은 웹사이트를 사용 하므로 웹 기반 앱을 사용하면 훨씬 더 많은 잠재 사용자 기반을 확보할 수 있습니다.

앱 개발자의 또 다른 주요 차이점은 앱을 iOS 또는 Android에 맞게 조정할 필요가 없다는 것입니다. PWA가 웹 기술을 사용한다는 사실은 대부분의 브라우저에서 플랫폼 간 작동을 의미하므로 운영 체제를 방정식에서 제외합니다. 하나의 프로그레시브 웹 앱을 구축할 수 있으며 모든 장치에서 동일하게 표시되고 수행됩니다. 사용자는 앱을 실행하기로 선택한 모든 기기에서 일관된 경험을 할 수 있습니다.

마지막으로 PWA는 검색 가능성이 매우 높습니다. 즉, 검색 엔진에서 쉽게 식별할 수 있으므로 다른 웹 콘텐츠와 마찬가지로 검색 결과에 나타날 수 있습니다. PWA는 기존 SEO로 처리되므로 앱 이름뿐만 아니라 앱 내 콘텐츠에 대해서도 인덱싱됩니다. 구체적으로 앱으로 취급되지 않고 누군가의 "질문"에 "답"할 수 있는 콘텐츠로 취급될 것입니다.

이를 상황 에 맞게 설명 하자면 현재 검색 의 60 % 가 모바일 장치 에서 이루어 지며 계속 해서 계속 증가 하고 있습니다 . _ 사람들은 콘텐츠를 찾기 위해 모바일 장치를 적극적으로 사용하고 있으므로 해당 검색 결과에 PWA가 표시되는 것을 상상해 보십시오. 예를 들어 누군가가 해당 지역에서 미용실을 찾고 있을 수 있으므로 Google 검색 창을 사용하여 문의를 시작합니다. 검색 결과에는 Yelp 및 미용실 웹사이트와 같은 디렉토리가 표시될 가능성이 큽니다. 미용실 비즈니스를 소유하고 있다면 PWA가 이러한 검색에서 순위를 매길 수 있어 고객을 검색 결과에서 바로 앱으로 유도할 수 있습니다. 이 첫 번째 터치는 고객을 전환할 수 있는 기회입니다. 앱과 같은 경험을 통해 고객은 모바일용으로 구축된 UI에서 미용실 약속을 예약할 수 있습니다. 웹 검색으로 시작하여 앱에서 완료된 작업으로 끝나는 원활한 프로세스입니다.

PWA 대 모바일 웹사이트

PWA는 기본 앱과 모바일 웹사이트의 하이브리드이지만 반응형 웹사이트와 어떻게 다릅니까? "구식" 모바일 웹사이트와 달리 PWA는 빠릅니다. 로드 하는 데 3초 이상 걸리면 사용자의 53%가 사이트를 포기합니다 . PWA는 네트워크 상태에 관계없이 즉시 로드되며 빠른 응답 인터페이스를 제공합니다. 이것은 모바일 웹사이트처럼 네트워크에 대한 의존성을 없애 사용자에게 즉각적이고 안정적인 경험을 보장합니다. PWA도 백그라운드에서 업데이트되므로 사용자는 새 콘텐츠가 로드될 때까지 기다릴 필요가 없습니다.

또한 기존 모바일 웹사이트는 정적인 정보에 중점을 둔 반면 PWA는 사용자에게 동적 기능을 제공할 수 있습니다. PWA는 몰입형 전체 화면 경험을 제공하여 고객이 모바일 음식 주문을 하고 로열티 프로그램에 참여하고 비즈니스에 연락할 수 있도록 합니다. 또한 기본 푸시 알림과 유사한 웹 푸시 알림으로 사용자를 다시 참여시킬 수 있습니다.

누가 이미 성공을 보고 있습니까?

트래픽과 재참여를 유도하기 위해 화장품 브랜드 Lancome은 고객에게 앱과 같은 빠른 경험을 제공하는 Progressive Web App을 출시했습니다.

Lancom은 2016년 처음으로 모바일 트래픽이 데스크톱 트래픽을 초과하는 것을 보았습니다. 모바일 사이트 방문자의 증가에도 불구하고 모바일 전환율은 데스크톱 트래픽과 일치하지 않았습니다. 데스크톱 장바구니의 38%가 주문으로 이어진 반면 모바일 웹의 전환율은 15%에 불과했습니다. 이 수치는 고객이 모바일 장치를 통해 구매를 시도할 때 상당한 어려움을 겪고 있음을 보여줍니다.

Lancom은 처음에 전자상거래 앱을 솔루션으로 고려했습니다. 그러나 그들은 앱이 정기적으로 방문하는 고객에게만 의미가 있다는 것을 이해했습니다. 모바일 쇼핑객은 매일은 물론이고 매주 전자상거래 앱으로 돌아가지 않기 때문에 Lancome 앱 다운로드의 가치를 보지 못할 것입니다. 회사는 모든 장치에서 올바른 사용자 경험을 구축하기를 원했습니다. Google 에 따르면 "이 회사는 기본 앱으로 달성할 수 있는 것과 유사하지만 모바일 웹을 통해 모든 사람이 검색하고 액세스할 수 있는 빠른 로딩의 매력적인 e-모바일 경험이 필요했습니다." 프로그레시브 웹 앱을 입력합니다.

결과는 놀랍습니다.

• 페이지가 상호작용할 때까지 시간 84% 감소
• 전환율 17% 증가
• iOS에서 모바일 세션 53% 증가
• 푸쉬알림 오픈율 18%
• 푸시 알림을 탭한 소비자의 8%가 구매합니다.

종합하자면 PWA는 엄청난 성공을 거두었으며, 뷰티 대기업이 모바일 혁명에 큰 진전을 이루도록 도왔습니다.

미래는 어떤 모습인가요?

기본 모바일 앱이 사라지는 것은 아니지만 PWA는 고객을 위해 강력하고 쉽게 채택할 수 있는 모바일 경험을 구축하려는 기업에 이상적인 솔루션을 제공할 수 있습니다. PWA는 웹의 모든 공유 가능성과 기본 앱의 모든 기능과 함께 두 세계의 장점을 모두 제공합니다. Bizness Apps는 2011년부터 웹 앱을 개발해 왔으며 우리는 이 새로운 기술에 대해 기쁘게 생각합니다. 마지막으로 웹 앱에 기본 기능을 구현할 수 있는 기능을 제공합니다. 모바일 앱과 모바일 웹사이트가 하나가 되는 미래의 앱이 되겠습니다.