เผยแพร่: 6 มิถุนายน 2025
ดูว่าองค์ประกอบ <permission> ที่ Chrome เสนอใหม่สร้างประสบการณ์การให้สิทธิ์ที่มีประสิทธิภาพมากขึ้น น่าเชื่อถือ และสอดคล้องกับบริบทได้อย่างไร
ทีม Chrome ได้ออกแบบข้อเสนอองค์ประกอบ <permission> เพื่อให้ผู้ใช้ควบคุมความสามารถอันทรงประสิทธิภาพได้ องค์ประกอบนี้ช่วยให้นักพัฒนาแอปสร้างประสบการณ์การใช้งานที่ราบรื่นตั้งแต่ต้นจนจบ โดยที่ผู้ใช้สามารถอนุญาตการใช้ความสามารถเหล่านี้ในบริบทที่ต้องการ และขณะเดียวกันก็ปกป้องผู้ใช้จากการหยุดชะงักที่ไม่ต้องการ รายงานกรณีศึกษาชุดนี้แสดงให้เห็นว่าองค์ประกอบใหม่ทํางานอย่างไร
ปัญหาเกี่ยวกับการขอสิทธิ์
หากต้องการใช้ฟีเจอร์ของอุปกรณ์ เช่น ตำแหน่ง กล้อง หรือไมโครโฟน ผู้ใช้มักต้องฝ่าฟันกับสถานการณ์ที่ชวนหงุดหงิดของคําขอสิทธิ์ที่อาจเกิดขึ้นหลายครั้ง สําหรับนักพัฒนาแอป การเรียก API เพื่อใช้ความสามารถนั้นทําได้ง่ายๆ ซึ่งจะทําให้ประสบความสําเร็จหรือไม่สําเร็จ อย่างไรก็ตาม ผู้ใช้มักพบว่าข้อความแจ้งเหล่านี้รบกวนและไม่ตรงตามบริบท รวมถึงเป็นการตัดสินใจครั้งสุดท้ายที่ดูเหมือนว่าผู้ใช้ไม่มีสิทธิ์เปลี่ยนแปลงอีกต่อไป ซึ่งทำให้เกิดความไม่พอใจและภาระทางปัญญา
ข้อความแจ้งสิทธิ์ในปัจจุบันมักทําให้ผู้ใช้สงสัยว่า "ทําไมเว็บไซต์นี้จึงต้องการสิทธิ์นี้ (ตอนนี้)" ความไม่ชัดเจนนี้มักส่งผลให้ผู้ใช้เลือกที่จะปฏิเสธคำขอสิทธิ์ Chrome จะป้องกันไม่ให้มีการแสดงข้อความแจ้งอีกต่อไปเพื่อปกป้องผู้ใช้จากการหยุดชะงักในอนาคต ซึ่งในทางกลับกันก็ทำให้เกิดปัญหาในการยกเลิกการปฏิเสธเหล่านี้หากผู้ใช้เปลี่ยนใจในภายหลัง ซึ่งอาจทําให้ผู้ใช้เลิกใช้ฟีเจอร์หรือเว็บไซต์ไปเลย
ให้การควบคุมตามบริบทแก่ผู้ใช้
องค์ประกอบ <permission> ที่เสนอเป็นวิวัฒนาการที่สำคัญในด้านความสะดวกสบายของสิทธิ์ในเว็บ องค์ประกอบ HTML ที่แนะนํานี้ช่วยให้คุณผสานรวมจุดแรกเข้าที่กำหนดสไตล์ได้แต่ควบคุมโดยเบราว์เซอร์เพื่อใช้ความสามารถอันทรงประสิทธิภาพได้อย่างราบรื่น (เช่น ปุ่ม "ใช้กล้อง" ที่ชัดเจนในวิดีโอแชท) โดยตรงภายในการออกแบบเว็บไซต์ ขณะที่คุณเพลิดเพลินกับการปรับแต่งที่ยืดหยุ่น เบราว์เซอร์จะยังคงควบคุมข้อความและไอคอนหลัก ดูแลความปลอดภัย ความสอดคล้อง และการช่วยเหลือพิเศษ ซึ่งหมายความว่าการโต้ตอบกับองค์ประกอบนี้จะเป็นสัญญาณที่ชัดเจนเกี่ยวกับความตั้งใจของผู้ใช้ ซึ่งช่วยให้เบราว์เซอร์แนะนําผู้ใช้ผ่านการตัดสินใจที่จําเป็นและขั้นตอนอื่นๆ ได้อย่างเป็นประโยชน์ ซึ่งแตกต่างจากพรอมต์ที่ทริกเกอร์แบบเป็นโปรแกรม ซึ่งเบราว์เซอร์ไม่มีสัญญาณโดยตรงเกี่ยวกับความตั้งใจของผู้ใช้ จึงต้องรักษาสมดุลระหว่างการเป็นประโยชน์กับการไม่รบกวนเสมอ
<permission> สำหรับการใช้กล้อง
การเปลี่ยนแปลงประสบการณ์การใช้งานมีดังนี้
- ผู้ใช้เป็นผู้เริ่ม: องค์ประกอบจะออกแบบมาให้ผู้ใช้เลือกเมื่อต้องการใช้ฟีเจอร์ที่เกี่ยวข้องแทนที่เว็บไซต์จะแสดงข้อความแจ้ง
- คำขอตามบริบท: เนื่องจากองค์ประกอบ
<permission>ที่เสนอเป็นส่วนหนึ่งของขั้นตอนของเว็บไซต์ ผู้ใช้จึงเข้าใจเหตุผลที่จำเป็นต้องขอสิทธิ์ ผู้ใช้คลิกปุ่มเพื่อค้นหาร้านค้าที่อยู่ใกล้เคียง ดังนั้นคำขอตำแหน่งจึงเหมาะสม - การแก้ปัญหาที่ครอบคลุม: เนื่องจากเบราว์เซอร์ได้รับสัญญาณโดยตรงเกี่ยวกับความตั้งใจของผู้ใช้ จึงสามารถแนะนำผู้ใช้ผ่านขั้นตอนทั้งหมดที่จำเป็นสำหรับการเข้าถึงความสามารถเฉพาะแพลตฟอร์มได้ เช่น เว็บไซต์สามารถทํา Deep Link ไปยังการตั้งค่าระบบเพื่อช่วยผู้ใช้เปลี่ยนการตั้งค่ากล้องระดับอุปกรณ์ได้ โดยเว็บไซต์ไม่จําเป็นต้องระบุขั้นตอนการแก้ปัญหาที่ขึ้นอยู่กับแพลตฟอร์ม
- การกู้คืนสิทธิ์ที่มีประสิทธิภาพมากขึ้น: องค์ประกอบ
<permission>ที่เสนอจะมอบวิธีในหน้าเว็บโดยตรงเพื่อให้ผู้ใช้เปลี่ยนสิทธิ์ที่ถูกปฏิเสธไปก่อนหน้านี้ได้โดยไม่ต้องไปที่การตั้งค่าเบราว์เซอร์ การคลิกองค์ประกอบจะทริกเกอร์ข้อความแจ้งสิทธิ์เวอร์ชันพิเศษ ซึ่งส่งผลให้การกู้คืนมีประสิทธิภาพดีขึ้นอย่างมาก
<permission> ช่วยให้ผู้ใช้เปลี่ยนการตั้งค่าสิทธิ์ได้อย่างรวดเร็วโดยไม่ต้องไปที่การตั้งค่าเว็บไซต์
แนวทางนี้มุ่งเน้นที่รูปแบบการโต้ตอบที่ใช้งานง่าย เชื่อถือได้ และเน้นผู้ใช้เป็นหลัก
กรณีศึกษา
Zoom ช่วยให้ผู้ใช้ลดข้อผิดพลาดในการจับภาพจากกล้องและไมโครโฟนในเบราว์เซอร์ได้ 46.9% ด้วยองค์ประกอบ <permission>
ความท้าทาย
ปัญหาที่ใหญ่ที่สุดอย่างหนึ่งของเว็บไซต์การประชุมคือช่วยให้ผู้ใช้ที่เคยปฏิเสธการเข้าถึงกล้องหรือไมโครโฟนเปิดใช้สิทธิ์อีกครั้งเมื่อเข้าร่วมวิดีโอคอล ขั้นตอนมาตรฐานกำหนดให้ไปยังการตั้งค่าเบราว์เซอร์นอกอินเทอร์เฟซของเว็บไซต์การประชุม
วิธีการ
แนวทางการทดสอบผลกระทบขององค์ประกอบ <permission> ของ Zoom ใช้การเปรียบเทียบก่อนและหลัง โดยแสดงองค์ประกอบ <permission> แก่ผู้ใช้ Zoom ทุกคนที่เข้าร่วมการประชุม Zoom จากเว็บเบราว์เซอร์ Chrome บนเดสก์ท็อป
ผลลัพธ์
เมตริกหลักอย่างหนึ่งของ Zoom คืออัตราการจับภาพจากกล้องและไมโครโฟน ซึ่งจะวัดการที่ผู้ใช้เปิดใช้กล้องและไมโครโฟนสำเร็จเมื่อเข้าร่วมการประชุม Zoom ในเบราว์เซอร์ การซูมได้รับการปรับปรุงครั้งใหญ่ด้วย<permission>
องค์ประกอบ ปัญหาในการใช้งานเบราว์เซอร์ เช่น ไมโครโฟนและกล้องไม่เปิดใช้ที่ระดับระบบหรือระดับเบราว์เซอร์ หรือผู้ใช้ปิดข้อความแจ้งขอสิทธิ์เข้าถึงไมโครโฟนและกล้องของเบราว์เซอร์ ลดลง 46.9%
องค์ประกอบ <permission> ไม่เพียงช่วยลดความผิดพลาด แต่ยังช่วยให้ผู้ใช้ที่พบปัญหาตั้งแต่แรกหรือผู้ที่ปฏิเสธสิทธิ์เข้าถึงโดยไม่ได้ตั้งใจสามารถกู้คืนและกำหนดค่าไมโครโฟนและกล้องได้ ซึ่งทำให้ผู้ใช้มีส่วนร่วมและมุ่งเน้นที่การสนทนาและการประชุมได้อย่างต่อเนื่อง เพื่อให้ทุกคนเห็นและได้ยินเสียงอย่างชัดเจน
วิธีที่ Immobiliare.it ช่วยให้ผู้ใช้ใช้ฟังก์ชันการทำงานของตำแหน่งบนแผนที่ได้แม้ว่าก่อนหน้านี้จะไม่ได้รับสิทธิ์โดยใช้องค์ประกอบ <permission>
ความท้าทาย
ผู้ใช้ที่ก่อนหน้านี้ปฏิเสธสิทธิ์การแชร์ตำแหน่งของเว็บไซต์ในเว็บไซต์ Immobiliare.it จะต้องเข้าถึงการตั้งค่าเว็บไซต์ของเบราว์เซอร์และปลดล็อกสิทธิ์ด้วยตนเองเพื่อให้สามารถให้สิทธิ์เข้าถึงตำแหน่งอีกครั้งได้หากต้องการ
วิธีการ
Immobiliare.it ปรับปรุงขั้นตอนการขอสิทธิ์เข้าถึงตำแหน่งโดยใช้เมธอด JavaScript ของ Permissions API เพื่อตรวจจับว่าผู้ใช้ได้ให้สิทธิ์เข้าถึงตำแหน่งแก่เว็บไซต์แล้วหรือยัง หากผู้ใช้แชร์สิทธิ์แล้ว ระบบจะขอสิทธิ์เข้าถึงตำแหน่งทางภูมิศาสตร์getCurrentPosition()ตามวิธีก่อนหน้านี้ หาก Permission API แสดงผลว่าผู้ใช้บล็อกสิทธิ์เข้าถึงตำแหน่ง เว็บไซต์จะแสดงข้อความแจ้งที่อธิบายสาเหตุที่ปุ่มตำแหน่งทางภูมิศาสตร์ใช้งานไม่ได้ และใช้องค์ประกอบ <permission> เป็นคำกระตุ้นให้ดำเนินการ (Call-To-Action)
เมื่อคลิกองค์ประกอบ "ใช้ตำแหน่ง" <permission> ผู้ใช้จะแชร์สิทธิ์เข้าถึงตำแหน่งได้อย่างราบรื่นหากต้องการ แม้ว่าก่อนหน้านี้จะบล็อกไว้และไม่ต้องให้ผู้ใช้เข้าถึงการตั้งค่าเบราว์เซอร์
<permission> หากก่อนหน้านี้มีการบล็อกสิทธิ์<permission> ทริกเกอร์ข้อความแจ้งขอสิทธิ์ของเบราว์เซอร์ผลลัพธ์
เมื่อใช้องค์ประกอบ <permission> อัตราความสําเร็จของลําดับการขอสิทธิ์ GeoLocation ของผู้ใช้เพิ่มขึ้น 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> ช่วยปรับปรุงเส้นทางของผู้ใช้และปลดล็อกศักยภาพของเว็บแอปพลิเคชันได้อย่างไร