公開日: 2025 年 6 月 6 日
Chrome の新しい提案要素 <permission> により、アクセス許可の取得がより効率的で信頼性が高く、コンテキストに沿ったものになる仕組みについて説明します。
Chrome チームは、ユーザーが強力な機能を制御できるように、<permission> 要素の提案を設計しました。この要素により、デベロッパーはシームレスなエンドツーエンドのエクスペリエンスを作成できます。ユーザーはコンテキスト内でこれらの機能の使用を許可でき、同時に不要な中断から保護されます。この一連のケース スタディでは、新しい要素が実際にどのように機能するかを示します。
権限を求めることに関する問題
位置情報、カメラ、マイクなどのデバイス機能を使用するには、ユーザーは複数の権限リクエストを煩わしく感じる可能性があります。デベロッパーにとって、API を呼び出して機能を使用することは簡単で、成功または失敗の結果が得られます。しかし、ユーザーにとっては、多くの場合、コンテキスト外の割り込みプロンプトや、不満や認知負荷を引き起こす最終決定のように見えてしまいます。
現在の権限プロンプトでは、ユーザーが「このサイトは（今）なぜこの権限を必要とするのだろう？」と疑問に思うことがよくあります。このような不明確さから、ユーザーが権限リクエストを拒否することがよくあります。今後ユーザーが中断されないように、Chrome はその後、プロンプトが表示されないようにします。これにより、ユーザーが後で気が変わった場合に、これらの拒否を取り消すという逆の問題が生じます。これにより、ユーザーが機能やサイトを完全に放棄する可能性があります。
ユーザーにコンテキストに応じた制御を提供する
提案されている <permission> 要素は、ウェブ権限の人間工学における大きな進化を表しています。この提案された HTML 要素を使用すると、強力な機能（ビデオチャットの明確な [カメラを使用] ボタンなど）を使用するための、スタイル設定可能なブラウザ制御のエントリ ポイントを、サイトのデザイン内にシームレスに統合できます。スタイルの柔軟性を享受しながら、ブラウザはコアテキストとアイコンの制御を維持し、セキュリティ、一貫性、アクセシビリティを確保します。つまり、この要素に対する操作はユーザーの意図を明確に示すシグナルとなり、ブラウザは必要な決定やその他の手順をユーザーに適切に案内できます。これは、ユーザーの意図を直接示すシグナルがブラウザにないため、常に有用性と中断しないことのバランスを取る必要がある、プログラムでトリガーされるプロンプトとは対照的です。
<permission> 要素の実装例。
![[今回だけ許可] オプションが表示された権限プロンプト。](https://developer.chrome.com/static/blog/rethinking-web-permissions/untitleddocume--jrq8pnnx96.png?hl=ja)
エクスペリエンスがどのように変化するかは次のとおりです。
- ユーザーが開始: ウェブサイトがプロンプトを開始するのではなく、ユーザーが関連機能を使用するタイミングを設計上選択できるようにします。
- コンテキスト内のリクエスト: 提案された
<permission>要素はサイトのフローの一部であるため、ユーザーは権限が必要な理由を理解できます。たとえば、近くの店舗を探すためにボタンをクリックした場合は、位置情報の要求は理にかなっています。 - 包括的なトラブルシューティング: ユーザーの意図に関するシグナルをブラウザが直接取得するため、ユーザーが機能にアクセスするために必要なプラットフォーム固有のすべての手順をユーザーに積極的に案内できます。たとえば、システム設定へのディープリンクを作成して、ユーザーがデバイスレベルのカメラ設定を変更できるようにします。この場合、ウェブサイトでプラットフォームに依存するトラブルシューティングの手順を提供する必要はありません。
- 権限の復元を効率化: 提案されている
<permission>要素を使用すると、ユーザーはブラウザの設定に移動することなく、以前に拒否した権限をページ内で直接変更できます。要素をクリックすると、特別なバージョンの権限プロンプトがトリガーされ、復元率が大幅に向上します。
<permission> 要素を使用すると、ユーザーはサイトの設定に移動しなくても、権限設定をすばやく変更できます。
このアプローチは、より直感的で信頼性が高く、ユーザー主導のインタラクション モデルへと移行するものです。
事例紹介
Zoom は、<permission> 要素を使用してブラウザでのカメラとマイクのキャプチャ エラーを 46.9% 削減し、ユーザーをサポートしています
課題
会議用ウェブサイトの最大の課題の一つは、以前にカメラやマイクへのアクセスを拒否したユーザーが、ビデオ通話に参加する際に権限を再度有効にできるようにすることです。標準フローでは、会議サイトのインターフェース外でブラウザ設定を操作する必要がありました。
アプローチ
<permission> 要素の影響に関する Zoom のテストアプローチでは、前後比較が使用されています。このテストでは、デスクトップの Chrome ウェブブラウザから Zoom ミーティングに参加するすべての Zoom ユーザーに <permission> 要素が公開されました。
結果
Zoom の重要な指標の 1 つに、カメラとマイクのキャプチャ率があります。これは、ブラウザで Zoom ミーティングに参加する際に、ユーザーがカメラとマイクを正常に有効にしたかどうかを測定するものです。Zoom は <permission> 要素で大幅な改善が見られました。ブラウザ エクスペリエンスの失敗（システムレベルまたはブラウザレベルでマイクとカメラが有効になっていない、ブラウザのマイクとカメラの権限プロンプトがユーザーによって閉じられたなど）が 46.9% 減少しました。
<permission> 要素は、エラーの削減に役立っただけでなく、最初に問題に直面したユーザーや、誤ってマイクとカメラへのアクセスを拒否したユーザーが、マイクとカメラを復元して設定するのにも役立ちました。これにより、ユーザーは会話や会議に集中し、全員がはっきりと見えるようになり、聞こえるようになりました。
Immobiliare.it が <permission> 要素を使用して、以前に権限を拒否したユーザーが地図の位置情報機能を使用できるようにした方法
課題
Immobiliare.it サイトで位置情報のサイト権限の共有を以前に拒否したユーザーは、ブラウザのサイト設定にアクセスして権限を手動でロック解除する必要があります。これにより、必要に応じて位置情報の権限を再度付与できるようになります。
アプローチ
Immobiliare.it は、Permissions API の JavaScript メソッドを使用して、ユーザーがサイトに位置情報の権限をすでに付与しているかどうかを検出することで、位置情報の権限のリクエスト フローを改善しました。すでに権限を共有している場合は、以前と同様に位置情報 getCurrentPosition() メソッドのリクエストにつながります。Permission API がユーザーが位置情報の権限をブロックしたことを返した場合、サイトは、位置情報ボタンが機能しない理由を説明するプロンプトを表示し、行動を促すフレーズとして <permission> 要素を使用します。
[位置情報を使用] <permission> 要素をクリックすると、ユーザーは、以前にブロックされていた場合でも、ブラウザの設定にアクセスすることなく、必要に応じて位置情報の権限をシームレスに共有できます。
<permission> 要素を含むメッセージ UX が表示されます。<permission> 要素がブラウザの権限プロンプトをトリガーしました。結果
<permission> 要素を使用すると、位置情報権限のユーザーフローの成功率が 20% 増加しました。これは、Permissions API と <permission> 要素を使用した新しい権限フローにより、過去にこの種の権限リクエストをブロックしたユーザーでも、必要に応じて権限を再度許可しやすくなったことを示しています。
ZapImóveis（OLX BR）が <permission> 要素を使用して用途別の位置情報検索を強化
ブラジルの大手不動産プラットフォームである ZapImóveis は、理想の物件探しは多くの場合、場所から始まることを理解しています。有名な Grupo OLX の一員である ZapImoveis は、全国で販売または賃貸されている住宅、アパート、土地などの不動産の膨大な在庫と数百万人のユーザーを結び付けています。ZapImóveis は、このプロセスにおける位置情報に基づく検索の重要な役割を認識し、ブラウザの権限プロンプトに関連する一般的な不満に対処することで、ユーザー エクスペリエンスを向上させる機会を見出しました。
課題
ZapImóveis は、位置情報検索機能に重大なユーザビリティの問題があることを特定しました。特に、標準のブラウザ権限プロンプトに関連する問題です。ユーザーは、位置情報へのアクセスを最初に許可するときと、以前に拒否した権限を再度有効にしようとするときに、困難を経験しました。これにより、ユーザー エクスペリエンス全体が低下し、ウェブサイトの地域ベースの検索機能の有効性が損なわれる可能性があります。
アプローチ
こうしたユーザビリティの課題に対処するため、ZapImóveis は A/B テストを実施しました。このテストでは、一部のユーザーに <permission> 要素が導入されました。目標は、ZapImóveis のインターフェース内に位置情報の権限を管理するための専用のページ内コントロールを提供し、権限ワークフローを効率化して、ユーザーにとってより直感的なものにすることでした。
結果
ZapImóveis の <permission> 要素の実装により、特に位置情報ベースの機能を積極的に利用しているユーザーにとって、位置情報検索のユーザビリティが大幅に向上しました。標準のブラウザ権限プロンプトで最初に問題が発生したユーザーのうち、<permission> 要素によって提供されるページ内コントロールを使用して、4.3% が位置情報へのアクセスを正常に許可しました。さらに、権限の復元が大幅に強化され、以前にアクセスを拒否したユーザーの 54.4% が、後で位置情報に依存する機能を使用しようとしたときに、アクセスを再許可することに成功しました。初回に権限を付与するまでの平均時間はわずかに増加しましたが、明確な意図を持つユーザーの機能成功率が大幅に向上したため、このトレードオフは正当化されました。
<permission> 要素のその他の使用例
- Chrome ブラウザを使用して Google Meet でビデオ会議通話を行います。
- Google 検索で「近くのレストラン」を検索する（段階的にリリース）
- https://permission.site/pepc で、利用可能なすべての機能について
<permission>要素をテストします（Chrome 137 以降）。
<permission> 要素を統合する
<permission> 要素は、開発チームが簡単に導入できるように設計されています。通常の HTML 要素として、他のボタンと同様に統合でき、サイトのデザインに合わせて（ブラウザで制御される範囲内で）スタイルを設定できます。<permission> 要素をまだサポートしていないブラウザについては、デベロッパーは既存の権限リクエスト メソッドを使用してフォールバック エクスペリエンスを提供できます。詳しくは、<permission> 要素の機能強化をご覧ください。
ウェブをより便利で直感的なものにする
Google では、Chrome とウェブ プラットフォームをより安全で高速かつ便利なものにするために、常に努力を続けています。<permission> 要素は、ウェブ権限のより直感的で人間工学に基づいたモデルに向けた大きな一歩となります。<permission> 要素は、ユーザーに明確なコンテキストと制御を提供することで、強力なウェブ機能とユーザーの信頼のギャップを埋め、ウェブ全体でより豊かで魅力的なエクスペリエンスを実現します。プロダクト オーナーと開発チームは、<permission> 要素がユーザー ジャーニーをどのように強化し、ウェブ アプリケーションの可能性を最大限に引き出すことができるかを検討することをおすすめします。