Cách một công ty khởi nghiệp trong lĩnh vực nhà hàng khách sạn xây dựng một ứng dụng Android dựa vào nội dung trên web để tăng đáng kể mức độ tương tác của người dùng và duy trì kích thước tệp thấp
Được thành lập vào năm 2013, OYO Rooms đã trở thành một trong những công ty khách sạn lớn nhất Ấn Độ, với các khách sạn ở hàng trăm thành phố tại hơn 80 quốc gia. Một phần thành công đó là nhờ việc mang đến trải nghiệm đặt phòng 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 hơn 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 mức sử dụng của ứng dụng Android trên thiết bị của người dùng mà vẫn giữ được các lợi ích của trải nghiệm Android, nhóm đã quyết định chuyển sang Hoạt động web đáng tin cậy (TWA).
TWA là gì?
Trước Chrome 72, những nhà phát triển Android muốn hiển thị nội dung web trong các ứng dụng dành riêng cho nền tảng của họ phải sử dụng WebView. WebView có một số hạn chế đáng kể: không nhanh bằng Chrome và không bao gồm tất cả API cũng như tính năng của Chrome. Vì vậy, nếu muốn có hành vi mà công cụ kết xuất của WebView không hỗ trợ, bạn phải xây dựng trình duyệt của riêng mình xung quanh hành vi đó – điều này không hề đơn giản!
Hoạt động web đáng tin cậy (TWA) giải quyết những hạn chế đó bằng cách hiển thị nội dung web ngay trong Chrome. Việc phân tích 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 thành phần hiển thị trong giao diện người dùng của ứng dụng Android. – TWA 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 là đáng tin cậy vì nội dung này 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 bạn nên tạo TWA thay vì ứng dụng dành riêng cho nền tảng?
Ngày càng có 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. TWA thừa nhận thực tế đó bằng cách cung cấp những điều tốt nhất của thế giới ứng dụng web và nền tảng cụ thể:
- Các ứng dụng này 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.
- Các phiên bản này cung cấp hiệu suất và tính năng của Chrome.
- Các ứng dụ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 đa nền tảng sử dụng ít bộ nhớ hơn đáng kể so với ứng dụng dành riêng cho nền tảng. Đây là vấn đề khiến nhiều người dùng lo ngại, đặc biệt là những người dùng có thiết bị cấp thấp.
Việc chạy trong Chrome cũng có một số lợi ích hữu ích. Ví dụ: TWA chia sẻ bộ nhớ của Chrome, bao gồm cả cookie, mật khẩu và mọi thứ được lưu trữ bằng API Bộ nhớ web. Một lợi ích của chế độ thiết lập này là người dùng luôn đăng nhập trên trình duyệt và ứng dụng TWA.
Tạo OYO Lite
Nhóm OYO muốn mang đến cho người dùng trải nghiệm ứng dụng đầy đủ tính năng mà không phải đánh đổi dung lượng lưu trữ 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ó.
Bạn cần bắt đầu bằng một PWA. Người dùng mong đợi trải nghiệm đầy đủ tính năng trong ứng dụng mà họ chạy từ trình chạy Android, vì vậy, nội dung web được phân phát trong TWA phải cung cấp 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 thống nhất (ví dụ: cung cấp màn hình chờ và màu ứng dụng)
Nếu bạn đã có một PWA, các bước tạo một TWA cơ bản được thiết kế để bạn không tốn nhiều công sức, ngay cả khi bạn chưa từng phát triển ứng dụng cho Android. Sau đây là những việc mà nhóm OYO đã làm:
- Tạo một tệp kê khai Android chứa
DEFAULT_URLvà 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ả:
Để xem hướng dẫn chi tiết hơn về cách xây dựng một 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 nhóm OYO tạo OYO Lite, bao gồm cả việc tìm hiểu sâu về phương pháp tạo màn hình chờ mà tất cả 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 đã có thể giảm kích thước tải xuống ban đầu của OYO Lite xuống còn 850 KB. Kích thước của ứng dụng chỉ bằng 7% ứng dụng Android!
Mức sử dụng bộ nhớ nhỏ kết hợp với các tiện ích của một ứ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 ba lần so với tỷ lệ của PWA
- Trung bình, số người dùng đăng nhập 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 các lợi ích dành cho người dùng, việc sử dụng TWA có nghĩa là nhóm chỉ có một cơ sở mã mà họ có thể dễ dàng cập nhật mà không phải chờ người dùng tải phiên bản ứng dụng mới nhất xuống.
Tạo TWA của riêng bạn
Nền tảng đặt phòng trực tuyến của OYO chỉ là một trường hợp sử dụng cho TWA. Các API này 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 từng 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ệ.
Hãy xem các đường liên kết sau để bắt đầu sử dụng TWA: