숙박업 스타트업이 웹 콘텐츠를 활용하여 사용자 참여도를 크게 높이고 파일 크기를 작게 유지하는 Android 앱을 빌드한 방법
2013년에 설립된 OYO Rooms는 80개가 넘는 국가의 수백 개 도시에 호텔을 운영하고 있는 인도 최대의 숙박업체 중 하나가 되었습니다. 이러한 성공의 비결은 온라인 예약 경험을 가능한 한 빠르고 쉽게 제공한 것이었습니다.
최근까지 OYO팀에서는 이 목표를 달성하기 위해 프로그레시브 웹 앱 (PWA)과 Android 앱을 모두 제공했습니다. Android 앱의 참여도는 상당히 높았습니다. 사용자 전환율은 PWA 사용자보다 3배 더 높았습니다. 하지만 사용자들은 저장공간에 관한 우려로 인해 시간이 지남에 따라 Android 앱을 제거하는 경향이 있었습니다.
사용자 기기에서 Android 앱이 차지하는 공간을 줄이고 Android 환경의 이점을 유지하기 위해 팀은 신뢰할 수 있는 웹 활동 (TWA)을 활용하기로 했습니다.
TWA란 무엇인가요?
Chrome 72 이전에는 플랫폼별 앱에 웹 콘텐츠를 표시하려는 Android 개발자가 WebView를 사용해야 했으며 WebView는 Chrome만큼 빠르지 않고 Chrome의 모든 API와 기능을 포함하지 않는다는 의미 있는 제한사항이 있었습니다. 따라서 WebView의 렌더링 엔진이 지원하지 않는 동작을 원한다면 이를 중심으로 자체 브라우저를 빌드해야 했는데, 이는 그리 간단한 일이 아닙니다.
신뢰할 수 있는 웹 활동 (TWA)은 Chrome에 웹 콘텐츠를 직접 표시하여 이러한 제한을 해결합니다. TWA 이름을 분석하면 기능을 설명하는 데 도움이 됩니다. - 활동은 Android 앱의 사용자 인터페이스에 있는 하나의 화면 또는 뷰입니다. - TWA는 Chrome을 사용하여 앱 활동에 관한 웹 콘텐츠를 표시합니다. - TWA의 콘텐츠는 디지털 애셋 링크를 사용하여 동일한 사람이 Android 앱과 앱에서 표시하는 웹 콘텐츠를 만들었는지 확인하기 때문에 신뢰할 수 있습니다.
플랫폼별 앱이 아닌 TWA를 만드는 이유는 무엇인가요?
개발자 웹사이트의 콘텐츠를 제공하는 Android 앱이 늘고 있습니다. TWA는 플랫폼별 및 웹 앱 환경 중 최고의 환경을 제공함으로써 현실을 다음과 같이 인정합니다.
- 런처 아이콘, 푸시 알림, 전체 화면 표시 등 Android 앱의 예상 기능을 모두 갖추고 있습니다.
- Chrome의 성능과 기능을 제공합니다.
- 기기에 설치된 Chrome 버전을 사용하므로 항상 최신 API와 기능을 사용합니다.
- 플랫폼별 앱보다 훨씬 적은 저장용량을 사용하므로 많은 사용자, 특히 저사양 기기 사용자에게 문제가 됩니다.
Chrome에서 실행하면 여러 가지 편리한 혜택을 누릴 수 있습니다. 예를 들어 TWA는 쿠키, 비밀번호, Web Storage API를 사용하여 저장된 모든 항목을 포함한 Chrome 스토리지를 공유합니다. 이 설정의 한 가지 이점은 사용자가 브라우저와 TWA 앱 간에 로그인 상태를 유지한다는 것입니다.
OYO Lite 빌드
OYO팀은 사용자에게 기기 저장용량을 손상시키지 않고 모든 기능을 갖춘 앱 환경을 제공하고자 기존 PWA를 기반으로 한 TWA인 OYO Lite를 만들기로 결정했습니다.
PWA로 시작하는 것은 필수적입니다. 사용자는 Android 런처에서 실행되는 앱에서 모든 기능을 갖춘 환경을 기대하므로 TWA에서 제공되는 웹 콘텐츠는 다음과 같은 환경을 제공해야 합니다.
- 빠른 로드 및 응답 시간
- 사용자의 연결이 제한되거나 끊겼을 때의 안정성
- 통합된 디자인 및 분위기 (예: 스플래시 화면 및 앱 색상 제공)
이미 PWA가 있다면 기본 TWA를 만드는 단계는 적은 노력으로 설계됩니다. 이는 이전에 Android용으로 개발한 적이 없더라도 마찬가지입니다. OYO팀의 작업은 다음과 같습니다.
- 앱이 oyorooms.com의 콘텐츠를 표시할 수 있도록
DEFAULT_URL및 인텐트 필터가 포함된 Android 매니페스트 파일을 만들었습니다. - 디지털 애셋 링크 확인을 사용하여 브라우저의 URL 표시줄을 삭제했습니다.
- 런처 아이콘을 만들었습니다.
- 맞춤 스플래시 화면을 만들었습니다.
결과는 다음과 같습니다.
기본 TWA 구축에 관한 자세한 내용은 피터 맥라클런과 안드레 반다라의 Google I/O 2019에서 TWA 강연을 확인하세요.
모든 Android 사용자가 액세스할 수 있는 스플래시 화면을 만드는 방법을 자세히 살펴보는 등 OYO팀이 OYO Lite를 만든 방법에 관한 자세한 내용은 Ankit Jain의 Medium 게시물을 참고하세요.
OYO가 TWA를 통해 사용자의 요구사항을 충족하는 방법
OYO팀은 대부분의 앱 애셋을 Chrome 캐시에 저장하여 OYO Lite의 초기 다운로드 크기를 850KB까지 줄일 수 있었습니다. 이는 Android 앱 크기의 7% 에 불과합니다.
이러한 작은 공간과 Google Play 스토어에서 다운로드할 수 있는 Android 앱의 편의시설이 합쳐져 사용자 참여도가 크게 증가했습니다.
- 전환율이 PWA보다 3배 더 높음
- 평균적으로 PWA보다 로그인한 사용자가 3배 더 많음
- Google Play 스토어의 평점 4.1
또한 사용자에게 제공되는 이점 외에도 TWA를 사용하면 팀에서 코드베이스가 하나뿐이므로 사용자가 최신 버전의 앱을 다운로드할 때까지 기다릴 필요 없이 쉽게 업데이트할 수 있었습니다.
자체 TWA 구축
OYO의 온라인 예약 플랫폼은 TWA의 유일한 사용 사례입니다. 장바구니, 결제 흐름, FAQ 및 문의 양식 등 현재 플랫폼별 앱 또는 웹페이지로 빌드된 많은 프로젝트에 적합합니다.
TWA를 시작하려면 다음 링크를 확인하세요.