เหตุใดแบรนด์อีคอมเมิร์ซจึงเปลี่ยนไปใช้เว็บแอปแบบก้าวหน้า

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

คุณเคยอ่านบทความ Washington Post บนสมาร์ทโฟนของคุณหรือไม่? จากนั้นคุณใช้เว็บแอปแบบโปรเกรสซีฟ

เคยปักหมุดรูปภาพขณะเลื่อนบนอุปกรณ์มือถือของคุณหรือไม่? ยังเป็นเว็บแอปโปรเกรสซีฟ

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

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

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

Progressive Web App คืออะไร?

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

จากมุมมองของลูกค้า โปรเกรสซีฟเว็บแอป (หรือที่เรียกว่า PWA) เป็นประสบการณ์บนเว็บในอุดมคติ:

• ไม่จำเป็นต้องดาวน์โหลด (และจัดเก็บ) แอป
• คุณสามารถแชร์ลิงก์ได้อย่างง่ายดายและ
• เวลาในการโหลดหน้าเว็บนั้นเร็วพอๆ กับแอป
  

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

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

เว็บแอปแบบโปรเกรสซีฟมีอัตรา Conversion ที่สูงกว่าเว็บไซต์บนอุปกรณ์เคลื่อนที่แบบเดิมมาก

ประโยชน์ของ Progressive Web Apps สำหรับอีคอมเมิร์ซ

รัสเซลสรุปเว็บแอปโปรเกรสซีฟในโพสต์บล็อกแรกของเขาเกี่ยวกับพวกเขา:

“แอปเหล่านี้ไม่ได้บรรจุและปรับใช้ผ่านร้านค้า แต่เป็นเพียงเว็บไซต์ที่รับวิตามินที่เหมาะสมทั้งหมด”

ผลของวิตามินเหล่านั้น?

เพิ่มความเร็วของเพจ

แม้ว่าความเร็วในการโหลดหน้าเว็บสำหรับอุปกรณ์เคลื่อนที่โดยเฉลี่ยจะลดลงจาก 22 วินาทีเป็น 15 วินาที แต่ก็ยังใช้เวลานานกว่าที่ลูกค้าส่วนใหญ่ยินดีจะรอ ผลการศึกษาล่าสุดของ Google เผยให้เห็นว่าผู้ใช้อุปกรณ์เคลื่อนที่ใจร้อนเพียงใด:

ความน่าจะเป็นที่จะตีกลับเพิ่มขึ้น 32% หลังจากสามวินาที... ซึ่ง ไม่ นานนัก!

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

Conversion ที่เพิ่มขึ้น

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

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

เป็นมิตรกับ SEO

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

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

ลดต้นทุนการพัฒนา

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

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

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

โดยทั่วไปแล้ว App-Like

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

เช่นเดียวกับแอพ PWAs คือ:

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

Native Apps แตกต่างจาก Progressive Web App อย่างไร

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

แต่พวกเขาก็มีข้อเสียเช่นกัน กล่าวคือ ลูกค้าต้องค้นหาแอปเหล่านี้จากแอปอื่นๆ นับล้านใน App Store จากนั้นจึงต้องการแอปที่แย่พอที่จะดาวน์โหลดและเก็บไว้ในโทรศัพท์เมื่อเวลาผ่านไป

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

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

ที่ Native Apps สูญเสีย PWAs ชนะ

นี่คือรายละเอียดว่าแอพเนทีฟและ PWA ซ้อนกันอย่างไร

แอพที่มาพร้อมเครื่องมีจุดแข็ง แต่ PWAs มีข้อเสนอที่ครอบคลุมมากกว่า

กรณีศึกษาของเว็บแอปแบบก้าวหน้า

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

เวสต์เอล์ม

ความท้าทาย: ช่วงแรกเริ่ม

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

การแก้ไขปัญหา

ทีม West Elm ตัดสินใจใช้แนวทางแบบเบต้าอย่างระมัดระวัง ซึ่งรวมถึงการทดสอบการใช้งานจำนวนมาก หลังจากที่ได้เห็นตัวชี้วัดในเชิงบวกทั่วทั้งกระดานแล้ว West Elm ก็ได้ใช้โอกาสนี้ในการปรับโครงสร้างแพลตฟอร์มใหม่ เพื่อให้สามารถขยายการเรียนรู้ไปยังไซต์อื่นๆ ของบริษัท เช่น Williams Sonoma และ Pottery Barn

ผลลัพธ์

• เพิ่มขึ้น 15% ของเวลาเฉลี่ยที่ใช้ในไซต์
• รายได้เพิ่มขึ้น 9% ต่อการเข้าชม

ลังโคม

ความท้าทาย: การเข้าชมเทียบกับ Conversion

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

การแก้ไขปัญหา

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

ในการแสวงหาประสบการณ์มือถือที่โหลดเร็วและดื่มด่ำซึ่งทุกคนบนเว็บค้นพบได้ Lancome ได้ยินเกี่ยวกับเว็บแอพที่ก้าวหน้าและทำงานร่วมกับหน่วยงานภายนอกเพื่อพัฒนา

ผลลัพธ์

• Conversion เพิ่มขึ้น 17%
• เซสชั่นมือถือเพิ่มขึ้น 53% บน iOS
• อัตราการแปลงเพิ่มขึ้น 8% สำหรับรถเข็นที่กู้คืนผ่านการแจ้งเตือนแบบพุช
• เวลาในการโต้ตอบลดลง 84%
• อัตราตีกลับลดลง 15%

Petlove

ความท้าทาย: แรงเสียดทานในการลงชื่อเข้าใช้

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

การแก้ไขปัญหา

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

ผลลัพธ์

• อัตราการแปลงเพิ่มขึ้น 2.8%
• เวลาที่ใช้บนเว็บไซต์เพิ่มขึ้น 2.7%
• ผู้ใช้ 2x สามารถชำระเงินได้ลงชื่อเข้าใช้แล้ว
• PWA มีขนาดเล็กกว่าแอพเนทีฟถึง 8 เท่า
  

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

4 สัญญาณ ถึงเวลา กปภ

มีเหตุผลหลายประการที่อาจถึงเวลาที่ธุรกิจของคุณจะต้องดำเนินการการประปาส่วนภูมิภาค ต่อไปนี้คือสี่สัญญาณที่พบบ่อยที่สุด:

1. ธุรกิจของคุณมองเห็นแหล่งรายได้ที่สำคัญผ่านช่องทางมือถือ ‍

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

2. อัตรา Conversion บนอุปกรณ์เคลื่อนที่ของคุณได้รับผลกระทบเมื่อเทียบกับอัตรา Conversion บนเดสก์ท็อป ‍

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

3. ลูกค้าของคุณมักจะอยู่ในพื้นที่ที่มีการเชื่อมต่ออินเทอร์เน็ตหรือมือถือที่ไม่น่าเชื่อถือ ‍

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

4. ไซต์ของคุณประสบปัญหาเวลาในการโหลดหน้าเว็บช้า ‍

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

Progressive Web Apps คืออนาคตของอีคอมเมิร์ซหรือไม่?

หากคุณไม่ได้อยู่ที่นั่น ก็ถึงเวลาเปลี่ยนความคิดให้เข้ากับมือถือก่อน

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

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

และโชกุนฟรอนท์เอนด์กำลังช่วยแบรนด์ต่างๆ ให้ก้าวไปสู่ความท้าทาย

Shogun Frontend เป็นโซลูชันการค้าแบบ end-to-end แบบ end-to-end ที่แสดงหน้าร้านย่อยในไม่กี่วินาทีโดยใช้เทคโนโลยีเว็บแอปแบบก้าวหน้า ในฐานะที่เป็นแพลตฟอร์ม มันให้อำนาจนักการตลาดและผู้ขายสินค้าในการสร้างเพจที่มองเห็นได้ และทำการเปลี่ยนแปลงเนื้อหาทั่วทั้งไซต์อย่างรวดเร็วด้วยตัวจัดการประสบการณ์ที่ทรงพลังและ CMS ที่แข็งแกร่ง

ลงทะเบียนสำหรับการสาธิตวันนี้