Chip di richiesta di autorizzazioni

L'UX delle autorizzazioni fino a questo momento

Quando un utente visita un sito che richiede un'autorizzazione, viene visualizzato un fumetto per chiedergli di prendere una decisione. Ad esempio, di seguito 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 di geolocalizzazione di Chrome

La maggior parte delle richieste di autorizzazione viene ignorata o ignorata

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

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

Una percentuale di ignorare/ignorare circa l'85% e, soprattutto, se la richiesta si distingue e insiste per far sì che gli utenti prendano una decisione immediatamente, esiste un conflitto tra il livello di urgenza previsto dal browser e la preferenza dell'utente di attendere per prendere una decisione. In questo modo, viene creata la sensazione di essere "annoso" che un sito richieda un'autorizzazione, perché andrà persa nelle potenziali attività aggiuntive a cui gli utenti devono reagire, come banner del consenso all'uso dei cookie, iscrizioni a newsletter e così via.

Nuovo design

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

Il fumetto del prompt esistente verrà mostrato quando viene fatto clic sul chip di richiesta (se non è già mostrato) e l'interfaccia utente della richiesta viene ampliata automaticamente con il fumetto della richiesta in base alle euristiche elencate di seguito:

  • L'autorizzazione è stata attivata tramite un gesto dell'utente durante l'interazione con il sito stesso anziché automaticamente attivata dal sito.
  • L'autorizzazione è considerata essenziale e in genere non contiene spam. Attualmente sono inclusi fotocamera, microfono e videocamera accoppiati al microfono.

Diagramma di flusso che va dal lucchetto al prompt di geolocalizzazione. Se ignorato, mostra l'icona di "geolocalizzazione bloccata" che, dopo un ritardo di quattro secondi, viene nuovamente sostituita dal lucchetto.

Forzare il 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 si intromette più nei contenuti del sito e non insiste per una decisione immediata. L'utente può ignorare il chip di richiesta fino a quando non avrà informazioni sufficienti per prendere una decisione.

Senza interazione

Senza alcuna interazione e dopo un breve ritardo, il chip di richiesta verrà compresso automaticamente in un'icona di blocco (a indicare che l'autorizzazione è stata temporaneamente bloccata), prima di essere ignorato completamente. L'obiettivo è eliminare gli utenti che scelgono di non prendere decisioni in merito senza alcuna interazione.

Un diagramma di flusso che va dal lucchetto al chip di geolocalizzazione discreto che, dopo un ritardo di dodici secondi, mostra l'icona di geolocalizzazione bloccata che, dopo un ritardo di quattro secondi, viene infine sostituita di nuovo con il lucchetto.

Impatto previsto a breve termine

Nel breve periodo, e finché gli utenti non si abitueranno alla nuova UI, è probabile che i proprietari dei siti noteranno percentuali di sovvenzioni inferiori per i siti, in particolare per quelli che richiedono automaticamente autorizzazioni senza eseguire il priming o richiedere un gesto dell'utente (comunque considerato una pratica scorretta). Questo svantaggio riconosciuto è ampiamente compensato dall'esperienza meno invasiva.

Best practice

Spetta al sito assicurarsi di fornire il contesto necessario e richiedere le autorizzazioni solo nel momento appropriato e previsto. Le autorizzazioni che sono state temporaneamente bloccate, tramite un utente che ignora la richiesta o ignora la richiesta, possono richiederla di nuovo nella stessa sessione. Esegui questa operazione 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 tranquilla che è stata introdotta in Chrome 80. Per indicazioni più generali, consulta Esperienza utente delle autorizzazioni.

Prospettive e conclusioni

Sono in programma ulteriori miglioramenti dell'UI e dell'UX. Il team di Chrome sta già lavorando a questi strumenti e sta esaminando il blocco automatico delle autorizzazioni potenzialmente più aggressivo in base al comportamento precedente. Parleremo di novità qui una volta giunti al termine di questi piani.

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

Ringraziamenti

Immagine hero di Sigmund su Unsplash. Questo articolo è stato esaminato da Joe Medley.