Pubblicata il 6 giugno 2025
Scopri in che modo il nuovo elemento <permission> proposto da Chrome crea un'esperienza di autorizzazione più semplificata, affidabile e contestuale.
Il team di Chrome ha progettato la proposta dell'elemento <permission> per mettere gli utenti al centro di funzionalità potenti. L'elemento consente agli sviluppatori di creare un'esperienza end-to-end senza interruzioni in cui gli utenti possono consentire l'utilizzo di queste funzionalità in contesto, proteggendoli al contempo da interruzioni indesiderate. Questo insieme di casi d'uso dimostra come funziona il nuovo elemento in pratica.
Il problema della richiesta di autorizzazione
Per utilizzare le funzionalità del dispositivo come la posizione, la fotocamera o il microfono, gli utenti devono spesso gestire un panorama frustrante di richieste di autorizzazione potenzialmente multiple. Per gli sviluppatori, chiamare un'API per utilizzare una funzionalità è semplice e può avere esito positivo o negativo. Per gli utenti, però, ciò si traduce spesso in prompt che interrompono e non sono contestuali e in decisioni apparentemente definitive che causano frustrazione e carico cognitivo.
Oggi le richieste di autorizzazione spesso fanno sì che gli utenti si chiedano: "Perché questo sito ha bisogno di questa autorizzazione (ora)?" Questa mancanza di chiarezza spesso porta gli utenti a scegliere di negare le richieste di autorizzazione. Per proteggere gli utenti da interruzioni in futuro, Chrome impedirà in seguito ulteriori richieste, il che, a sua volta, comporta la difficoltà opposta di annullare questi rifiuti se l'utente cambia idea in un secondo momento. Ciò può portare gli utenti ad abbandonare completamente le funzionalità o il sito.
Offrire agli utenti il controllo contestuale
L'elemento <permission> proposto rappresenta un'evoluzione significativa nell'ergonomia delle autorizzazioni web. Questo elemento HTML proposto ti consente di integrare senza problemi un punto di contatto personalizzabile, ma controllato dal browser, per utilizzare funzionalità efficaci (ad esempio un pulsante "Usa videocamera" chiaro in una videochiamata) direttamente nel design del tuo sito. Mentre ti godi la flessibilità degli stili, il browser mantiene il controllo sul testo e sulle icone di base, si occupa di sicurezza, coerenza e accessibilità. Ciò significa che un'interazione con questo elemento costituisce un segnale chiaro dell'intenzione dell'utente, consentendo al browser di guidarlo in modo utile attraverso le decisioni necessarie e altri passaggi. Questo
è in contrasto con i prompt attivati tramite programmazione, in cui il browser
non dispone di un indicatore diretto dell'intenzione dell'utente, pertanto deve sempre bilanciare la sua utilità
con la necessità di non interrompere.
<permission> per l'utilizzo della fotocamera.
Ecco come trasforma l'esperienza:
- Avvio da parte dell'utente:anziché essere il sito web ad avviare una richiesta, l'elemento fa in modo che sia l'utente a scegliere quando vuole utilizzare la funzionalità correlata.
- Richiesta in-context: poiché l'elemento
<permission>proposto fa parte del flusso del sito, l'utente comprende perché è necessaria l'autorizzazione. Ha fatto clic sul pulsante, ad esempio, per trovare negozi nelle vicinanze, quindi una richiesta di accesso alla posizione è appropriata. - Risoluzione dei problemi completa: poiché il browser riceve un indicatore diretto sull'intenzione dell'utente, può essere proattivo nel guidarlo attraverso tutti i passaggi specifici della piattaforma necessari per l'accesso alle funzionalità. Ad esempio, può creare un link diretto alle impostazioni di sistema per aiutare l'utente a modificare l'impostazione della fotocamera a livello di dispositivo. Il sito web non deve fornire la procedura di risoluzione dei problemi in base alla piattaforma.
- Recupero delle autorizzazioni semplificato:l'elemento
<permission>proposto offre all'utente un modo diretto in-page per modificare le autorizzazioni precedentemente negate senza accedere alle impostazioni del browser. Un clic sull'elemento attiva una versione speciale della richiesta di autorizzazione, con notevoli miglioramenti del recupero.
<permission> consente agli utenti di modificare rapidamente l'impostazione di autorizzazione senza dover accedere alle impostazioni del sito.
Questo approccio si basa su un modello di interazione più intuitivo, affidabile e incentrato sull'utente.
Case study
Zoom aiuta i suoi utenti riducendo del 46,9% gli errori di acquisizione della fotocamera e del microfono nel browser con l'elemento <permission>
La sfida
Una delle maggiori sfide per i siti web di videoconferenze è aiutare gli utenti che in precedenza hanno negato l'accesso alla videocamera o al microfono a riattivare le autorizzazioni quando partecipano a una videochiamata. Il flusso standard richiedeva di accedere alle impostazioni del browser al di fuori dell'interfaccia del sito di videoconferenze.
L'approccio
L'approccio di test di Zoom per l'impatto dell'elemento <permission> utilizza un
confronto prima e dopo, in cui l'elemento <permission> è stato esposto a tutti
gli utenti Zoom che si uniscono a una riunione Zoom da un browser web Chrome per computer.
Il risultato
Una delle metriche chiave di Zoom è il tasso di acquisizione della fotocamera e del microfono, che misura la corretta attivazione della fotocamera e del microfono da parte di un utente quando partecipa a una riunione Zoom in un browser. Zoom ha registrato notevoli miglioramenti con l'elemento <permission>. I problemi nell'esperienza del browser, ad esempio il microfono e la fotocamera non attivati a livello di sistema o di browser oppure gli utenti che ignorano la richiesta di autorizzazione per il microfono e la fotocamera del browser, sono diminuiti del 46, 9%.
L'elemento <permission> non solo ha contribuito a ridurre gli errori, ma ha anche aiutato gli utenti che inizialmente avevano riscontrato un problema o che avevano erroneamente negato l'accesso a recuperare e configurare il microfono e la videocamera, mantenendoli coinvolti e concentrati sulle conversazioni e sulle riunioni, in modo che tutti potessero essere visti e ascoltati chiaramente.
In che modo Immobiliare.it ha aiutato gli utenti a utilizzare la funzionalità di geolocalizzazione della mappa, nonostante avessero precedentemente negato l'autorizzazione, utilizzando l'elemento <permission>
La sfida
Gli utenti che in precedenza hanno negato l'autorizzazione di condivisione del sito per la posizione sul sito Immobiliare.it devono accedere alle Impostazioni dei siti del browser e sbloccare manualmente l'autorizzazione per poter concedere nuovamente l'autorizzazione di accesso alla posizione, se lo desiderano.
L'approccio
Immobiliare.it ha migliorato il flusso di richiesta delle autorizzazioni di accesso alla posizione utilizzando il metodo JavaScript dell'API Permissions per rilevare se un utente ha già concesso o meno le autorizzazioni di accesso alla posizione al proprio sito. Se l'utente ha già concesso l'autorizzazione,
dovrà richiedere il metodo getCurrentPosition() di geolocalizzazione come
in precedenza. Se l'API Permission ha restituito che l'utente ha bloccato l'autorizzazione di accesso alla posizione, il sito mostra una richiesta che spiega perché il pulsante Geolocalizzazione non può funzionare e utilizza l'elemento <permission> come invito all'azione.
Facendo clic sull'elemento "Usa la posizione" <permission>, gli utenti possono condividere senza problemi l'autorizzazione di accesso alla posizione, anche se precedentemente bloccata e senza richiedere all'utente di accedere alle impostazioni del browser.
<permission>, se l'autorizzazione è stata bloccata in precedenza.<permission> ha attivato la richiesta di autorizzazione del browser.I risultati
Quando si utilizza l'elemento <permission>, il tasso di successo del flusso utente per le autorizzazioni di accesso alla posizione geografica è aumentato del 20%, il che suggerisce che il nuovo flusso di autorizzazione che utilizza l'API Permissions e l'elemento <permission> ha aiutato più utenti a consentire di nuovo l'autorizzazione, se lo desiderano, anche se in passato hanno bloccato questo tipo di richiesta di autorizzazione
ZapImóveis (OLX BR) migliora la ricerca della località per l'utilizzo previsto con l'elemento <permission>
ZapImóveis, una delle principali piattaforme immobiliari in Brasile, sa che trovare la proprietà perfetta spesso inizia dalla posizione. Componente del rinomato Gruppo OLX, ZapImoveis mette in contatto milioni di utenti con un vasto inventario di case, appartamenti, terreni e altre proprietà in vendita e in affitto in tutto il paese. Riconoscendo il ruolo fondamentale della ricerca basata sulla posizione in questo processo, ZapImóveis ha identificato un'opportunità per migliorare l'esperienza utente affrontando le frustrazioni comuni associate alle richieste di autorizzazione del browser.
La sfida
ZapImóveis ha identificato gravi problemi di usabilità all'interno della sua funzionalità di ricerca della località, in particolare in relazione alle richieste di autorizzazione del browser standard. Gli utenti hanno riscontrato difficoltà sia al momento della concessione iniziale dell'accesso alla posizione sia, forse in misura maggiore, quando hanno tentato di riattivare le autorizzazioni dopo averle precedentemente negate. Ciò ha avuto un impatto negativo sull'esperienza utente complessiva e ha potenzialmente ostacolato l'efficacia della funzionalità di ricerca basata sulla posizione sui loro siti web.
L'approccio
Per risolvere questi problemi di usabilità, ZapImóveis ha condotto un test A/B. In questo test, l'elemento <permission> è stato introdotto in un
sottoinsieme di utenti. L'obiettivo era fornire un controllo in-page dedicato
all'interno dell'interfaccia di ZapImóveis per la gestione delle autorizzazioni di accesso alla posizione,
semplificando così il flusso di lavoro delle autorizzazioni e rendendolo più intuitivo per gli utenti.
I risultati
L'implementazione dell'elemento <permission> di ZapImóveis ha portato a un notevole miglioramento dell'usabilità della ricerca di località, in particolare per gli utenti che interagivano attivamente con le funzionalità basate sulla posizione. Per chi inizialmente ha riscontrato difficoltà con le richieste di autorizzazione del browser standard, il controllo in-page fornito dall'elemento <permission> ha consentito al 4,3% di concedere correttamente l'accesso alla posizione. Inoltre, ha migliorato notevolmente il recupero delle autorizzazioni, con il 54,4% degli utenti che aveva precedentemente negato l'accesso che lo ha concesso di nuovo quando in un secondo momento ha tentato di utilizzare le funzionalità basate sulla posizione. Sebbene si sia registrato un leggero aumento del tempo medio per la concessione iniziale dell'autorizzazione, i notevoli miglioramenti del successo della funzionalità per gli utenti con intenti chiari hanno giustificato questo compromesso.
Guarda altri esempi dell'elemento <permission> in azione
- Effettua una chiamata di videoconferenza su Google Meet utilizzando il browser Chrome.
- Cercare un ristorante nelle vicinanze nella Ricerca Google (implementazione graduale)
- Testa l'elemento
<permission>per tutte le funzionalità disponibili su https://permission.site/pepc (da Chrome 137)
Integrare l'elemento <permission>
L'elemento <permission> è progettato per essere facilmente adottato dai team di sviluppo. Come normale elemento HTML, può essere integrato come qualsiasi altro pulsante e personalizzato (entro i limiti controllati dal browser) in base all'aspetto del tuo sito. Per i browser che non supportano ancora l'elemento <permission>,
gli sviluppatori possono fornire esperienze di riserva utilizzando i metodi di richiesta di autorizzazione
esistenti. Per maggiori dettagli, leggi la sezione relativa ai miglioramenti all'elemento <permission>.
Rendere il web più utile e intuitivo
In Google, lavoriamo costantemente per rendere Chrome e la piattaforma web più sicuri,
più veloci e più utili. L'elemento <permission> rappresenta un passo significativo verso un modello più intuitivo ed ergonomico per le autorizzazioni web. Fornendo agli utenti un contesto e un controllo chiari, l'elemento <permission> contribuisce a colmare il divario tra le potenti funzionalità web e la fiducia degli utenti, consentendo esperienze più ricche e coinvolgenti sul web. Invitiamo i proprietari di prodotti e i team di sviluppo a esplorare in che modo l'elemento <permission> può migliorare i percorsi degli utenti e liberare tutto il potenziale delle loro applicazioni web.