Airbnb PWA: ตัวอย่างที่สมบูรณ์แบบของ Progressive Web App

เผยแพร่แล้ว: 2022-06-29

สมมติว่าคุณกำลังมองหาโซลูชันที่มีความน่าเชื่อถือสูงเพื่อให้เว็บไซต์ของคุณทำงานได้อย่างรวดเร็วและเสถียรในขณะที่ทำงานอย่างมีประสิทธิภาพเพื่อดึงดูดผู้ใช้ให้อยู่ได้นานขึ้นและมีส่วนร่วมกับกิจกรรมต่างๆ ในกรณีนั้น กปภ. อาจเป็นสิ่งที่คุณต้องการ แบรนด์มากมายได้นำ PWA มาใช้และได้รับความสำเร็จที่มีชื่อเสียงระดับโลกและสร้างผลกำไร ซึ่งรวมถึง Airbnb PWA แทนที่จะเกาพื้นผิวด้วยชื่อและหมายเลข เราจะแจกแจงกรณีชัยชนะที่แท้จริงของแอปพลิเคชัน กปภ. มาเปิดม่านและพบกับเรื่องราวของ Airbnb PWA

สารบัญ

ภาพรวมของ Airbnb

airbnb pwa

แนวคิดเริ่มต้นของการเริ่มต้นธุรกิจที่มีแนวโน้มมากที่สุดในโลกคือ Air Bed and Breakfast ซึ่งชาวบ้านอนุญาตให้นักท่องเที่ยวพักอยู่ที่บ้าน สร้างความสัมพันธ์ใหม่ๆ พร้อมแบ่งปันทางเลือกในราคาประหยัดในการกิน พักผ่อน และนอนหลับ

ข้อเสนอนี้ดูเหมือนเป็นการอุกอาจในตอนแรกที่จะต้อนรับคนแปลกหน้าเข้ามาในบ้าน แต่ Airbnb ได้เติบโตอย่างรวดเร็วจนเป็นหนึ่งในบริษัทที่เพิ่งเริ่มต้นที่ประสบความสำเร็จมากที่สุดแห่งศตวรรษที่ 21

Airbnb เปิดตัวในปี 2008 และอีก 10 ปีต่อมา มีผู้ใช้ 150 ล้านคน มีที่พักมากกว่า 7 ล้านรายการ ดำเนินการโดยเจ้าของที่พัก 4 ล้านคน และมีการใช้งานในกว่า 200 ประเทศและ 81,000 เมือง รายงานระบุว่านักเดินทางกว่าพันล้านคนเช่าบ้าน Airbnb สร้างรายได้ประมาณ 65 พันล้านดอลลาร์สำหรับเจ้าของที่พัก

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

Airbnb ให้ผู้คนได้สัมผัสถึงความเป็นชุมชน ประสบการณ์ส่วนตัวที่ไม่เหมือนใคร และวิธีการที่พักราคาประหยัดที่ผ่อนคลายและเป็นมิตรกับงบประมาณ

แขกจำนวนมากชอบเดินทางกับ Airbnb เนื่องจากพวกเขาได้รับการต้อนรับสู่ชุมชนโดยเจ้าของที่พัก ได้รับโอกาสในการสำรวจวัฒนธรรมที่ลึกซึ้งยิ่งขึ้น และได้รู้จักเพื่อนใหม่พื้นเมือง

เบื้องหลังที่นำไปสู่การบูรณาการ Airbnb PWA

เรื่องราวย้อนกลับไปเมื่อไม่กี่ปีที่ผ่านมา ประมาณปลายปี 2018 เมื่อเบราว์เซอร์มือถือได้รับความสนใจและการลงทุนแบบทวีคูณ อย่างไรก็ตาม Airbnb ยังคงเป็นเวอร์ชันที่ตอบสนองตามสัดส่วนจากเดสก์ท็อป ทีมยังยอมรับด้วยว่าพวกเขาเพิกเฉยโดยใช้วิศวกรรมเพียงเล็กน้อย

เว็บบนมือถือเป็นแพลตฟอร์มที่มีผู้เข้าชมมากที่สุด โดยเฉพาะอย่างยิ่งในตลาดที่กำลังเติบโต ซึ่งดึงดูดอัตราการเข้าชมที่เพิ่มขึ้นให้กับการจอง Airbnb แต่กลับมีประสิทธิภาพต่ำกว่ามาตรฐานอุตสาหกรรมสำหรับเครื่องมือค้นหาที่พักสำหรับการเดินทางที่ใหญ่ที่สุดในโลก

ปรากฎว่าผู้ใช้พบว่าไม่มีประโยชน์ในการติดตั้งแอพเนทีฟ Airbnb เมื่อพวกเขาต้องการเพียง 3 หรือ 4 ครั้งต่อปี และเนื่องจากพวกเขาพึ่งพามือถือมากกว่าอุปกรณ์อื่นๆ วิธีเดียวที่จะไปคือผ่านเว็บบนมือถือ

แม้ว่าเวลาเฉลี่ยที่ใช้กับแอปจะมากกว่าเวลาบนเบราว์เซอร์มาก แต่เวลาของผู้ใช้ส่วนใหญ่ในหนึ่งวันจะกระจายไปยังแอปโปรด 5 แอปอย่างไม่สม่ำเสมอ โดยเกือบ 50% ในแอปเดียว ผู้ใช้ไม่เห็นจุดของการดาวน์โหลดแอปอื่นที่พวกเขาไม่ได้ใช้บ่อยและทำให้เสียพื้นที่เก็บข้อมูล

ตลาดต่างให้ความสนใจเป็นพิเศษกับประสบการณ์การท่องเว็บบนมือถือที่ยอดเยี่ยม เนื่องจากปัญหาเกี่ยวกับการเชื่อมต่ออินเทอร์เน็ตทำให้เกิดปัญหากับการติดตั้งแอพ (ขนาด 200MB) และการใช้งาน

ต่อไปนี้คือภาพรวมบางส่วนก่อนการเปลี่ยนแปลง PWA ของ Airbnb:

  • ช้า : ผู้ใช้เบราว์เซอร์มือถือรอหน้าว่างที่น่ารำคาญนานกว่า 10 วินาที ก่อนที่รูปภาพจะเริ่มแสดง เครือข่าย 4G ใช้เวลาประมาณ 13 วินาทีในการโหลดทั้งหน้า ไม่น่าประทับใจ
  • ออกแบบได้ไม่ดี : ส่วนประกอบบางส่วนถูกนำไปใช้งานและวางผิดที่ ส่งผลให้คำที่ขาดหายไปและคำแนะนำที่สับสน แผนที่เป็นสิ่งจำเป็นสำหรับนักท่องเที่ยวในการทำความเข้าใจระยะทางจาก Airbnb ไปยังสถานที่ใกล้เคียง แต่ก็สามารถโต้ตอบได้ช้าและแทบจะอ่านคำศัพท์ไม่ได้เลย และการนับองค์ประกอบที่ทับซ้อนกันทั้งหมดและข้อความบนภาพถ่ายทำให้ความหมายของสแน็ปช็อตและบันทึกด้านข้างตกราง
  • ใช้งานยาก : ดูเหมือนว่าเบราว์เซอร์มือถือจะหลุดจากความคิดในตอนนั้น เมื่อจุดโต้ตอบหลายจุดไม่ตอบสนองต่อนิ้ว แต่ใช้เมาส์เท่านั้น ทุกอย่างไม่สมเหตุสมผล มันเหมือนกับการเปลี่ยนเส้นทางที่สับสนสำหรับคนเร่ร่อนที่ยากจน แต่ความเหนือชั้นของอัตราต่อรองในการนำทางคือเมื่อพวกเขาคลิกปุ่มเพื่อติดตั้งแอปที่มาพร้อมเครื่อง พวกเขาถูกขอให้กรอกหมายเลขโทรศัพท์เพื่อรับข้อความพร้อมลิงก์ไปยัง App Store

มันจะไม่เลวร้ายไปกว่านี้หากเบราว์เซอร์มือถือไม่ใช่ความประทับใจแรกพบของผู้ใช้ Airbnb น่าเสียดายที่ข้อมูลระบุว่า 65% ของผู้มาใหม่มาจากเว็บบนมือถือ ดังนั้นพวกเขาจึงต้องพลิกสถานการณ์นี้กลับหัวกลับหาง

การเปลี่ยนมาใช้ PWA สามารถแก้ไขคำขอของ Airbnb ได้อย่างไร?

เพื่ออธิบายว่าการท่องเว็บบนมือถือนั้นรุนแรงเพียงใด สถิติอุตสาหกรรมมีดังนี้:

  • 53% ของผู้เข้าชมจะเด้งกลับหากต้องรอเกิน 3 วินาที
  • 57% ของผู้ตอบแบบสอบถามกล่าวว่าไซต์บนมือถือที่ไม่สวยจะไม่ได้รับคำแนะนำจากพวกเขา
  • 85% ของผู้ตอบแบบสอบถามคาดว่าเว็บบนอุปกรณ์เคลื่อนที่จะเป็นเวอร์ชันอัปเดตของเดสก์ท็อป ไม่ใช่ในทางกลับกัน

ผู้ใช้ต้องการให้เวอร์ชันมือถือมีความรวดเร็ว สะดวก ออกแบบอย่างสวยงาม และมีส่วนร่วมเหมือนกับแอปที่มาพร้อมอุปกรณ์พกพา ด้วยความช่วยเหลือของ PWA Airbnb สามารถสร้างเว็บบนมือถือที่ทำงานได้รวดเร็วและปลอดภัยและมีเสถียรภาพในขณะที่ใช้งานคุณสมบัติที่ดีที่สุดของแอพเนทีฟบางส่วน

Airbnb PWA อนุญาตให้ผู้ใช้เพิ่มเวอร์ชัน 12MB ลงในหน้าจอหลักแทนแอป 200MB ที่กินพื้นที่มากเกินไป แขกและเจ้าของที่พักสามารถรับข้อความป๊อปอัปได้จากแผงการแจ้งเตือน

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

มติ PWA ของ Airbnb

ความละเอียดของ airbnb pwa

ความคิด

เป้าหมายของ Airbnb อยู่ที่เป้าหมายเดียว นั่นคือการสร้างประสบการณ์ท่องเว็บบนมือถือระดับโลกที่เหมาะกับโฮมสเตย์ที่ดีที่สุดในโลกและบริษัทให้เช่าที่พักอื่นๆ หลังจากตามทันการปฏิวัติออนไลน์ พวกเขาตระหนักดีว่าการที่เป็นมิตรกับมือถือนั้นไม่ได้มีประโยชน์อีกต่อไปแต่เป็นความจำเป็น

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

การประหารชีวิต

แอพที่มาพร้อมเครื่องนั้นมีชื่อเสียงในด้านเมนูสไลด์ที่สะดวกและการนำทางด้านล่าง Airbnb ตัดสินใจเลือกรุ่นคลาสสิกด้วยการอัปเกรดเมนูแฮมเบอร์เกอร์และแถบแท็บบันทึกสำหรับการลงทะเบียนบัญชี ต่อไป แผนที่เป็นส่วนสำคัญของการออกแบบใหม่ เนื่องจากเป็นรายการที่สำคัญที่สุดสำหรับการเลือกรายชื่อ

พวกเขายังทำให้มั่นใจว่า กปภ. สามารถทำงานได้ดีที่สุดกับหน้าจอและอุปกรณ์ทุกขนาด ความพยายามเพิ่มเติมเล็กน้อยทำให้เกิดความแตกต่าง

สุดท้าย โฟลว์ผู้ใช้เก่าที่สับสนและใช้งานยากได้รับการลงทะเบียนอย่างสมบูรณ์สำหรับรายการการออกแบบใหม่ ซึ่งจะมีการรวบรวมและแก้ไขปัญหาการติดขัดของเนื้อหาและเลย์เอาต์ทั้งหมด

ผลลัพธ์

PWA ให้ Airbnb มีตัวเลือกในการปรับให้เหมาะสมสำหรับรุ่นมินิ โดยลดเวลาในการโหลดลงจาก 11.9 วินาที เหลือ 4.69 วินาที เมื่อเร็วขึ้น ก็จะราบรื่นขึ้น ตอบสนองมากขึ้น และสะดวกยิ่งขึ้น ทั้งหมดนี้นำไปสู่การมีส่วนร่วมของผู้ใช้ที่สูงขึ้น จำนวนช่วงเวลาที่ถูกต้องในการเลื่อนจึงสูงเป็นประวัติการณ์

และก่อนที่พวกเขาจะมีโอกาสทำโครงการ กปภ. เสร็จ ก็มีการรวบรวมผลงานและความสำเร็จมากมาย:

  • แม้จะมีความยากลำบากและโอกาสมากมาย ทีมงาน Airbnb ก็สามารถออกแบบและพัฒนาเว็บบนมือถือใหม่ได้ในเวลาไม่ถึงหนึ่งปี
  • อัตราการแปลงได้เห็นการเพิ่มขึ้น 25%
  • และประสิทธิภาพที่เพิ่มขึ้น 2.5 เท่าโดยใช้เวลาโหลดโดยเฉลี่ยประมาณ 5.5 วินาที

คุณจะสร้าง PWA เช่น Airbnb ได้อย่างไร?

Airbnb PWA เป็นแพลตฟอร์มเว็บบนมือถือระดับโลกในทางปฏิบัติ มาทำให้ชัดเจนขึ้นมาตรฐานที่นั่น Airbnb PWA เป็นพื้นที่ที่มีรายชื่อโฮมสเตย์และที่พักให้เช่าหลายพันล้านรายการ คล้ายกับเว็บไซต์อีคอมเมิร์ซที่มีกลุ่มผลิตภัณฑ์อยู่เป็นจำนวนมาก

ด้วยฐานข้อมูลขนาดใหญ่ กระบวนการโหลดอาจใช้เวลานานในการจัดการโค้ดและตอบสนองต่อคำขอ ดังนั้น ร้านค้าออนไลน์จึงจำเป็นต้องมีเวอร์ชันที่ปรับให้เหมาะสมที่สุดเพื่อให้มีขนาดเล็กลงเพื่อให้สามารถเริ่มต้นและใช้งานได้อย่างรวดเร็ว

จึงทำให้การประปาส่วนภูมิภาคมีชื่อเสียงในธุรกิจอีคอมเมิร์ซ นี่เหมาะสำหรับคุณหากคุณเป็นเจ้าของธุรกิจออนไลน์ที่ต้องการเปลี่ยนร้านค้าที่ช้าและดำเนินการได้ไม่ดี

ทำไมต้อง กปภ. ไทเกรน?

เรารู้ว่าคุณสามารถเข้าถึงบริการพัฒนาอีคอมเมิร์ซจำนวนมากได้อย่างง่ายดาย แต่จะเสียเวลามากในการค้นหาและตรวจสอบทุกหน่วยงานที่เหมาะสมที่สุดที่คุณต้องการ

Tigren เป็นหนึ่งในหน่วยงานเอาท์ซอร์สชั้นนำของโลกด้านการพัฒนาการประปาส่วนภูมิภาค เราคลำหาทางที่จะเชี่ยวชาญเทคโนโลยีการประปาส่วนภูมิภาคตั้งแต่ครั้งแรกที่ออกมา จนถึงวันนี้ เราได้ทำงานร่วมกับลูกค้าเกือบ 1,000 รายทั่วโลก และช่วยให้พวกเขาใช้ประโยชน์จาก ROI ของพวกเขา

โซลูชันการประปาส่วนภูมิภาค Tigren ระดับพรีเมียม

เราสามารถช่วยคุณในเรื่อง:

  • สร้างไซต์ PWA ตั้งแต่เริ่มต้น
  • สร้างและบูรณาการส่วนต่างๆ ของ PWA . ได้เอง
  • เพิ่มประสิทธิภาพและอัปเกรด PWA . ที่มีอยู่
  • ธีม TigrenPWA ที่พร้อมใช้งานระดับพรีเมียม

คุณจะได้รับคำปรึกษาฟรีเมื่อติดต่อเรา และคุณยังสามารถขอใบเสนอราคาก่อนตัดสินใจว่าเราเหมาะสมหรือไม่ เราอาจเสนอการสนับสนุนฟรี 3-12 เดือน โดยขึ้นอยู่กับความซับซ้อนของโครงการ โดยจะอยู่กับคุณตั้งแต่พลบค่ำจนถึงรุ่งเช้าเพื่อให้แน่ใจว่าผลลัพธ์จะเป็นอย่างที่คุณต้องการ

tigren pwa พัฒนาบริการ

ประเด็นที่สำคัญ

Airbnb PWA ประสบความสำเร็จอย่างมาก ทำให้ผู้ที่รับผิดชอบอยู่เบื้องหลังภาคภูมิใจเมื่อมองย้อนกลับไป และผู้ใช้ก็ยิ้มทุกครั้งที่เริ่มเตรียมตัวสำหรับการเดินทางครั้งต่อไป

Airbnb นั้นรวดเร็ว เชื่อถือได้ เสถียร ออกแบบอย่างน่าดึงดูดใจ และน่าดึงดูดใจ บวกกับทีมระดับโลกที่ทีมของพวกเขาได้นำเสนอมาระยะหนึ่งแล้ว พวกเขาสามารถขออะไรได้อีก

ด้วยความคาดหวังที่สดใสของ กปภ. ในฐานะมาตรฐานถัดไปในอนาคตที่ครอบงำภูมิทัศน์ออนไลน์ คุณมีคำตัดสินอย่างไรเกี่ยวกับคำเชิญให้ผู้ที่เริ่มนำไปใช้ในช่วงแรกๆ