ลดช่องว่างระหว่างประสบการณ์การใช้งานเว็บกับ iOS/Android เพื่อสร้างความพึงพอใจให้กับผู้ใช้
Goibibo เป็นพอร์ทัลการจองการเดินทางออนไลน์ชั้นนำของอินเดีย Goibibo สร้าง Progressive Web App ที่มีฟีเจอร์ครบถ้วนและเชื่อถือได้ซึ่งเข้ากับความสามารถของแอป iOS และ Android ทำให้ Goibibo ได้รับ Conversion เพิ่มขึ้น 60% (เทียบกับการใช้เว็บแบบเดิม)
60%
Conversion ที่เพิ่มขึ้น
20%
จำนวนผู้ใช้ที่เข้าสู่ระบบเพิ่มขึ้น
เน้นให้เห็นโอกาส
ในเส้นทางสู่การปรับปรุงประสบการณ์ของผู้ใช้ Goibibo สังเกตเห็นแนวโน้มต่อไปนี้
![PWA ของ Goibibo](https://web.developers.google.cn/static/case-studies/goibibo/image/goibibos-pwa-99d402d0237ce.png?authuser=6&hl=th)
เมื่อผู้ใช้เปลี่ยนไปใช้อุปกรณ์เคลื่อนที่แล้วหรือเปลี่ยนไปใช้อุปกรณ์เคลื่อนที่อย่างรวดเร็ว กลยุทธ์เริ่มต้นในการเปลี่ยนมาใช้เว็บบนอุปกรณ์เคลื่อนที่คือการสร้างแอปพลิเคชันที่ใช้งานง่ายและใช้งานได้จริง วิธีนี้ได้ผลกับ Conversion จากการค้นหาเป็นหน้ารายละเอียดที่เท่าเทียมกันในเว็บและ iOS/Android แต่แอป iOS/Android จะชนะในขั้นตอนถัดไปทั้งหมดของ Conversion Funnel
จุดชำระเงินของ PWA ลดลงอย่างมีนัยสำคัญเมื่อเทียบกับแอป iOS/Android บริษัทจึงตัดสินใจลงทุนใน PWA โดยมีเป้าหมายเพื่อให้ผู้ใช้ได้รับประสบการณ์ UX แบบเดียวกันบน PWA เหมือนกับในแอป iOS/Android
พวกเขายังสังเกตเห็นว่าผู้ใช้เกือบ 20% เริ่มเซสชันบนเว็บและทำ Conversion บนแอป ซึ่งเน้นย้ำความเชื่อที่ว่าผู้ใช้จำนวนมากจะหลุดมือไปโดยปราศจาก PWA และกลยุทธ์แอป iOS/Android ที่สอดคล้องกัน
เครื่องมือที่ใช้
Contact Picker API
ผู้ใช้ที่เข้าสู่ระบบของ Goibibo เกือบ 15% ทำการจองสำหรับครอบครัวหรือเพื่อนบนเว็บบนอุปกรณ์เคลื่อนที่ Goibibo ใช้ Contact Picker API เพื่อให้ผู้ใช้ PWA กรอกแบบฟอร์มในนามของผู้อื่นได้อย่างง่ายดาย
![ผลกระทบ: ผู้ใช้ 20% เลือกประสบการณ์ Goibibo ที่ราบรื่น](https://web.developers.google.cn/static/case-studies/goibibo/image/impact-20-users-chose-b592f2493fa64.png?authuser=6&hl=th)
WebOTP
เนื่องจากการตรวจสอบสิทธิ์ที่ปลอดภัยเป็นความท้าทายสําคัญในอินเดีย Goibibo จึงใช้ WebOTP (One-Time Password) API เพื่อลดปัญหาในการลงชื่อเข้าใช้บน PWA
![ผลกระทบ: ผู้ใช้ที่ลงชื่อเข้าสู่ระบบเว็บบนอุปกรณ์เคลื่อนที่เพิ่มขึ้น 20% และการเรียก API สำหรับพยายามใช้ OTP ลดลง 25% ระหว่างการลงชื่อสมัครใช้](https://web.developers.google.cn/static/case-studies/goibibo/image/impact-20-increase-the-fc8930233aef9.png?authuser=6&hl=th)
Web Share API
Goibibo ต้องการลดช่องว่างระหว่างประสบการณ์การใช้งานเว็บกับ iOS/Android จึงนำ Web Share API มาใช้เพื่อให้แชร์ลิงก์ ข้อความ หรือไฟล์เกี่ยวกับรายละเอียดโรงแรม ความพร้อมให้บริการของรถไฟ และอื่นๆ ได้ง่ายขึ้น
![ผลกระทบ: 5% ของเซสชันใหม่มาจาก Web Share API](https://web.developers.google.cn/static/case-studies/goibibo/image/impact-5-new-sessions-69064f687cfda.png?authuser=6&hl=th)
ข้อความ Push
Goibibo ใช้ข้อความ Push บนเว็บเพื่อกำหนดเป้าหมายผู้ใช้ที่ตีกลับใหม่ด้วยการอัปเดตที่เกี่ยวข้อง เช่น การแจ้งเตือนค่าโดยสารเที่ยวบินและเนื้อหาที่กำหนดเองอื่นๆ
![ผลกระทบ: ผู้ใช้ที่กำหนดเป้าหมายใหม่ทำ Conversion ได้มากกว่า 4 เท่าเมื่อเทียบกับฐานผู้ใช้ปกติ](https://web.developers.google.cn/static/case-studies/goibibo/image/impact-retargeted-users-28bfc3080f242.png?authuser=6&hl=th)
ความสามารถของเว็บแบบใหม่ช่วยปรับปรุง Funnel ของ Goibibo ได้อย่างไร
![1. Web Share มีเปอร์เซ็นต์ผู้ใช้ที่กลับมาเพิ่มขึ้น 2. ประสบการณ์ของผู้ใช้ที่ได้รับการปรับปรุงสำหรับเครื่องมือเลือกรายชื่อติดต่อ ทำให้แขกที่จอง 3 คนได้ง่ายขึ้น WebOTP ลดอุปสรรคระหว่างการทำธุรกรรม ส่งผลให้ใช้เวลาบนหน้าจอ OTP น้อยลงและลดจำนวนการเรียกใช้ API อีกครั้ง 4. ข้อความ Push ช่วยเพิ่ม Conversion ของผู้ใช้ที่กำหนดเป้าหมายใหม่](https://web.developers.google.cn/static/case-studies/goibibo/image/1-web-share-improved-ret-5dc829b84b9a4.png?authuser=6&hl=th)
ผลลัพธ์ธุรกิจโดยรวม
- การทำซ้ำอินเทอร์เฟซ PWA ส่งผลให้อัตรา Conversion เพิ่มขึ้น 60% (เทียบกับขั้นตอนก่อนหน้าของเว็บบนอุปกรณ์เคลื่อนที่) และผู้ใช้พึงพอใจ
- ความสามารถใหม่สำหรับเว็บปรับปรุง UX และทำให้มีผู้ใช้ที่ลงชื่อเข้าสู่ระบบเพิ่มขึ้น 20% (ทำ Conversion มากกว่า 6 เท่า)
เรามุ่งมั่นที่จะสร้างประสบการณ์การใช้งานที่ราบรื่นให้แก่ผู้ใช้และปรับปรุงอัตรา Conversion ให้ดีขึ้นอยู่เสมอ เราเห็นว่าการมีส่วนร่วมของผู้ใช้ดีขึ้นและอัตรา Conversion บน PWA ดีกว่าในขั้นตอนเดิมของเว็บบนอุปกรณ์เคลื่อนที่ ดังนั้น การลงทุนใน PWA จึงสำคัญอย่างยิ่งต่อความสำเร็จของเรา และหากเราไม่ดำเนินการดังกล่าว ก็อาจทำให้เราต้องเสียค่าใช้จ่ายมาก
Rithish Saralaya รองประธานฝ่ายวิศวกรรมของ Goibibo
ไปที่หน้ากรณีศึกษาการปรับขนาดบนเว็บเพื่อดูเรื่องราวความสำเร็จอื่นๆ จากอินเดียและเอเชียตะวันออกเฉียงใต้