Chip di richiesta di autorizzazioni

Fino a ora, quando un utente visitava un sito che richiedeva un'autorizzazione, veniva visualizzata una finestra popup che chiedeva all'utente di prendere una decisione. Ad esempio, puoi vedere la richiesta di autorizzazione di geolocalizzazione implementata in Chrome fino alla versione 96. Puoi provare questa e altre autorizzazioni sul nostro sito dimostrativo permission.site.

Richiesta di autorizzazione alla geolocalizzazione di Chrome

I dati di telemetria di Chrome dimostrano che molte richieste di autorizzazione vengono ignorate. Puoi esaminare autonomamente i dati relativi alle autorizzazioni di notifica nel report sull'esperienza utente di Chrome. Per il momento, prendi in considerazione la tabella seguente che mostra in modo cumulativo come gli utenti Windows hanno reagito alla richiesta di notifica sui siti, tenendo presente che le richieste di geolocalizzazione hanno registrato un comportamento simile di ignoramento o rifiuto.

Azione Percentuale di richieste di notifica
Consenti 6,69%
Blocca 9,20%
Ignora 35,76%
Ignora 47,19%

Dato un tasso di ignoramenti e chiusure di circa l'85% e, in particolare, dato quanto la richiesta risalti e insista affinché gli utenti prendano una decisione immediatamente, esiste un conflitto tra il livello di urgenza assunto dal browser e la preferenza dell'utente di attendere prima di prendere una decisione. Ciò crea la percezione che sia "fastidioso" per un sito richiedere un'autorizzazione perché verrà persa tra le potenziali richieste aggiuntive a cui gli utenti devono rispondere, come i banner per il consenso all'uso dei cookie, le iscrizioni alla newsletter e così via.

Nuovo design

A partire da Chrome 98, abbiamo quindi introdotto un'interfaccia utente del chip animata che viene visualizzata accanto al lucchetto ogni volta che viene richiesta un'autorizzazione. È composta da un'icona e un'etichetta che descrivono l'autorizzazione richiesta. Il nostro obiettivo era migliorare l'esperienza di navigazione web evitando richieste di autorizzazione in genere non necessarie per la maggior parte degli utenti e spesso ignorate o ignorate.

La richiesta esistente verrà visualizzata quando si fa clic sul chip della richiesta (se non è già visibile) e l'interfaccia utente della richiesta viene aumentata automaticamente con la richiesta bolla in base alle seguenti regole di euristica:

  • L'autorizzazione è stata attivata tramite un gesto dell'utente durante l'interazione con il sito stesso anziché essere attivata automaticamente dal sito.
  • L'autorizzazione è considerata essenziale e generalmente non comporta spam. Sono inclusi la videocamera, il microfono e la videocamera accoppiata al microfono.

Diagramma di flusso che va dal lucchetto alla richiesta di geolocalizzazione, che, se ignorata, genera l'icona "Geolocalizzazione bloccata", che, dopo un ritardo di quattro secondi, viene infine sostituita di nuovo dal lucchetto.

Applicazione forzata del nuovo design

Poiché si tratta di un'implementazione graduale, puoi forzare il nuovo design attivando/disattivando i seguenti flag:

  • chrome://flags/#permission-chip
  • chrome://flags/#permission-chip-gesture
  • chrome://flags/#permission-chip-request-type

Flusso del nuovo design

Senza gesto dell'utente

Per le autorizzazioni non essenziali non attivate da un gesto, la richiesta non interferisce più con i contenuti del sito e non insiste per una decisione immediata. L'utente può ignorare il chip di richiesta finché non dispone di informazioni sufficienti per prendere una decisione.

Senza interazione

Senza interazioni e dopo un breve ritardo, il chip di richiesta si comprime automaticamente in un'icona bloccata (per indicare che l'autorizzazione è temporaneamente bloccata), prima di essere ignorato completamente. Lo scopo è non ostacolare gli utenti che scelgono di non prendere una decisione, lasciandoli fare senza alcuna interazione.

Diagramma di flusso che va dal lucchetto al chip di geolocalizzazione discreto, che dopo un ritardo di dodici secondi genera l'icona "Geolocalizzazione bloccata", che dopo un ritardo di quattro secondi viene infine sostituita di nuovo dal lucchetto.

Impatto previsto a breve termine

Nel breve termine e fino a quando gli utenti non avranno preso familiarità con la nuova UI, è probabile che i proprietari di siti osserveranno un tasso di concessione più basso per i siti, in particolare per quelli che richiedono automaticamente le autorizzazioni senza priming o richiedere un gesto dell'utente (che è comunque considerata una cattiva pratica). Questo svantaggio riconosciuto è ampiamente compensato dall'esperienza meno interrotta.

Best practice

Spetta al sito garantire che fornisca il contesto necessario e richieda le autorizzazioni solo al momento appropriato e previsto. Le autorizzazioni che sono state temporaneamente bloccate, perché un utente ha ignorato la richiesta o ha ignorato la richiesta, possono richiedere di nuovo l'autorizzazione all'interno della stessa sessione. Procedi in questo modo solo se l'autorizzazione è essenziale per il funzionamento del sito o della funzionalità, altrimenti rischia di infastidire gli utenti e di essere bloccata automaticamente. In questi casi mostriamo la messaggistica silenziosa introdotta in Chrome 80. Per indicazioni più generali, consulta UX per le autorizzazioni.

Prospetti e conclusioni

Sono previsti ulteriori miglioramenti all'interfaccia utente e all'esperienza utente. Il team di Chrome è già al lavoro su questi problemi e sta esaminando la possibilità di un blocco automatico delle autorizzazioni più aggressivo in base al comportamento precedente. Quando questi piani saranno pronti, potrai scoprire le novità qui.

In conclusione, la nuova UI riduce l'insistenza percepita su una decisione e migliora l'esperienza di navigazione. Poiché la maggior parte delle richieste di autorizzazione viene bloccata o ignorata, l'obiettivo raggiunto è stato migliorare l'esperienza generale di navigazione, senza interrompere i flussi utente quando viene mostrata una richiesta di autorizzazione, soprattutto nelle situazioni in cui le autorizzazioni sono necessarie per completare un caso d'uso.

Ringraziamenti

Questo documento è stato esaminato da Joe Medley.