Google for Developers Korea Blog: 모바일 웹은 영업 중

Google for Developers Korea Blog

한국의 개발자들을 위한 Google for Developers 국문 블로그입니다.

모바일 웹은 영업 중

2016년 6월 5일 일요일

게시자: Rahul Roy-chowdhury, Chrome 제품 관리 부사장 웹의 장점 중 하나는 기기나 플랫폼에 상관없이 모든 인터넷 사용자가 정보에 접근할 수 있는 광대한 범위를 지니고 있다는 점입니다. 모바일 기기의 폭발적인 증가로, 웹은 작은 화면에서 훌륭한 사용 환경을 제공하도록 진화해야 했습니다. 이 여정은 몇 년 전에 시작되었는데, 저는 이제는 모바일 웹이 성황리에 영업 중이라고 말할 수 있어 무척 신납니다. 제가 Google I/O에서 모바일 웹 세계의 현황과 AMP 및 PWA(Progressive Web Apps) 같은 새로운 환경을 활용하여 최고의 모바일 환경을 제공하는 방법에 대해 토론한 녹화 자료를 시청해 보세요.

볼 시간이 없으신 분은 뛰어난 모바일 웹 환경구축에 초점을 맞추기 위해 설명한 네 가지 사항을 간단히 정리한 다음 내용을 살펴보세요. 가속화 표현력은 항상 웹의 강점이었지만, 때로는 뛰어난 표현력을 위해 로딩 시간이 오래 걸리거나 매끄럽게 스크롤되지 않을 수 있습니다. 예를 들어, 개발자는 이벤트 리스너를 통해 웹사이트에 사용자 지정 스크롤 효과를 낼 수 있지만, Chrome이 페이지를 스크롤하기 전에 터치 핸들러가 끝나기를 기다려야 하는 경우 쟁크(jank)가 발생할 수 있습니다. 새 패시브 이벤트 리스너 API를 통해 우리는 개발자에게 통제권을 되돌려주었습니다. 개발자는 자신이 스크롤을 처리할 계획인지, Chrome이 즉시 스크롤을 시작할 수 있는지 나타낼 수 있습니다. 속도도 사용자 환경의 개선보다 빠르게 향상되고 있습니다. 연구에 따르면 로드 시간이 3초 이상 걸리는 경우 사용자 중 40%가 소매 사이트를 떠나는 것으로 나타났습니다. 번개처럼 빠르게 웹 페이지를 사용자에게 표시할 수 있도록, Google에서는 AMP(Accelerated Mobile Pages)를 도입했습니다. AMP를 사용하면 페이지를 4배 빠르게 로드하고 최대 10배까지 데이터 사용량을 줄일 수 있음을 확인했습니다. 이미 많은 개발자들이 AMP를 채택하고 있고 640,000개 이상의 도메인에서 AMP 페이지를 서비스하고 있습니다.

참여

개발자는 PWA(Progressive Web Apps)를 통해 사용자에게 첫 순간부터 참여 경험을 제공하는 새로운 기술을 활용할 수 있습니다. 서비스 작업자로 불리는 새로운 API 덕분에, 웹 앱의 모든 중요한 부분을 캐싱하고 사용자가 다음에 다시 열 때 즉시 로드할 수 있습니다. 또한, 사용자가 오프라인 상태이거나 네트워크가 불안정한 경우에도 개발자가 이 캐싱을 통해 빠르고 의미 있는 사용 환경을 계속 제공할 수 있습니다. PWA는 사용자가 홈 화면에 추가할 수 있는 아이콘, 열릴 때의 시작 화면, 주소 표시줄이 없는 전체 화면 환경과 같은 폴리시 요소도 제공합니다.

image 9.gif

JalanTikus Progressive Web App

전환

로그인은 웹에서 가장 흔한 패턴이지만 사용자 중 92% 가 암호를 잊은 경우에 작업을 포기합니다. 이런 어려움을 줄이기 위해 Chrome의 암호 관리자는 월 80억 회 이상의 로그인을 활성화하고 있고, 우리는 Credential Management API를 통해 지원을 확대하고 있습니다. 웹 앱에서는 이 API를 사용하여 암호 관리자와 더 밀접하게 통합하고 로그인 프로세스를 간소화할 수 있습니다.

로그인한 후에도 체크아웃을 완료하는 과정이 복잡할 수 있습니다. 이는 우리가 Web Payment API 및 사용자가 양식을 정확히 채우도록 도와주는 개선된 자동 채우기와 같은 기능에도 투자하는 이유입니다. 우리는 자동 채우기를 사용할 경우 양식이 25% 더 많이완성되어 전환 가능성이 높아진다는 사실을 파악했습니다.

유지

일단 사용자와의 첫 상호 작용이 완료되고 나면 웹에 다시 관여하기 까다로울 수 있습니다. 푸시 알림은 기본 앱에서 이러한 문제를 해결하며, 이제 웹에서도 푸시 API 를 사용할 수 있습니다. 따라서 브라우저가 실행되고 있지 않아도 개발자가 사용자와 다시 연결할 수 있습니다. Chrome에서 매일 100억 개 이상의 푸시 알림이 보내지고, 그 수는 빠르게 늘어나고 있습니다. Jumia는 푸시 알림을 활성화한 사용자가 다른 사용자보다 알림 메시지를 38% 더 많이 열어 보고 장바구니에 담아만 두고 구매하지 않아 삭제되었던 제품 목록을 복구하는 빈도는 9배나 더 많다는 사실을확인했습니다.

Jumia 모바일 웹 푸시 알림

성공 사례

개발자들이 이러한 새로운 기술을 채택하기 시작함에 따라, 전 세계에서 성공 사례가 확인되고 있습니다. AliExpress는 세계 최대 규모의 전자상거래 사이트 중 하나로, PWA를 구축하고 나서 신규 사용자의 전환율이 104%까지 증가했습니다. 또한 세션당 74% 더 많은 시간을 사이트에서 보내는 것으로 밝혀졌습니다.

또 다른 훌륭한 예는 인도네시아의 뉴스 제공 서비스인 BaBe로, 그들이 기본 앱에 대한 기능 패리티를 포함한 PWA를 개발하기 전까지 앱 전용이었습니다. 출시 후 그들은 이 앱이 기본 앱보다 훨씬 빠르게 실행되고 각 세션마다 모바일 웹사이트와 기본 앱 모두에서 평균 3분이라는 비슷한 시간을 소비하는 것을 확인했습니다.

특정 PWA 기술 구현만 시작한 개발자도 성공적이었습니다.사우디아라비아의 선두 소매업체인 United eXtra 는 푸시 알림을 구현하고 옵트인한 사용자들의 복귀 비율이 4배로 늘어난 것을 확인했습니다. 또한 이렇게 복귀한 사용자들의 지출이 다른 채널에서 복귀한 사용자보다 100% 더 많았습니다.

이들은 PWA에 대한 투자의 과실을 수확하기 시작한 소수의 비즈니스에 불과합니다. 당사의 파트너가 PWA 기술을 사용하여 모바일 웹 경험을 어떻게 개선하고 있는지 자세히 알아보세요.

Screen Shot 2016-05-17 at 6.06.16 PM.png

YouTube 채널을 구독하여 Google I/O에서 모든 모바일 웹 세션에 대한 최신 정보를 얻으세요. 최신 정보가 준비되는 대로 계속 업로드할 예정입니다. 참석하고 시청해주셔서 감사드리며 특히 귀하의 웹 개발에 감사드립니다!

Contents

ML/Tensorflow
Android
Flutter
Web/Chrome
Cloud
Google Play
Community
Game
Firebase

검색

Tag

Archive

2024
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2023
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2022
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2021
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2020
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2019
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2018
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2017
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2016
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2015
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2014
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2013
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2012
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 3월
- 2월
- 1월

2011
- 12월
- 11월

Feed

Google
Privacy
Terms