منتشر شده: ۶ ژوئن ۲۰۲۵
بیاموزید که چگونه عنصر پیشنهادی جدید <permission> در کروم، تجربه‌ای ساده‌تر، قابل اعتمادتر و مرتبط با مجوزها ایجاد می‌کند.
تیم کروم طرح پیشنهادی عنصر <permission> را طراحی کرد تا کاربران بتوانند قابلیت‌های قدرتمندی را کنترل کنند. این عنصر به توسعه‌دهندگان این امکان را می‌دهد تا یک تجربه یکپارچه و بی‌نقص ایجاد کنند که در آن کاربران می‌توانند اجازه استفاده از این قابلیت‌ها را در متن داشته باشند، در حالی که همزمان از وقفه‌های ناخواسته محافظت می‌شوند. این مجموعه از مطالعات موردی نشان می‌دهد که چگونه این عنصر جدید در عمل کار می‌کند.
مشکل درخواست مجوز
برای استفاده از ویژگی‌های دستگاه مانند موقعیت مکانی، دوربین یا میکروفون، کاربران اغلب باید با مجموعه‌ای از درخواست‌های مجوز متعدد و خسته‌کننده مواجه شوند. برای توسعه‌دهندگان، فراخوانی یک API برای استفاده از یک قابلیت، ساده است و منجر به موفقیت یا شکست می‌شود. با این حال، برای کاربران، این اغلب به پیام‌های مزاحم و خارج از چارچوب و تصمیمات به ظاهر نهایی تبدیل می‌شود که باعث ناامیدی و بار شناختی می‌شود.
درخواست‌های مجوز امروزه اغلب کاربران را به این فکر می‌اندازد که "چرا این سایت (الان) به این مجوز نیاز دارد؟" این عدم شفافیت اغلب منجر به این می‌شود که کاربران درخواست‌های مجوز را رد کنند. برای محافظت از کاربران در برابر وقفه‌های آینده، کروم بعداً از درخواست‌های بیشتر جلوگیری می‌کند، که به نوبه خود منجر به چالش معکوس معکوس کردن این رد درخواست‌ها در صورت تغییر نظر کاربر می‌شود. این می‌تواند منجر به ترک ویژگی‌ها یا کل سایت توسط کاربران شود.
کنترل زمینه‌ای را در اختیار کاربران قرار دهید
عنصر پیشنهادی <permission> نشان‌دهنده‌ی یک تحول قابل توجه در ارگونومی مجوزهای وب است. این عنصر HTML پیشنهادی به شما امکان می‌دهد تا یک نقطه ورود قابل تغییر به سبک، اما تحت کنترل مرورگر را برای استفاده از قابلیت‌های قدرتمند (به عنوان مثال، یک دکمه‌ی واضح "استفاده از دوربین" در چت ویدیویی) مستقیماً در طراحی سایت خود ادغام کنید. در حالی که از انعطاف‌پذیری در سبک‌بندی لذت می‌برید، مرورگر کنترل متن و آیکون‌های اصلی را حفظ می‌کند، از امنیت، سازگاری و دسترسی مراقبت می‌کند. این بدان معناست که تعامل با این عنصر به عنوان یک سیگنال واضح در مورد قصد کاربر عمل می‌کند و مرورگر را قادر می‌سازد تا به طور مفید کاربر را در تصمیمات لازم و سایر مراحل راهنمایی کند. این در تضاد با اعلان‌های فعال‌شده توسط برنامه‌نویسی است، که در آن مرورگر فاقد سیگنال مستقیمی از قصد کاربر است، بنابراین باید همیشه بین مفید بودن و عدم وقفه تعادل برقرار کند.
<permission> برای استفاده از دوربین. 
در اینجا نحوه تغییر تجربه را مشاهده می‌کنید:
- کاربر آغازگر: به جای اینکه وب‌سایت یک اعلان را آغاز کند، این عنصر با طراحی خود، دقت می‌کند که کاربر چه زمانی می‌خواهد از ویژگی مرتبط استفاده کند.
- درخواست درون متنی: از آنجا که عنصر
<permission>پیشنهادی بخشی از جریان سایت است، کاربر متوجه می‌شود که چرا به این مجوز نیاز است. برای مثال، آنها روی دکمه کلیک کرده‌اند تا فروشگاه‌های نزدیک را پیدا کنند، بنابراین درخواست موقعیت مکانی منطقی است. - عیب‌یابی جامع : از آنجا که مرورگر مستقیماً از قصد کاربر مطلع می‌شود، می‌تواند در هدایت کاربر در تمام مراحل خاص پلتفرم که برای دسترسی به قابلیت‌ها لازم است، پیشگیرانه عمل کند. به عنوان مثال، می‌تواند به تنظیمات سیستم پیوند عمیق برقرار کند تا به کاربر در تغییر تنظیمات دوربین در سطح دستگاه کمک کند، در این صورت وب‌سایت نیازی به ارائه مراحل عیب‌یابی وابسته به پلتفرم ندارد.
- بازیابی ساده‌تر مجوزها: عنصر پیشنهادی
<permission>روشی مستقیم درون‌صفحه‌ای را برای کاربر فراهم می‌کند تا مجوزهای قبلاً رد شده را بدون مراجعه به تنظیمات مرورگر تغییر دهد. کلیک روی این عنصر، نسخه خاصی از درخواست مجوز را فعال می‌کند که منجر به بهبودهای قابل توجهی در بازیابی می‌شود.
<permission> به کاربران اجازه می‌دهد تا بدون نیاز به رفتن به تنظیمات سایت، تنظیمات مجوز را به سرعت تغییر دهند.این رویکرد به سمت یک مدل تعاملی کاربرمحورتر، قابل اعتمادتر و شهودی‌تر حرکت می‌کند.
مطالعات موردی
زوم با استفاده از عنصر <permission> ، خطاهای ضبط دوربین و میکروفون در مرورگر را تا ۴۶.۹٪ کاهش می‌دهد و به کاربران خود کمک می‌کند.
چالش
یکی از بزرگترین چالش‌ها برای وب‌سایت‌های کنفرانس، کمک به کاربرانی است که قبلاً دسترسی به دوربین یا میکروفون را رد می‌کردند تا هنگام پیوستن به یک تماس ویدیویی، دوباره مجوزها را فعال کنند. روند استاندارد مستلزم پیمایش تنظیمات مرورگر خارج از رابط سایت کنفرانس بود.
رویکرد
رویکرد آزمایش زوم برای بررسی تأثیر عنصر <permission> از مقایسه قبل و بعد استفاده می‌کند، که در آن عنصر <permission> در معرض دید همه کاربران زوم که از طریق مرورگر وب کروم دسکتاپ به جلسه زوم می‌پیوندند، قرار گرفت.
نتیجه
یکی از معیارهای کلیدی زوم، نرخ ضبط دوربین و میکروفون است که میزان فعال بودن موفقیت‌آمیز دوربین و میکروفون توسط کاربر هنگام پیوستن به جلسه زوم در مرورگر را اندازه‌گیری می‌کند. زوم با عنصر <permission> پیشرفت‌های عمده‌ای داشته است. موارد خرابی در تجربه مرورگر، مانند فعال نبودن میکروفون و دوربین در سطح سیستم یا سطح مرورگر، یا رد درخواست مجوز میکروفون و دوربین توسط کاربران، ۴۶.۹٪ کاهش یافته است.
عنصر <permission> نه تنها به کاهش خطاها کمک کرد، بلکه به کاربرانی که در ابتدا با مشکلی مواجه شده بودند یا به اشتباه دسترسی را رد کرده بودند، کمک کرد تا میکروفون و دوربین را بازیابی و پیکربندی کنند، که باعث می‌شد کاربران درگیر و متمرکز بر مکالمات و جلسات باشند، بنابراین همه می‌توانستند به وضوح دیده و شنیده شوند.
چگونه Immobiliare.it به کاربران کمک کرد تا از قابلیت موقعیت مکانی نقشه خود استفاده کنند، در حالی که قبلاً با استفاده از عنصر <permission> اجازه دسترسی به آنها داده نشده بود.
چالش
کاربرانی که قبلاً اجازه اشتراک‌گذاری مکان را در سایت Immobiliare.it رد کرده‌اند، باید به تنظیمات سایت مرورگر دسترسی پیدا کرده و مجوز را به صورت دستی باز کنند تا در صورت تمایل بتوانند دوباره اجازه مکان را اعطا کنند.
رویکرد
Immobiliare.it با استفاده از روش جاوا اسکریپت Permissions API برای تشخیص اینکه آیا کاربر قبلاً مجوزهای مکان را به سایت خود اعطا کرده است یا خیر، جریان درخواست مجوزهای مکان خود را بهبود بخشیده است. اگر آنها قبلاً مجوز را به اشتراک گذاشته باشند، این امر منجر به درخواست روش getCurrentPosition() موقعیت مکانی مانند قبل می‌شود. اگر Permission API نشان دهد که کاربر مجوز مکان را مسدود کرده است، سایت اعلانی را نشان می‌دهد که توضیح می‌دهد چرا دکمه موقعیت مکانی نمی‌تواند کار کند و از عنصر <permission> به عنوان فراخوان برای اقدام استفاده می‌کند.
با کلیک روی عنصر <permission> «استفاده از موقعیت مکانی»، کاربران می‌توانند در صورت تمایل، حتی اگر قبلاً مسدود شده باشند و بدون نیاز به دسترسی کاربر به تنظیمات مرورگر خود، مجوز موقعیت مکانی را به طور یکپارچه به اشتراک بگذارند.
<permission> را می‌بیند، در صورتی که قبلاً دسترسی‌ها مسدود شده باشند.<permission> باعث فعال شدن درخواست مجوز مرورگر شد.نتایج
هنگام استفاده از عنصر <permission> ، میزان موفقیت جریان کاربری مجوزهای موقعیت جغرافیایی 20٪ افزایش یافت، که نشان می‌دهد جریان جدید مجوز با استفاده از API مجوزها و عنصر <permission> به کاربران بیشتری کمک کرد تا در صورت نیاز، دوباره مجوز را مجاز کنند، حتی اگر در گذشته این نوع درخواست مجوز را مسدود کرده بودند.
ZapImóveis (OLX BR) با استفاده از عنصر <permission> جستجوی موقعیت مکانی را برای استفاده مورد نظر بهبود می‌بخشد.
ZapImóveis، یک پلتفرم پیشرو در زمینه املاک و مستغلات در برزیل، می‌داند که یافتن ملک ایده‌آل اغلب با موقعیت مکانی شروع می‌شود. ZapImóveis، به عنوان بخشی از Grupo OLX مشهور، میلیون‌ها کاربر را با فهرست گسترده‌ای از خانه‌ها، آپارتمان‌ها، زمین‌ها و سایر املاک برای فروش و اجاره در سراسر کشور متصل می‌کند. ZapImóveis با درک نقش حیاتی جستجوی مبتنی بر موقعیت مکانی در این فرآیند، فرصتی را برای بهبود تجربه کاربر با پرداختن به ناامیدی‌های رایج مرتبط با درخواست‌های مجوز مرورگر شناسایی کرد.
چالش
ZapImóveis مشکلات قابل توجهی در قابلیت استفاده از ویژگی جستجوی موقعیت مکانی خود، به ویژه مربوط به درخواست‌های مجوز استاندارد مرورگر، شناسایی کرد. کاربران هم هنگام اعطای اولیه دسترسی به موقعیت مکانی و هم، شاید مهم‌تر از آن، هنگام تلاش برای فعال کردن مجدد مجوزها پس از رد قبلی آنها، با مشکلاتی مواجه شدند. این امر بر تجربه کلی کاربر تأثیر منفی گذاشت و به طور بالقوه مانع اثربخشی قابلیت جستجوی مبتنی بر موقعیت مکانی در وب‌سایت‌های آنها شد.
رویکرد
برای پرداختن به این چالش‌های کاربردپذیری، ZapImóveis یک آزمون A/B انجام داد. در این آزمون، عنصر <permission> به زیرمجموعه‌ای از کاربران معرفی شد. هدف، ارائه یک کنترل اختصاصی درون صفحه‌ای در رابط کاربری ZapImóveis برای مدیریت مجوزهای مکان بود، که در نتیجه گردش کار مجوز را ساده‌تر و آن را برای کاربران شهودی‌تر می‌کرد.
نتایج
پیاده‌سازی عنصر <permission> در ZapImóveis منجر به بهبود قابل توجه در قابلیت استفاده از جستجوی مکان، به ویژه برای کاربرانی که به طور فعال با ویژگی‌های مبتنی بر مکان سروکار داشتند، شد. برای کسانی که در ابتدا با درخواست‌های مجوز استاندارد مرورگر با مشکل مواجه شدند، کنترل درون صفحه‌ای ارائه شده توسط عنصر <permission> ، 4.3٪ را قادر ساخت تا با موفقیت به دسترسی به مکان دسترسی دهند. علاوه بر این، بازیابی مجوز را به طور قابل توجهی افزایش داد، به طوری که 54.4٪ از کاربرانی که قبلاً دسترسی را رد کرده بودند، وقتی بعداً سعی در استفاده از قابلیت‌های وابسته به مکان داشتند، با موفقیت دوباره آن را اعطا کردند. در حالی که افزایش جزئی در میانگین زمان اعطای مجوز اولیه وجود داشت، دستاوردهای قابل توجه در موفقیت ویژگی برای کاربرانی که قصد مشخصی داشتند، این بده بستان را توجیه می‌کرد.
مثال‌های بیشتری برای عنصر <permission> در عمل ببینید
- با استفاده از مرورگر کروم، در گوگل میت یک تماس ویدیویی کنفرانسی برقرار کنید.
- جستجوی رستوران در نزدیکی خود در جستجوی گوگل (به تدریج فعال می‌شود)
- عنصر
<permission>را برای تمام قابلیت‌های موجود در https://permission.site/pepc (از Chrome 137) آزمایش کنید.
عنصر <permission> را ادغام کنید
عنصر <permission> به گونه‌ای طراحی شده است که تیم‌های توسعه به راحتی بتوانند آن را به کار گیرند. به عنوان یک عنصر HTML معمولی، می‌توان آن را مانند هر دکمه دیگری ادغام کرد و (در محدوده کنترل‌شده توسط مرورگر) آن را طوری استایل‌بندی کرد که با ظاهر و حس سایت شما مطابقت داشته باشد. برای مرورگرهایی که هنوز از عنصر <permission> پشتیبانی نمی‌کنند، توسعه‌دهندگان می‌توانند با استفاده از روش‌های درخواست مجوز موجود، تجربیات جایگزین ارائه دهند. برای جزئیات بیشتر، بهبودهای عنصر <permission> را مطالعه کنید.
وب را مفیدتر و کاربرپسندتر کنید
در گوگل، ما دائماً در تلاشیم تا کروم و پلتفرم وب را ایمن‌تر، سریع‌تر و مفیدتر کنیم. عنصر <permission> گامی مهم به سوی یک مدل بصری‌تر و ارگونومیک‌تر برای مجوزهای وب است. عنصر <permission> با ارائه زمینه و کنترل واضح به کاربران، به پر کردن شکاف بین قابلیت‌های قدرتمند وب و اعتماد کاربر کمک می‌کند و تجربیات غنی‌تر و جذاب‌تری را در سراسر وب امکان‌پذیر می‌سازد. ما صاحبان محصول و تیم‌های توسعه را تشویق می‌کنیم تا بررسی کنند که چگونه عنصر <permission> می‌تواند سفر کاربر را بهبود بخشد و پتانسیل کامل برنامه‌های وب آنها را آزاد کند.