วิธีที่สตาร์ทอัพด้านการบริการสร้างแอป Android ที่อาศัยเนื้อหาเว็บ เพื่อเพิ่มการมีส่วนร่วมของผู้ใช้อย่างรวดเร็วและรักษาขนาดไฟล์ให้ต่ำ
OYO room ก่อตั้งขึ้นในปี 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 เชื่อถือได้เนื่องจากใช้ลิงก์เนื้อหาดิจิทัลเพื่อยืนยันว่าบุคคลคนเดียวกันเป็นผู้สร้างแอป 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 เป็นสิ่งสำคัญ ผู้ใช้คาดหวังว่าจะได้รับประสบการณ์เต็มรูปแบบในแอปที่ใช้งานจาก Android Launcher ดังนั้นเนื้อหาเว็บที่แสดงใน TWA จึงต้องมอบประสบการณ์ดังกล่าว เช่น
- โหลดเร็วและเวลาตอบสนอง
- ความเสถียรเมื่อผู้ใช้มีการเชื่อมต่อที่จำกัดหรือไม่มีการเชื่อมต่อ
- รูปลักษณ์และความรู้สึกที่เป็นหนึ่งเดียว (ด้วยการเพิ่มหน้าจอเริ่มต้นและสีของแอป)
หากคุณมี PWA อยู่แล้ว ขั้นตอนการสร้าง TWA พื้นฐานออกแบบมาเพื่อใช้ความพยายามน้อย แม้ว่าคุณจะไม่เคยพัฒนาสำหรับ Android มาก่อนก็ตาม สิ่งที่ทีม OYO ทำมีดังนี้
- สร้าง
ไฟล์ Manifest ของ Android
ที่มี
DEFAULT_URLและตัวกรอง Intent เพื่ออนุญาตให้แอปแสดงเนื้อหาจาก oyorooms.com - นำแถบ URL ของเบราว์เซอร์ออกโดยใช้การยืนยันลิงก์เนื้อหาดิจิทัล (Digital Asset Link)
- สร้างไอคอน Launcher แล้ว
- สร้างหน้าจอแนะนำแบบกำหนดเองแล้ว
และผลที่ได้มีดังนี้
สำหรับรายละเอียดเพิ่มเติมเกี่ยวกับการสร้าง TWA พื้นฐาน ลองดู Peter McLachlan และ Andre Bandarra จาก TWA Talk จาก Google I/O 2019
ดูข้อมูลเพิ่มเติมเกี่ยวกับวิธีที่ทีม OYO สร้าง OYO Lite รวมถึงเจาะลึกแนวทางการสร้างหน้าจอแนะนำที่ผู้ใช้ Android ทุกคนเข้าถึงได้ได้ที่โพสต์บน Medium ของ Ankit Jain
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 จะทำให้ทีมมีฐานของโค้ดเพียง 1 ฐาน ซึ่งช่วยให้อัปเดตได้ง่ายๆ โดยไม่ต้องรอให้ผู้ใช้ดาวน์โหลดแอปเวอร์ชันล่าสุด
สร้าง TWA ของคุณเอง
แพลตฟอร์มการจองออนไลน์ของ OYO เป็นเพียง Use Case เดียวสำหรับ TWA ส่วนขยายเหล่านี้เหมาะกับหลายๆ โครงการที่กำลังสร้างขึ้นเป็นแอปหรือหน้าเว็บเฉพาะแพลตฟอร์ม ตั้งแต่รถเข็นช็อปปิ้งและขั้นตอนการชำระเงินไปจนถึงคำถามที่พบบ่อยและแบบฟอร์มติดต่อ
ไปที่ลิงก์ต่อไปนี้เพื่อเริ่มต้นใช้งาน TWA