วิธีที่สตาร์ทอัพด้านการท่องเที่ยวสร้างแอป Android ที่ใช้เนื้อหาเว็บเพื่อเพิ่มการมีส่วนร่วมของผู้ใช้อย่างมากและรักษาขนาดไฟล์ให้ต่ำ
OYO Rooms ก่อตั้งขึ้นในปี 2013 และกลายเป็นหนึ่งในบริษัทที่พักรายใหญ่ที่สุดของอินเดีย โดยมีโรงแรมในหลายร้อยเมืองในกว่า 80 ประเทศ ความสำเร็จนี้ส่วนหนึ่งมาจากประสบการณ์การจองออนไลน์ที่รวดเร็วและง่ายดาย
จนกระทั่งเมื่อไม่นานมานี้ ทีม OYO ให้บริการทั้ง Progressive Web App (PWA) และแอป Android เพื่อให้บรรลุเป้าหมายดังกล่าว แอป Android มีการมีส่วนร่วมสูงกว่ามาก โดยผู้ใช้ทํา Conversion บ่อยกว่าผู้ใช้ PWA ถึง 3 เท่า แต่ผู้ใช้ก็มีแนวโน้มที่จะถอนการติดตั้งแอป Android เมื่อเวลาผ่านไปด้วยเนื่องจากกังวลเรื่องพื้นที่เก็บข้อมูล
ทีมจึงหันมาใช้กิจกรรมบนเว็บที่เชื่อถือได้ (TWA) เพื่อลดร่องรอยของแอป Android ในอุปกรณ์ของผู้ใช้ ขณะเดียวกันก็คงสิทธิประโยชน์ของประสบการณ์การใช้งาน Android ไว้
TWA คืออะไร
ก่อน Chrome 72 นักพัฒนาแอป Android ที่ต้องการแสดงเนื้อหาเว็บในแอปเฉพาะแพลตฟอร์มของตนต้องใช้ WebView ซึ่งมีข้อจำกัดที่สำคัญบางอย่าง เช่น ทำงานช้ากว่า Chrome และไม่มี API และฟีเจอร์ทั้งหมดของ Chrome ดังนั้น หากต้องการลักษณะการทำงานที่เครื่องมือแสดงผลของ WebView ไม่รองรับ คุณจะต้องสร้างเบราว์เซอร์ของคุณเอง ซึ่งไม่ใช่เรื่องง่าย
กิจกรรมบนเว็บที่เชื่อถือได้ (TWA) ช่วยแก้ปัญหาข้อจำกัดเหล่านี้ด้วยการแสดงเนื้อหาเว็บใน Chrome โดยตรง การแจกแจงชื่อ TWA ช่วยอธิบายฟีเจอร์ต่างๆ ดังนี้ - กิจกรรมคือหน้าจอหรือมุมมองเดียวในอินเทอร์เฟซผู้ใช้ของแอป Android - TWA ใช้ Chrome เพื่อแสดงเนื้อหาเว็บสําหรับกิจกรรมของแอป - เนื้อหาของ TWA เชื่อถือได้เนื่องจากใช้ Digital Asset Links เพื่อยืนยันว่าบุคคลเดียวกันเป็นผู้สร้างแอป Android และเนื้อหาเว็บที่แสดง
เหตุผลที่ควรสร้าง TWA แทนแอปเฉพาะแพลตฟอร์ม
แอป Android จำนวนมากขึ้นเรื่อยๆ กำลังแสดงเนื้อหาจากเว็บไซต์ของนักพัฒนาแอปเอง TWA ตระหนักถึงความเป็นจริงนี้ด้วยการนำเสนอสิ่งที่ดีที่สุดจากโลกของแพลตฟอร์มเฉพาะและเว็บแอป ดังนี้
- โดยจะมีฟังก์ชันการทำงานทั้งหมดที่คาดหวังจากแอป Android ซึ่งรวมถึงไอคอน Launcher, การแจ้งเตือนแบบ Push และการแสดงผลแบบเต็มหน้าจอ
- ซึ่งให้ประสิทธิภาพและฟีเจอร์ของ Chrome
- โดยจะใช้ Chrome เวอร์ชันที่ติดตั้งในอุปกรณ์ เพื่อให้มี API และฟีเจอร์ล่าสุดอยู่เสมอ
- แอปเหล่านี้ใช้พื้นที่เก็บข้อมูลน้อยกว่าแอปเฉพาะแพลตฟอร์มอย่างมาก ซึ่งเป็นข้อกังวลของผู้ใช้จํานวนมาก โดยเฉพาะผู้ใช้ที่มีอุปกรณ์ระดับล่าง
การทำงานใน Chrome ยังมีสิทธิประโยชน์ที่มีประโยชน์อีกมากมาย เช่น TWA จะแชร์พื้นที่เก็บข้อมูลของ Chrome ซึ่งรวมถึงคุกกี้ รหัสผ่าน และทุกอย่างที่จัดเก็บโดยใช้ Web Storage API ข้อดีอย่างหนึ่งของการตั้งค่านี้คือผู้ใช้จะยังคงเข้าสู่ระบบในเบราว์เซอร์และแอป TWA
การสร้าง OYO Lite
ทีม OYO ต้องการมอบประสบการณ์การใช้งานแอปที่สมบูรณ์แบบให้แก่ผู้ใช้โดยไม่ต้องเสียพื้นที่เก็บข้อมูลในอุปกรณ์ จึงตัดสินใจสร้าง OYO Lite ซึ่งเป็น TWA ที่สร้างขึ้นจาก PWA ที่มีอยู่
การเริ่มต้นด้วย PWA เป็นสิ่งจําเป็น ผู้ใช้คาดหวังประสบการณ์การใช้งานที่สมบูรณ์ในแอปที่เรียกใช้จาก Launcher ของ Android ดังนั้นเนื้อหาเว็บที่แสดงใน TWA จึงต้องมอบประสบการณ์การใช้งานดังกล่าว ซึ่งรวมถึง
- เวลาในการโหลดและการตอบกลับที่รวดเร็ว
- ความเสถียรเมื่อผู้ใช้มีการเชื่อมต่อแบบจำกัดหรือไม่มีการเชื่อมต่อ
- รูปลักษณ์และความรู้สึกที่เหมือนกัน (เช่น หน้าจอแนะนำและสีแอป)
หากคุณมี PWA อยู่แล้ว ขั้นตอนการสร้าง TWA พื้นฐานได้รับการออกแบบมาให้ทำได้ง่าย แม้คุณจะไม่เคยพัฒนาแอปสำหรับ Android มาก่อนก็ตาม สิ่งที่ทีม OYO ทำมีดังนี้
- สร้างไฟล์ Manifest ของ Android ที่มี
DEFAULT_URLและตัวกรอง Intent เพื่ออนุญาตให้แอปแสดงเนื้อหาจาก oyorooms.com - นำแถบ URL ของเบราว์เซอร์ออกโดยใช้การยืนยันลิงก์เนื้อหาดิจิทัล
- สร้างไอคอน Launcher แล้ว
- สร้างหน้าจอแนะนำที่กำหนดเอง
ผลลัพธ์ที่ได้มีดังนี้
ดูขั้นตอนการสร้าง TWA พื้นฐานอย่างละเอียดได้ที่การพูดคุยเรื่อง TWA จาก Google I/O 2019 ของ Peter McLachlan และ Andre Bandarra
ดูข้อมูลเพิ่มเติมเกี่ยวกับวิธีที่ทีม OYO สร้าง OYO Lite รวมถึงโพสต์บน Medium ของ Ankit Jain ซึ่งเจาะลึกแนวทางการสร้างหน้าจอแนะนำที่ผู้ใช้ Android ทุกคนเข้าถึงได้
วิธีที่ TWA ช่วยให้ OYO ตอบสนองความต้องการของผู้ใช้
การจัดเก็บชิ้นงานแอปส่วนใหญ่ไว้ในแคชของ Chrome ทำให้ทีม OYO ลดขนาดการดาวน์โหลดเริ่มต้นของ OYO Lite เหลือเพียง 850 KB ซึ่งมีขนาดเพียง 7% ของแอป Android
พื้นที่เก็บข้อมูลขนาดเล็กนี้ประกอบกับความสะดวกสบายของแอป Android ที่ดาวน์โหลดได้จาก Google Play Store ทำให้การมีส่วนร่วมของผู้ใช้เพิ่มขึ้นอย่างมาก
- อัตรา Conversion สูงกว่าอัตราของ PWA 3 เท่า
- ผู้ใช้ที่เข้าสู่ระบบมากกว่า PWA 3 เท่าโดยเฉลี่ย
- คะแนน 4.1 ใน Google Play Store
นอกจากประโยชน์ที่แสดงต่อผู้ใช้แล้ว การใช้ TWA ยังทำให้ทีมมีโค้ดฐานเพียงชุดเดียว ซึ่งอัปเดตได้ง่ายๆ โดยไม่ต้องรอให้ผู้ใช้ดาวน์โหลดแอปเวอร์ชันล่าสุด
สร้าง TWA ของคุณเอง
แพลตฟอร์มการจองออนไลน์ของ OYO เป็นเพียง Use Case เดียวสำหรับ TWA รูปแบบเหล่านี้เหมาะอย่างยิ่งสําหรับโปรเจ็กต์จํานวนมากที่สร้างเป็นแอปหรือหน้าเว็บเฉพาะแพลตฟอร์มในปัจจุบัน ตั้งแต่รถเข็นช็อปปิ้งและขั้นตอนการชำระเงินไปจนถึงคําถามที่พบบ่อยและแบบฟอร์มติดต่อ
ดูลิงก์ต่อไปนี้เพื่อเริ่มต้นใช้งาน TWA