OYO Lite: TWA ที่มาพร้อมเว็บและแอป Android ที่ดีที่สุด

ธุรกิจสตาร์ทอัพด้านการบริการสร้างแอป Android ที่อาศัยเนื้อหาเว็บ เพื่อเพิ่มการมีส่วนร่วมของผู้ใช้ได้อย่างมากอย่างรวดเร็วและทำให้ไฟล์มีขนาดเล็ก

Ankit Jain
Ankit Jain
X
Michael Friesenhahn
Michael Friesenhahn
GitHub

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 เป็นสิ่งจําเป็น ผู้ใช้คาดหวังประสบการณ์เต็มรูปแบบในแอปที่เรียกใช้จาก Android Launcher ดังนั้นเนื้อหาเว็บที่แสดงใน TWA จึงต้องมอบประสบการณ์ดังกล่าว ซึ่งมีดังนี้

  • ใช้เวลาโหลดเร็วและตอบสนอง
  • ความเสถียรเมื่อผู้ใช้มีการเชื่อมต่อแบบจํากัดหรือไม่มีการเชื่อมต่อ
  • รูปลักษณ์และความรู้สึกที่เป็นหนึ่งเดียว (เช่น หน้าจอแนะนําและสีของแอป)

หากคุณมี PWA อยู่แล้ว ขั้นตอนการสร้าง TWA พื้นฐานนั้นออกแบบมาค่อนข้างง่าย แม้ว่าคุณจะไม่เคยพัฒนาสำหรับ Android มาก่อนก็ตาม สิ่งที่ทีม OYO ทำ

ผลลัพธ์ที่ได้มีดังนี้

การใช้งาน OYO Lite

ดูขั้นตอนการสร้าง 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 เป็นเพียงกรณีการใช้งานหนึ่งสำหรับไต้หวัน รูปแบบเหล่านี้เหมาะอย่างยิ่งสําหรับโปรเจ็กต์จํานวนมากที่สร้างเป็นแอปหรือหน้าเว็บเฉพาะแพลตฟอร์มในปัจจุบัน ตั้งแต่รถเข็นช็อปปิ้งและขั้นตอนการชำระเงินไปจนถึงคําถามที่พบบ่อยและแบบฟอร์มติดต่อ

ดูลิงก์ต่อไปนี้เพื่อเริ่มต้นใช้งาน TWA