تاریخ انتشار: 6 ژوئن 2025
بیاموزید که چگونه عنصر <permission> پیشنهادی جدید Chrome، تجربه مجوز کارآمدتر، قابل اعتمادتر و درون زمینه را ایجاد می کند.
تیم Chrome پیشنهاد عنصر <permission> را برای کنترل قابلیت‌های قدرتمند توسط کاربران طراحی کرد. این عنصر توسعه‌دهندگان را قادر می‌سازد تا یک تجربه یکپارچه از انتها به انتها ایجاد کنند که در آن کاربران می‌توانند اجازه استفاده از این قابلیت‌ها را در زمینه داشته باشند، در حالی که در عین حال کاربران از وقفه‌های ناخواسته محافظت می‌شوند. این مجموعه از مطالعات موردی نشان می دهد که چگونه عنصر جدید در عمل کار می کند.
مشکل اجازه گرفتن
برای استفاده از ویژگی‌های دستگاه مانند موقعیت مکانی، دوربین یا میکروفون، کاربران اغلب نیاز دارند که در یک چشم‌انداز خسته‌کننده از درخواست‌های بالقوه مجوزهای متعدد پیمایش کنند. برای توسعه دهندگان، فراخوانی یک API برای استفاده از یک قابلیت ساده است که منجر به موفقیت یا شکست می شود. با این حال، برای کاربران، این اغلب به پیام‌های وقفه‌ای و خارج از زمینه و تصمیمات به ظاهر نهایی تبدیل می‌شود که باعث ناامیدی و بار شناختی می‌شود.
درخواست های مجوز امروزه اغلب کاربران را با تعجب وادار می کند که "چرا این سایت (اکنون) به این مجوز نیاز دارد؟ این عدم وضوح اغلب باعث می‌شود که کاربران درخواست‌های مجوز را رد کنند. برای محافظت از کاربران در برابر وقفه‌ها در آینده، کروم پس از آن از درخواست‌های بیشتر جلوگیری می‌کند، که به نوبه خود منجر به چالش معکوس برگشت این انکارها در صورتی که کاربر بعداً نظر خود را تغییر دهد، می‌شود. این می تواند منجر به رها شدن کامل ویژگی ها یا سایت توسط کاربران شود.
کنترل متنی را در اختیار کاربران قرار دهید
عنصر <permission> پیشنهادی نشان دهنده یک تحول مهم در ارگونومی مجوزهای وب است. این عنصر HTML پیشنهادی به شما این امکان را می‌دهد که یک نقطه ورودی سبک، اما کنترل‌شده توسط مرورگر را برای استفاده از قابلیت‌های قدرتمند (به عنوان مثال، دکمه واضح «استفاده از دوربین» در یک چت ویدیویی) مستقیماً در طراحی سایت خود ادغام کنید. در حالی که از انعطاف‌پذیری سبک لذت می‌برید، مرورگر کنترل متن اصلی و نمادها را حفظ می‌کند، از امنیت، سازگاری و دسترسی مراقبت می‌کند. این بدان معنی است که تعامل با این عنصر به عنوان یک سیگنال واضح در مورد قصد کاربر عمل می کند و مرورگر را قادر می سازد تا کاربر را در تصمیم گیری های لازم و سایر مراحل راهنمایی کند. این در تضاد با اعلان‌هایی است که از طریق برنامه‌نویسی راه‌اندازی می‌شوند، جایی که مرورگر فاقد سیگنال مستقیم از قصد کاربر است، بنابراین باید همیشه مفید بودن را با عدم وقفه متعادل کند.
<permission> برای استفاده از دوربین. 
در اینجا نحوه تغییر این تجربه آمده است:
- User Initiated: به جای اینکه وب‌سایت یک اعلان را راه‌اندازی کند، عنصر با طراحی که کاربر وقتی می‌خواهد از ویژگی مرتبط استفاده کند، انتخاب می‌کند.
- درخواست درون متنی: از آنجایی که عنصر
<permission>پیشنهادی بخشی از جریان سایت است، کاربر متوجه می شود که چرا به مجوز نیاز است. آنها روی دکمه کلیک کردند تا مثلاً فروشگاه های نزدیک را پیدا کنند، بنابراین درخواست مکان منطقی است. - عیب‌یابی جامع : از آنجایی که مرورگر سیگنال مستقیمی در مورد هدف کاربر دریافت می‌کند، می‌تواند در هدایت کاربر در تمام مراحل خاص پلتفرم لازم برای دسترسی به قابلیت فعال باشد. برای مثال، می‌تواند به تنظیمات سیستم پیوند عمیق بدهد تا به کاربر کمک کند تنظیمات دوربین سطح دستگاه را تغییر دهد، وب‌سایت نیازی به ارائه مراحل عیب‌یابی وابسته به پلتفرم ندارد.
- بازیابی مجوز ساده: عنصر
<permission>پیشنهادی یک راه مستقیم در داخل صفحه را برای کاربر ارائه می دهد تا مجوزهای قبلاً رد شده را بدون رفتن به تنظیمات مرورگر تغییر دهد. یک کلیک روی عنصر، یک نسخه ویژه از درخواست مجوز را راه‌اندازی می‌کند که منجر به بهبود قابل توجهی در بازیابی می‌شود.
<permission> به کاربران اجازه می دهد تا بدون نیاز به رفتن به تنظیمات سایت، تنظیمات مجوز را به سرعت تغییر دهند.این رویکرد به سمت یک مدل تعامل شهودی تر، قابل اعتمادتر و کاربر محور حرکت می کند.
مطالعات موردی
Zoom با کاهش 46.9 درصدی خطاهای ضبط دوربین و میکروفون در مرورگر با عنصر <permission> به کاربران خود کمک می کند.
چالش
یکی از بزرگ‌ترین چالش‌ها برای وب‌سایت‌های کنفرانس، کمک به کاربرانی است که قبلاً از دسترسی به دوربین یا میکروفون خودداری می‌کردند تا هنگام ملحق شدن به یک تماس ویدیویی، مجوزها را دوباره فعال کنند. جریان استاندارد نیازمند پیمایش تنظیمات مرورگر خارج از رابط سایت کنفرانس بود.
رویکرد
رویکرد آزمایشی زوم برای تأثیر عنصر <permission> از یک مقایسه قبل و بعد استفاده می‌کند، جایی که عنصر <permission> برای همه کاربران زوم که از مرورگر وب Chrome دسکتاپ به جلسه Zoom ملحق می‌شوند، در معرض دید قرار می‌گیرد.
نتیجه
یکی از معیارهای کلیدی زوم، میزان ضبط دوربین و میکروفون است که عملکرد موفقیت آمیز دوربین و میکروفون توسط کاربر را هنگام پیوستن به جلسه زوم در مرورگر اندازه گیری می کند. زوم با عنصر <permission> پیشرفت‌های عمده‌ای داشت. نقص‌هایی که در تجربه مرورگر وجود دارد، مانند فعال نشدن میکروفون و دوربین در سطح سیستم یا مرورگر، یا نادیده گرفتن درخواست مجوز میکروفون مرورگر و دوربین توسط کاربران، 46.9% کاهش یافته است.
عنصر <permission> نه تنها به کاهش خطاها کمک می‌کند، بلکه به کاربرانی که در ابتدا با مشکلی مواجه بودند یا به اشتباه دسترسی به میکروفون و دوربین را رد کرده‌اند، کمک می‌کند، که کاربران را درگیر می‌کرد و روی مکالمات و جلسات تمرکز می‌کرد تا همه به وضوح دیده و شنیده شوند.
چگونه Immobiliare.it به کاربران کمک کرد تا از عملکرد مکان نقشه خود استفاده کنند در حالی که قبلاً با استفاده از عنصر <permission> مجوز را رد کرده بودند.
چالش
کاربرانی که قبلاً اجازه اشتراک‌گذاری سایت برای موقعیت مکانی در سایت Immobiliare.it را رد کرده‌اند، باید به تنظیمات سایت مرورگر دسترسی داشته باشند و به صورت دستی مجوز را باز کنند تا در صورت تمایل بتوانند دوباره مجوز مکان را اعطا کنند.
رویکرد
Immobiliare.it جریان درخواست مجوزهای موقعیت مکانی خود را با استفاده از روش JavaScript API Permissions بهبود بخشید تا تشخیص دهد آیا کاربر قبلاً مجوزهای مکان را به سایت خود اعطا کرده است یا خیر. اگر آنها قبلاً مجوز را به اشتراک گذاشته باشند، این منجر به درخواست متد getCurrentPosition() موقعیت جغرافیایی مانند قبل می شود. اگر Permission API نشان دهد که کاربر مجوز مکان را مسدود کرده است، سایت درخواستی را نشان می‌دهد که توضیح می‌دهد چرا دکمه Geolocation نمی‌تواند کار کند و از عنصر <permission> به عنوان فراخوان برای اقدام استفاده می‌کند.
با کلیک بر روی عنصر <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 تماس ویدیویی برقرار کنید.
- جستجوی رستورانی در این نزدیکی در جستجوی Google (عرضه تدریجی)
- عنصر
<permission>را برای همه قابلیت‌های موجود در https://permission.site/pepc (از Chrome 137) آزمایش کنید
عنصر <permission> را یکپارچه کنید
عنصر <permission> به گونه‌ای طراحی شده است که تیم‌های توسعه‌دهنده آن را بپذیرند. به عنوان یک عنصر معمولی HTML، می‌توان آن را مانند هر دکمه دیگری ادغام کرد و (در محدوده‌های کنترل شده توسط مرورگر) برای مطابقت با ظاهر و احساس سایت شما شکل داد. برای مرورگرهایی که هنوز عنصر <permission> را پشتیبانی نمی‌کنند، توسعه‌دهندگان می‌توانند با استفاده از روش‌های درخواست مجوز موجود، تجربیات بازگشتی را ارائه دهند. برای جزئیات بیشتر، Enhancements به عنصر <permission> را بخوانید.
وب را مفیدتر و شهودی تر کنید
در Google، ما دائماً در تلاش هستیم تا Chrome و پلتفرم وب را ایمن‌تر، سریع‌تر و مفیدتر کنیم. عنصر <permission> یک گام مهم به سمت یک مدل بصری تر و ارگونومیک تر برای مجوزهای وب را نشان می دهد. با دادن زمینه و کنترل واضح به کاربران، عنصر <permission> به پر کردن شکاف بین قابلیت‌های قدرتمند وب و اعتماد کاربر کمک می‌کند و تجربه‌های غنی‌تر و جذاب‌تری را در سراسر وب فراهم می‌کند. ما صاحبان محصول و تیم‌های توسعه را تشویق می‌کنیم تا بررسی کنند که چگونه عنصر <permission> می‌تواند سفرهای کاربر خود را بهبود بخشد و پتانسیل کامل برنامه‌های وب خود را باز کند.