พิจารณาสิทธิ์ของเว็บใหม่: ผู้ใช้ควบคุมความสามารถอันทรงพลังได้อย่างราบรื่นด้วยองค์ประกอบ <permission> ที่ Chrome เสนอใหม่

Minh Le

Gilberto Cocchi

Demián Renzulli

Mari Viana

Thomas Steiner

เผยแพร่: 6 มิถุนายน 2025

ดูวิธีที่องค์ประกอบ <permission> ที่เสนอใหม่ของ Chrome สร้างประสบการณ์การขอสิทธิ์ที่คล่องตัว น่าเชื่อถือ และอยู่ในบริบทมากขึ้น

ทีม Chrome ออกแบบข้อเสนอองค์ประกอบ <permission> เพื่อให้ผู้ใช้ควบคุมความสามารถที่มีประสิทธิภาพได้ องค์ประกอบนี้ช่วยให้นักพัฒนาแอปสร้างประสบการณ์การใช้งานแบบครบวงจรที่ราบรื่น ซึ่งผู้ใช้สามารถอนุญาตให้ใช้ความสามารถเหล่านี้ในบริบทได้ ขณะเดียวกันผู้ใช้ก็จะไม่ถูกรบกวนโดยไม่พึงประสงค์ ชุดกรณีศึกษาเหล่านี้แสดงให้เห็นว่าองค์ประกอบใหม่ทำงานอย่างไรในทางปฏิบัติ

ปัญหาการขอสิทธิ์

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

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

ให้การควบคุมตามบริบทแก่ผู้ใช้

องค์ประกอบ <permission> ที่เสนอแสดงถึงวิวัฒนาการที่สำคัญใน การยศาสตร์ของสิทธิ์บนเว็บ องค์ประกอบ HTML ที่เสนอมานี้ช่วยให้คุณผสานรวมจุดแรกเข้าที่ควบคุมโดยเบราว์เซอร์ได้อย่างราบรื่น แต่ปรับแต่งสไตล์ได้ เพื่อใช้ความสามารถอันทรงพลัง (เช่น ปุ่ม "ใช้กล้อง" ที่ชัดเจนในวิดีโอแชท) โดยตรงในการออกแบบเว็บไซต์ แม้ว่าคุณจะเพลิดเพลินกับความยืดหยุ่นในการจัดรูปแบบ แต่เบราว์เซอร์จะยังคงควบคุมข้อความและไอคอนหลัก ดูแลความปลอดภัย ความสอดคล้อง และการช่วยเหลือพิเศษ ซึ่งหมายความว่าการโต้ตอบกับองค์ประกอบนี้ จะทำหน้าที่เป็นสัญญาณที่ชัดเจนเกี่ยวกับความตั้งใจของผู้ใช้ ทำให้เบราว์เซอร์ สามารถช่วยแนะนำผู้ใช้ในการตัดสินใจที่จำเป็นและขั้นตอนอื่นๆ ได้ ซึ่งแตกต่างจากพรอมต์ที่ทริกเกอร์โดยโปรแกรม ซึ่งเบราว์เซอร์ไม่มีสัญญาณโดยตรงเกี่ยวกับความตั้งใจของผู้ใช้ จึงต้องพิจารณาเสมอว่าควรให้ความช่วยเหลือหรือขัดจังหวะ

โดยฟีเจอร์นี้จะเปลี่ยนประสบการณ์การใช้งานดังนี้

• ผู้ใช้เป็นผู้เริ่ม: องค์ประกอบจะดูแลให้ผู้ใช้เลือกเมื่อต้องการใช้ฟีเจอร์ที่เกี่ยวข้อง แทนที่เว็บไซต์จะเป็นผู้เริ่มแสดงข้อความแจ้ง
• คำขอในบริบท: เนื่องจากองค์ประกอบ <permission> ที่เสนอเป็นส่วนหนึ่งของ ขั้นตอนของเว็บไซต์ ผู้ใช้จึงเข้าใจเหตุผลที่ต้องมีสิทธิ์ ผู้ใช้คลิกปุ่มเพื่อค้นหาร้านค้าใกล้เคียง เป็นต้น ดังนั้นคำขอตำแหน่งจึงสมเหตุสมผล
• การแก้ปัญหาที่ครอบคลุม: เนื่องจากเบราว์เซอร์ได้รับสัญญาณโดยตรงเกี่ยวกับความตั้งใจของผู้ใช้ จึงสามารถแนะนําผู้ใช้ผ่านขั้นตอนทั้งหมดที่เฉพาะเจาะจงกับแพลตฟอร์มซึ่งจําเป็นสําหรับการเข้าถึงความสามารถได้ ตัวอย่างเช่น สามารถ Deep Link ไปยังการตั้งค่าระบบเพื่อช่วยผู้ใช้เปลี่ยนการตั้งค่ากล้องระดับอุปกรณ์ได้ เว็บไซต์จึงไม่จำเป็นต้องระบุขั้นตอนการแก้ปัญหาที่ขึ้นอยู่กับแพลตฟอร์ม
• การกู้คืนสิทธิ์ที่มีประสิทธิภาพ: องค์ประกอบ <permission> ที่เสนอ ช่วยให้ผู้ใช้เปลี่ยนสิทธิ์ที่ถูกปฏิเสธก่อนหน้านี้ได้โดยตรงในหน้าเว็บ โดยไม่ต้องไปที่การตั้งค่าเบราว์เซอร์ การคลิกองค์ประกอบจะทริกเกอร์ข้อความแจ้งขอสิทธิ์เวอร์ชันพิเศษ ซึ่งจะส่งผลให้การกู้คืนดีขึ้นอย่างมาก

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

กรณีศึกษา

Zoom ช่วยผู้ใช้โดยลดข้อผิดพลาดในการจับภาพจากกล้องและไมโครโฟนในเบราว์เซอร์ลง 46.9% ด้วยองค์ประกอบ <permission>

ความท้าทาย

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

วิธีการ

แนวทางการทดสอบของ Zoom สำหรับผลกระทบขององค์ประกอบ <permission> ใช้การเปรียบเทียบก่อนและหลัง โดยองค์ประกอบ <permission> จะแสดงต่อผู้ใช้ Zoom ทุกคนที่เข้าร่วมการประชุม Zoom จากเว็บเบราว์เซอร์ Chrome บนเดสก์ท็อป

ผลลัพธ์

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

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

Immobiliare.it ช่วยให้ผู้ใช้ใช้ฟังก์ชันตำแหน่งบนแผนที่ได้อย่างไรในขณะที่ก่อนหน้านี้ถูกปฏิเสธสิทธิ์โดยใช้องค์ประกอบ <permission>

ความท้าทาย

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

วิธีการ

Immobiliare.it ปรับปรุงขั้นตอนการขอสิทธิ์เข้าถึงตำแหน่งโดยใช้วิธี JavaScript ของ Permissions API เพื่อตรวจหาว่าผู้ใช้ได้ให้สิทธิ์เข้าถึงตำแหน่งแก่เว็บไซต์แล้วหรือไม่ หากแชร์สิทธิ์อยู่แล้ว การดำเนินการนี้จะนำไปสู่การขอเมธอดตำแหน่งทางภูมิศาสตร์ getCurrentPosition() เช่นเดียวกับ ก่อนหน้านี้ หาก API สิทธิ์แสดงว่าผู้ใช้บล็อกสิทธิ์เข้าถึงตำแหน่ง เว็บไซต์จะแสดงข้อความแจ้งที่อธิบายเหตุผลที่ปุ่มตำแหน่งทางภูมิศาสตร์ใช้ไม่ได้ และใช้องค์ประกอบ <permission> เป็นคำกระตุ้นให้ดำเนินการ

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

ผลลัพธ์

เมื่อใช้องค์ประกอบ <permission> อัตราความสำเร็จของโฟลว์ผู้ใช้สำหรับสิทธิ์ตำแหน่งทางภูมิศาสตร์ เพิ่มขึ้น 20% ซึ่งแสดงให้เห็นว่าโฟลว์สิทธิ์ใหม่ ที่ใช้ Permissions API และองค์ประกอบ <permission> ช่วยให้ผู้ใช้จำนวนมากขึ้น อนุญาตสิทธิ์อีกครั้งได้เมื่อต้องการ แม้ว่าในอดีตผู้ใช้จะบล็อก คำขอสิทธิ์ประเภทนี้ก็ตาม

ZapImóveis (OLX BR) ปรับปรุงการค้นหาสถานที่ตั้งเพื่อการใช้งานตามที่ตั้งใจด้วยองค์ประกอบ <permission>

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

ความท้าทาย

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

วิธีการ

ZapImóveis จึงทำการทดสอบ A/B เพื่อแก้ไขความท้าทายด้านความสามารถในการใช้งานเหล่านี้ ในการทดสอบนี้ เราได้เปิดตัวองค์ประกอบ <permission> ให้กับกลุ่มย่อยของผู้ใช้ เป้าหมายคือการจัดหาตัวควบคุมในหน้าเว็บโดยเฉพาะ ภายในอินเทอร์เฟซ ZapImóveis เพื่อจัดการสิทธิ์เข้าถึงตำแหน่ง ซึ่งจะช่วย ปรับปรุงเวิร์กโฟลว์การให้สิทธิ์และทำให้ผู้ใช้ใช้งานได้ง่ายขึ้น

ผลลัพธ์

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

ดูตัวอย่างเพิ่มเติมสำหรับองค์ประกอบ <permission> ในการใช้งาน

• โทรการประชุมทางวิดีโอใน Google Meet โดยใช้เบราว์เซอร์ Chrome
• ค้นหาร้านอาหารใกล้ฉันใน Google Search (ทยอยเปิดตัว)
• ทดสอบองค์ประกอบ <permission> สำหรับความสามารถทั้งหมดที่มีใน https://permission.site/pepc (จาก Chrome 137)

ผสานรวมองค์ประกอบ <permission>

องค์ประกอบ <permission> ได้รับการออกแบบมาให้ทีมพัฒนา นำไปใช้ได้โดยตรง ในฐานะองค์ประกอบ HTML ปกติ คุณสามารถผสานรวมปุ่มนี้ได้เหมือนกับปุ่มอื่นๆ และจัดรูปแบบ (ภายในขีดจํากัดที่เบราว์เซอร์ควบคุม) ให้เข้ากับรูปลักษณ์ของเว็บไซต์ สำหรับเบราว์เซอร์ที่ยังไม่รองรับองค์ประกอบ <permission> นักพัฒนาแอปสามารถมอบประสบการณ์การใช้งานสำรองได้โดยใช้วิธีการขอสิทธิ์ที่มีอยู่ โปรดดูรายละเอียดเพิ่มเติมที่ การปรับปรุงองค์ประกอบ <permission>

ทำให้เว็บมีประโยชน์และใช้งานง่ายยิ่งขึ้น

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

ลิงก์ที่เกี่ยวข้อง

• ผู้อธิบาย
• ข้อกำหนดฉบับร่าง
• สาธิต