เผยแพร่: 6 มกราคม 2020
Progressive Web App (PWA) คือเว็บแอปที่สร้างและเพิ่มประสิทธิภาพด้วย API ที่ทันสมัยเพื่อ มอบความสามารถที่ดียิ่งขึ้นในขณะที่ยังคงเข้าถึงผู้ใช้เว็บทุกคนในทุกอุปกรณ์ ด้วยโค้ดเบสเดียว โดยจะรวมการเข้าถึงที่กว้างขวางของเว็บแอปเข้ากับความสามารถที่หลากหลายของแอปเฉพาะแพลตฟอร์มเพื่อปรับปรุงประสบการณ์ของผู้ใช้
เสาหลัก 3 ประการของการออกแบบ PWA
หากต้องการสร้าง PWA ที่ให้ความรู้สึกดีในการใช้งานเหมือนกับแอปพลิเคชันเฉพาะแพลตฟอร์ม คุณต้องออกแบบให้มีความสามารถ เชื่อถือได้ และติดตั้งได้
มีความสามารถ
ปัจจุบันเว็บแอปพลิเคชันมีความสามารถมากกว่าที่เคย และความสามารถเหล่านั้นก็มีแต่จะเพิ่มขึ้น เมื่อไม่นานมานี้ ซอฟต์แวร์สำหรับเว็บเริ่มพัฒนาความสามารถที่ ก่อนหน้านี้เข้าถึงได้เฉพาะในแอปที่เฉพาะเจาะจงสำหรับแพลตฟอร์ม ตัวอย่างเช่น ตอนนี้คุณสามารถ สร้างแอปวิดีโอแชทเฉพาะพื้นที่โดยใช้ WebRTC, Geolocation และ Push Notifications จากนั้นทำให้แอปนั้นติดตั้งได้ และใช้ WebGL และ WebVR เพื่อให้ การสนทนาย้ายไปยัง Virtual Reality ได้ การเปิดตัว WebAssembly ช่วยให้ นักพัฒนาซอฟต์แวร์เข้าถึงระบบนิเวศอื่นๆ เช่น C, C++ และ Rust และนำ ฟีเจอร์ที่ก่อนหน้านี้เฉพาะเจาะจงแพลตฟอร์มมาใช้บนเว็บได้ ตัวอย่างที่ยอดเยี่ยม ของการที่นักพัฒนาซอฟต์แวร์ใช้ประโยชน์จากความสามารถใหม่ๆ ของเว็บคือ Squoosh.app ซึ่งเป็นเครื่องมือบีบอัดรูปภาพบนเว็บ
แม้ว่าความสามารถบางอย่างจะยังอยู่นอกเหนือขอบเขตของเว็บ แต่ API ใหม่และที่จะเปิดตัวในอนาคต ก็ขยายขอบเขตของสิ่งที่เว็บทำได้อยู่เสมอด้วยฟีเจอร์ต่างๆ เช่น การเข้าถึง ระบบไฟล์ การควบคุมสื่อ การติดป้ายแอป และการรองรับคลิปบอร์ดแบบเต็ม ความสามารถทั้งหมดนี้สร้างขึ้นโดยใช้โมเดลสิทธิ์ที่ปลอดภัยและเน้นผู้ใช้เป็นหลักของเว็บ ซึ่งจะช่วยให้ผู้ใช้ปลอดภัยและทำให้การใช้เว็บไซต์ใหม่ๆ ไม่น่ากลัวอีกต่อไป
เชื่อถือได้
Progressive Web App ที่เชื่อถือได้จะทำงานได้อย่างรวดเร็วและน่าเชื่อถือไม่ว่าเครือข่ายจะเป็นอย่างไร ผู้ใช้สมควรได้รับแอปที่ตอบสนองต่อการโต้ตอบอย่างรวดเร็ว และ ประสบการณ์ที่ผู้ใช้พึ่งพาได้
ความเร็วเป็นสิ่งสำคัญอย่างยิ่งในการดึงดูดให้ผู้ใช้ใช้ประสบการณ์ของคุณ ในความเป็นจริง เมื่อเวลาในการโหลดหน้าเว็บเพิ่มขึ้นจาก 1 วินาทีเป็น 10 วินาที ความน่าจะเป็นที่ผู้ใช้จะตีกลับเพิ่มขึ้น 123%
ข้อกังวลด้านประสิทธิภาพส่งผลต่อประสบการณ์ของผู้ใช้ทั้งหมด ไม่ใช่แค่onload
เหตุการณ์ ประสบการณ์การใช้งานที่เชื่อถือได้จะไม่ทำให้ผู้ใช้สงสัยว่าระบบได้บันทึกการโต้ตอบกับแอปหรือไม่ การเลื่อนและภาพเคลื่อนไหวต้อง
ราบรื่น ผู้ใช้ต้องรับรู้ว่าแอปของคุณทำงานได้ดีพอๆ กับที่ต้องการให้แอปทำงานได้ดีจริงๆ
นอกจากนี้ แอปที่เชื่อถือได้ยังต้องใช้งานได้ไม่ว่าจะเชื่อมต่อเครือข่ายหรือไม่ก็ตาม ผู้ใช้คาดหวังให้แอปโหลดได้อย่างรวดเร็วเมื่อการเชื่อมต่อเครือข่ายช้าหรือไม่เสถียร หรือแม้กระทั่งเมื่อออฟไลน์ ผู้ใช้คาดหวังว่าเนื้อหาล่าสุดที่ตนโต้ตอบด้วย เช่น แทร็กสื่อหรือตั๋วและแผนการเดินทาง จะพร้อมใช้งานแม้ว่าแอปจะมีปัญหาในการส่งคำขอไปยังเซิร์ฟเวอร์ของคุณก็ตาม เมื่อไม่สามารถดำเนินการตามคำขอได้ ผู้ใช้คาดหวังให้แอปแจ้งว่ามีปัญหา แทนที่จะล้มเหลวหรือขัดข้องโดยไม่มีการแจ้งเตือน
ติดตั้งได้
การทำให้ PWA ติดตั้งได้จะย้าย PWA ออกจากเบราว์เซอร์และเข้าสู่หน้าต่างแบบสแตนด์อโลน ซึ่งจะเปลี่ยนวิธีที่ผู้ใช้คิดและโต้ตอบกับ PWA PWA ที่ติดตั้ง จะเปิดได้จากหน้าจอหลัก แถบแอป แถบงาน หรือชั้นวางของผู้ใช้ ผู้ใช้ สามารถค้นหาแอปเหล่านั้นในอุปกรณ์และสลับไปมาระหว่างแอปด้วยตัวสลับแอป ซึ่งจะทำให้รู้สึกเหมือนเป็นส่วนหนึ่งของอุปกรณ์ที่ติดตั้งแอป
การติดตั้ง PWA ยังทำให้ความสามารถใหม่ๆ พร้อมใช้งานด้วย ซึ่งรวมถึงแป้นพิมพ์ ลัดที่มักจะสงวนไว้ในเบราว์เซอร์ นอกจากนี้ PWA ยังลงทะเบียนเพื่อ ยอมรับเนื้อหาจากแอปพลิเคชันอื่นๆ หรือเป็นแอปพลิเคชันเริ่มต้นเพื่อ จัดการไฟล์บางประเภทได้ด้วย
รับผลการค้นหาจาก PWA
การเปิดตัว PWA ไม่ได้เพียงแค่ปรับปรุงประสบการณ์ของผู้ใช้ นอกจากนี้ ยังช่วยปรับปรุงเมตริกและเพิ่มมูลค่าที่คุณได้รับจากบริการด้วย ตัวอย่างที่โดดเด่นบางส่วนมีดังนี้
- PWA ของ Twitter ช่วยให้หน้าเว็บต่อเซสชันเพิ่มขึ้น 65% ทวีตเพิ่มขึ้น 75% และอัตราตีกลับลดลง 20% ทั้งหมดนี้เกิดขึ้นพร้อมกับการลดขนาดแอปกว่า 97%
- หลังจากเปลี่ยนไปใช้ PWA แล้ว Nikkei มียอดเข้าชมทั่วไปเพิ่มขึ้น 2.3 เท่า การสมัครใช้บริการเพิ่มขึ้น 58% และผู้ใช้ที่ใช้งานอยู่รายวันเพิ่มขึ้น 49%
- Hulu แทนที่ประสบการณ์การใช้งานบนเดสก์ท็อปเฉพาะแพลตฟอร์มด้วย PWA และมีผู้กลับมาเข้าชมเพิ่มขึ้น 27%
ดูข้อมูลเพิ่มเติมเกี่ยวกับประโยชน์ของการใช้ PWA ได้ที่ วิธีที่ Progressive Web App ช่วยขับเคลื่อนความสำเร็จทางธุรกิจ