Uber PWA: กรณีศึกษาที่สมบูรณ์แบบสำหรับ Progressive Web App

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

ภาพรวมของ Uber

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

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

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

ประกาศว่า “เราจุดประกายโอกาสด้วยการสร้างโลกให้เคลื่อนไหว” Uber ตั้งภารกิจเพื่อให้บริการขนส่งที่ทุ่มเทและเชื่อถือได้สำหรับทุกคนทั่วโลก

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

การ กปภ. ช่วยให้บริษัทที่ให้บริการเติบโตได้อย่างไร?

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

เนื่องจากบริษัทเทคโนโลยีมีปริมาณและคุณภาพเพิ่มขึ้น สินค้าดิจิทัลหรือบริการที่อิงตามข้อมูล เช่น Uber, Tinder และ Netflix จึงต้องทำหน้าที่บริการลูกค้าให้ดีขึ้น แทนที่จะจัดการกับข้อร้องเรียนและข้อซักถามผ่านอีเมลหรือโทรศัพท์

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

แรงกระตุ้นที่ยิ่งใหญ่ที่สุดสำหรับนักประดิษฐ์คือการหาวิธีแก้ปัญหาที่เติมเต็มส่วนที่ขาดหายไป คำตอบทางเทคนิคเพื่อปรับปรุงประสบการณ์ผู้ใช้เบื้องหลังหน้าจอ ในปี 2015 วิศวกรของ Google ได้ตั้งชื่อว่า Progressive Web App ซึ่งเป็นเทคโนโลยีเว็บใหม่ที่ใช้คุณลักษณะที่ดีที่สุดของเว็บและแอปที่มาพร้อมเครื่อง

มีแนวโน้มสำคัญ 2 ประการในการพิจารณาวิธีที่ กปภ. ช่วยเหลือบริษัทที่ใช้บริการเป็นหลัก

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

การประปาส่วนภูมิภาคสามารถขัดจังหวะคำขอของเครือข่ายกับเจ้าหน้าที่บริการเพื่อลดเวลาแฝงในการเดินทางไปกลับและทรัพยากรไซต์แคชล่วงหน้าเพื่อสร้างการโหลดทันทีจากการเยี่ยมชมครั้งที่สอง การแคชนี้ช่วยให้นักพัฒนาสามารถจดจ่อกับความเร็วของเว็บไซต์และปรับเวลาในการโหลดให้เหมาะสมได้เพียง 3-5 วินาที

ประการที่สอง อีคอมเมิร์ซมีโมเมนตัมเพื่อความสะดวกของผู้ซื้อและผู้ขาย ท่ามกลางกระแสความนิยม m-commerce ดูเหมือนจะเป็นประเภทที่ทำกำไรได้มากที่สุด โดยมีผู้ใช้เพิ่มขึ้นสามเท่าในช่วงทศวรรษ

เนื่องจากพนักงานบริการทำงานในพื้นหลัง จึงสามารถตอบสนองเหตุการณ์หรือกระบวนการจากระบบปฏิบัติการได้ ความสามารถนี้ทำให้ PWA สามารถพุชการแจ้งเตือนแบบป๊อปอัปไปยังอุปกรณ์มือถือ Android ในทางกลับกัน iOS ปฏิเสธที่จะสนับสนุนคุณลักษณะนี้ แต่เมื่อชื่อเสียงของ PWA เติบโตขึ้น เราคิดว่า Apple จะต้องเปลี่ยนความคิด

ความท้าทายของ Uber ก่อนบูรณาการการประปาส่วนภูมิภาค

Uber ต้องการที่จะสร้างการปฏิวัติต่อไปและครอบครองเศรษฐกิจการแชร์รถโดยรักษาความก้าวหน้าทางเทคโนโลยี

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

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

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

ผลลัพธ์ของ Uber PWA

เกี่ยวกับการออกแบบ

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

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

เกี่ยวกับฟังก์ชั่น

• การนำทาง

Uber PWA หรือ m.uber ได้รับการออกแบบด้วยเลย์เอาต์ที่ชัดเจนและใช้งานง่ายสำหรับการโต้ตอบแบบเลื่อนลง ช่วยให้ดวงตาเคลื่อนไปในทิศทางที่คุ้นเคยและเข้าใจหน้าได้อย่างรวดเร็ว

• ความเร็วในการโหลด

Uber PWA ได้รับการโหลดหน้าแรกอย่างไม่น่าเชื่อ องค์ประกอบจะปรากฏทันทีและเรียบร้อยในจุดที่ต้องการ

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

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

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

ผลลัพธ์

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

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

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

มีอะไรน่าตื่นเต้นเกี่ยวกับ Uber PWA?

ต่อไปนี้คือข้อเท็จจริงทางเทคนิคที่น่าสนใจบางส่วนที่นักพัฒนา Uber สามารถดำเนินการกับโครงการ PWA ที่เปลี่ยนแปลงได้

• Uber PWA นั้นเร็วอย่างไม่น่าเชื่อ

ความตั้งใจของพวกเขากับ กปภ. เป็นการมาแทนที่แอพเนทีฟบนมือถือที่เหมาะสมโดยพิจารณาจากความต้องการของตลาด นักพัฒนาได้จัดการ PWA ขนาดเล็กซึ่งบรรจุได้ดีใน gzipped เพียง 50kB

เป้าหมายคือการมีทุกอย่างที่เบาที่สุด หลีกเลี่ยงส่วนประกอบที่ไม่จำเป็นเพื่อให้ทำงานได้อย่างแข็งแกร่งแม้ภายใต้เครือข่าย 2G

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

อย่างไรก็ตาม Uber ประสบความสำเร็จในการดึงเว็บแอพฟ้าแลบที่ใช้เวลาน้อยกว่า 3 วินาทีในการแสดงแม้กระทั่งบน 2G นั่นเร็วจริงๆ น่าประทับใจในสิ่งที่พวกเขาทำ

• Uber PWA มีความน่าเชื่อถือภายใต้สถานการณ์ที่แตกต่างกัน

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

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

เป็นไปได้ทั้งหมดเนื่องจาก Uber PWA ยังคงสามารถโหลดสำหรับการเยี่ยมชมครั้งต่อไปและบันทึกเนื้อหาที่ผู้ใช้สร้างขึ้นทั้งหมดสำหรับการซิงโครไนซ์กับ Wi-Fi ในภายหลัง

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

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

ดังนั้น หากคุณต้องการเรียนรู้เพิ่มเติมเกี่ยวกับวิธีที่ PWA สามารถช่วยเหลือธุรกิจออนไลน์ของคุณได้ โปรดไปที่บล็อกของ Tigren เพื่อดูสิ่งตีพิมพ์ที่เราพบบ่อยเพิ่มเติม

Tigren เป็นชื่อที่น่าเชื่อถือและเชื่อถือได้สำหรับบริการพัฒนา Magento PWA ตั้งแต่ปี 2015 เราได้ช่วยธุรกิจขนาดกลางและขนาดย่อมกว่า 800 แห่งทั่วโลกเพื่อเพิ่มผลตอบแทนจากการลงทุน

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

หากคุณต้องการคำปรึกษาแบบตัวต่อตัวเพื่อจัดการกับปัญหาของคุณโดยเร็วที่สุด ส่งข้อความหาเราที่ [email protected] และรับใบเสนอราคา หากไม่มีข้อผูกมัดใดๆ หากเราไม่ตรงกัน