Cách một công ty khởi nghiệp trong ngành dịch vụ du lịch tạo ra một ứng dụng Android dựa vào nội dung web để tăng đáng kể mức độ tương tác của người dùng và giảm kích thước tệp
Được thành lập vào năm 2013, OYO Room đã trở thành một trong những công ty dịch vụ nhà hàng – khách sạn lớn nhất Ấn Độ, với các khách sạn trên hàng trăm thành phố tại hơn 80 quốc gia. Thành công đó một phần đến từ việc giúp họ có trải nghiệm đặt chỗ trực tuyến nhanh chóng và dễ dàng nhất có thể.
Cho đến gần đây, nhóm OYO đã cung cấp cả Ứng dụng web tiến bộ (PWA) và ứng dụng Android để đạt được mục tiêu đó. Ứng dụng Android có mức độ tương tác cao hơn đáng kể: người dùng chuyển đổi thường xuyên gấp 3 lần so với những người dùng PWA. Tuy nhiên, người dùng cũng có xu hướng gỡ cài đặt ứng dụng Android theo thời gian do lo ngại về không gian lưu trữ.
Để giảm dấu vết của ứng dụng Android trên thiết bị của người dùng trong khi vẫn duy trì được những lợi ích trải nghiệm Android, nhóm đã quyết định chuyển sang sử dụng Hoạt động trên web đáng tin cậy (TWA).
TWA là gì?
Trước Chrome 72, các nhà phát triển Android muốn hiển thị nội dung web trong ứng dụng dành riêng cho nền tảng của họ phải sử dụng WebView, đi kèm với một số hạn chế quan trọng: tốc độ không nhanh như Chrome và không bao gồm tất cả API và tính năng của Chrome. Vì vậy, nếu bạn muốn hành vi mà công cụ kết xuất WebView của WebView không hỗ trợ, thì bạn phải xây dựng trình duyệt riêng dựa trên hành vi đó. Điều này không hề đơn giản!
Hoạt động đáng tin cậy trên web (TWA) giải quyết những hạn chế đó bằng cách hiển thị nội dung web trực tiếp trong Chrome. Việc chia nhỏ tên TWA giúp giải thích các tính năng của TWA: – Hoạt động là một màn hình hoặc chế độ xem trong giao diện người dùng của ứng dụng Android. – Đài Loan sử dụng Chrome để hiển thị nội dung web cho các hoạt động của ứng dụng. – Nội dung của TWA được đáng tin cậy vì trong đó sử dụng Đường liên kết đến tài sản kỹ thuật số để xác minh rằng cùng một người đã tạo ứng dụng Android và nội dung web mà ứng dụng đó đang hiển thị.
Tại sao nên tạo TWA chứ không phải ứng dụng dành riêng cho nền tảng?
Ngày càng nhiều ứng dụng Android phân phối nội dung từ trang web của chính nhà phát triển. TWAs thừa nhận điều đó bằng cách cung cấp những gì tốt nhất trong thế giới ứng dụng web và nền tảng dành riêng cho nền tảng:
- Chúng có tất cả chức năng dự kiến của ứng dụng Android, bao gồm biểu tượng trình chạy, thông báo đẩy và màn hình toàn màn hình.
- Chúng cung cấp hiệu suất và các tính năng của Chrome.
- Các nền tảng này sử dụng phiên bản Chrome được cài đặt trên thiết bị, vì vậy, chúng luôn có các API và tính năng mới nhất.
- Ứng dụng này dùng ít dung lượng lưu trữ hơn đáng kể so với ứng dụng dành riêng cho nền tảng. Đây là vấn đề mà nhiều người dùng lo ngại, đặc biệt là những người có thiết bị cấp thấp hơn.
Chạy trong Chrome cũng có một số đặc quyền hữu ích. Ví dụ: TWA dùng chung bộ nhớ của Chrome, bao gồm cả cookie, mật khẩu và mọi nội dung được lưu trữ bằng Web Storage API (API Lưu trữ web). Một lợi ích của cách thiết lập này là người dùng duy trì trạng thái đăng nhập trên trình duyệt và ứng dụng TWA.
Xây dựng OYO Lite
Đội ngũ OYO muốn cung cấp cho người dùng trải nghiệm ứng dụng đầy đủ tính năng mà không phải ảnh hưởng đến bộ nhớ của thiết bị. Vì vậy, họ đã quyết định tạo OYO Lite, một TWA được xây dựng dựa trên PWA hiện có của họ.
Bắt đầu bằng PWA là cần thiết. Người dùng mong muốn có được trải nghiệm đầy đủ tính năng trong một ứng dụng mà họ chạy bằng trình chạy Android. Vì vậy, nội dung web được phân phát trong TWA phải mang lại trải nghiệm đó, bao gồm:
- Thời gian tải và phản hồi nhanh
- Độ tin cậy khi người dùng có kết nối hạn chế hoặc không có kết nối
- Giao diện hợp nhất (ví dụ: cung cấp màn hình chờ và màu sắc của ứng dụng)
Nếu bạn đã có PWA, thì các bước tạo TWA cơ bản sẽ khá dễ dàng, kể cả khi bạn chưa từng phát triển cho Android. Dưới đây là những việc nhóm OYO đã làm:
- Tạo một tệp kê khai Android chứa
DEFAULT_URLvà các bộ lọc ý định để cho phép ứng dụng hiển thị nội dung từ oyorooms.com. - Xoá thanh URL của trình duyệt bằng quy trình xác minh Digital Asset Link (Đường liên kết đến tài sản kỹ thuật số).
- Đã tạo biểu tượng trình chạy.
- Đã tạo màn hình chờ tuỳ chỉnh.
Và đây là kết quả:
Để biết hướng dẫn chi tiết hơn về cách xây dựng TWA cơ bản, hãy xem bài nói chuyện về TWA tại Google I/O 2019 của Peter McLachlan và Andre Bandarra.
Để tìm hiểu thêm về cách đội ngũ OYO tạo ra OYO Lite (bao gồm cả thông tin chuyên sâu về phương pháp tạo màn hình chờ mà mọi người dùng Android đều có thể truy cập), hãy xem bài đăng của Ankit Jain trên Medium.
Cách TWA giúp OYO đáp ứng nhu cầu của người dùng
Bằng cách lưu trữ hầu hết các thành phần ứng dụng trong bộ nhớ đệm của Chrome, nhóm OYO đã giảm được kích thước tải xuống ban đầu cho OYO Lite xuống còn 850 KB. Tức là chỉ bằng 7% kích thước của ứng dụng Android!
Dấu chân nhỏ kết hợp với các tiện nghi của ứng dụng Android có thể tải xuống từ Cửa hàng Google Play đã giúp tăng đáng kể mức độ tương tác của người dùng:
- Tỷ lệ chuyển đổi cao hơn gấp 3 lần so với tỷ lệ của PWA
- Số người dùng đăng nhập trung bình nhiều hơn gấp 3 lần so với PWA
- Điểm xếp hạng 4.1 trên Cửa hàng Google Play
Ngoài những lợi ích dành cho người dùng, việc sử dụng TWA đồng nghĩa với việc nhóm chỉ có một cơ sở mã có thể dễ dàng cập nhật mà không phải đợi người dùng tải phiên bản mới nhất của ứng dụng xuống.
Tạo TWA của riêng bạn
Nền tảng đặt chỗ trực tuyến của OYO chỉ là một trường hợp sử dụng cho TWA. Chúng có thể phù hợp với nhiều dự án hiện được xây dựng dưới dạng ứng dụng hoặc trang web dành riêng cho nền tảng, từ giỏ hàng và quy trình thanh toán cho đến Câu hỏi thường gặp và biểu mẫu liên hệ.
Để bắt đầu sử dụng TWA, hãy truy cập vào các đường liên kết sau: