บทนำ
อุปกรณ์เคลื่อนที่และการเปิดตัว App Store ของผู้ให้บริการอุปกรณ์ได้เปลี่ยนรูปแบบการรับรู้ของผู้ใช้เกี่ยวกับวิธีค้นพบ ประเมิน และติดตั้งซอฟต์แวร์ ปัจจุบันผู้ใช้คุ้นเคยกับ App Store และข้อมูลเพิ่มเติมที่ได้จาก App Store เช่น บริบทเกี่ยวกับแอป ความคิดเห็นทางโซเชียล การติดคะแนน ฯลฯ เป็นอย่างมาก คุณจึงเห็นการเปรียบเทียบ App Store กับระบบปฏิบัติการเดสก์ท็อปต่างๆ ซึ่งรวมถึง ChromeOS, Mac และ Windows
ปัญหาเกี่ยวกับพื้นผิวการติดตั้งในปัจจุบัน
ปัจจุบัน หากผู้ใช้ต้องการติดตั้ง PWA ทางเว็บจะแสดงแถบข้อมูลและการวางซ้อนแบบโมดัลพร้อมข้อมูลเพียงเล็กน้อย หากผู้ใช้ติดตั้งต่อ กระบวนการจะเสร็จสิ้นเร็วเกินไปโดยไม่ได้ให้บริบทแก่ผู้ใช้ ซึ่งขัดต่อความคาดหวังของผู้ใช้เกี่ยวกับการติดตั้งแอปและอาจทำให้ผู้ใช้สับสนเกี่ยวกับสิ่งที่เกิดขึ้น
Chrome เปิดตัวแพลตฟอร์มการติดตั้งแบบใหม่ที่เรียกว่า "การติดตั้งที่สมบูรณ์ยิ่งขึ้น" ซึ่งจะช่วยให้นักพัฒนาแอปมอบประสบการณ์การใช้งานที่ติดตั้งแล้วเทียบเท่ากับประสบการณ์การใช้งานแบบเนทีฟได้ โดยนักพัฒนาแอปสามารถเพิ่มคำอธิบายและภาพหน้าจอลงในไฟล์ Manifest และแสดงในกล่องโต้ตอบของ Bottom Sheet ภายใน Chrome สำหรับ Android
ซึ่งช่วยให้นักพัฒนาแอปมีโอกาสสร้างกระบวนการติดตั้งที่น่าสนใจยิ่งขึ้นที่สอดคล้องกับความคาดหวังของผู้ใช้มากขึ้นและเลียนแบบรูปแบบความคิดที่มีอยู่เกี่ยวกับประสบการณ์การใช้งานที่ติดตั้ง
ความเข้ากันได้แบบย้อนหลัง
เว็บไซต์ที่ไม่มีภาพหน้าจออย่างน้อย 1 ภาพในไฟล์ Manifest จะยังคงได้รับข้อความแจ้งที่มีอยู่ต่อไป ข้อมูลนี้อาจเปลี่ยนแปลงในอนาคตโดยขึ้นอยู่กับการยอมรับของชุมชนนักพัฒนาแอปและความคิดเห็นของผู้ใช้
การแสดงตัวอย่าง UI
UI นี้ใช้งานได้ใน Chrome 94 บน Android และ Chrome 108 บนเดสก์ท็อป
ฟีเจอร์นี้เปิดใช้ใน squoosh.app และสามารถดูตัวอย่างได้
การใช้งาน
หากต้องการแสดงกล่องโต้ตอบ UI การติดตั้งที่สมบูรณ์ยิ่งขึ้น นักพัฒนาแอปต้องเพิ่มภาพหน้าจออย่างน้อย 1 ภาพสำหรับอุปกรณ์รูปแบบที่เกี่ยวข้องในอาร์เรย์ screenshots คุณไม่จำเป็นต้องกรอกข้อมูลในฟิลด์ description แต่เราขอแนะนำให้กรอก กล่องโต้ตอบเนื้อหาสร้างขึ้นโดยใช้เนื้อหาของช่อง screenshots และ description เพื่อให้ประสบการณ์การใช้งานคล้ายกับการติดตั้งจาก App Store มากขึ้น UI นี้ช่วยให้ผู้ใช้ทราบว่ากำลังเพิ่มแอปลงในอุปกรณ์ และพื้นที่ที่มากขึ้นช่วยให้นักพัฒนาแอประบุบริบทที่เฉพาะเจาะจงแก่ผู้ใช้ได้ ณ เวลาติดตั้ง
ตัวอย่างเช่น นักพัฒนาแอปสามารถใช้ช่อง description เพื่อไฮไลต์ฟีเจอร์ของแอปที่กระตุ้นให้ผู้ใช้เก็บแอปไว้ในอุปกรณ์ และสามารถใช้ screenshots เพื่อนำเสนอรูปลักษณ์ของเว็บแอปแบบสแตนด์อโลนพร้อมการเข้าถึงที่ง่ายดายทั้งหมดที่แอปแพลตฟอร์มมี
ดูข้อกำหนดโดยละเอียดและคำแนะนำในการเพิ่มลงในแอปได้ที่รูปแบบ UI การติดตั้งที่สมบูรณ์ยิ่งขึ้น
ความคิดเห็น
ในอนาคตเราจะพิจารณาเพิ่มข้อมูลอื่นๆ เช่น หมวดหมู่และคะแนนแอป แต่ทั้งนี้ขึ้นอยู่กับความคิดเห็นจากนักพัฒนาแอปและผู้ใช้
ในอีกไม่กี่เดือนข้างหน้า เราอยากเห็นวิธีที่นักพัฒนาแอปสำรวจรูปแบบ UI ใหม่นี้ และอยากรับฟังความคิดเห็นจากคุณ โปรดติดต่อเราโดยกรอกแบบฟอร์มนี้