Installazione UI più completa disponibile per computer

In genere gli utenti scaricano le app, in particolare le app delle piattaforme, tramite gli store oppure scaricano e installano un pacchetto. Oggi anche l'esperienza da computer si sta spostando verso l'offerta di app in store centralizzati.

Per le app web il modello è diverso: gli utenti non devono visitare un deposito centralizzato di app per scaricare un'app web. Per impostazione predefinita, non tutte le esperienze web sono installabili, l'installazione di un'app può variare in base alle piattaforme e ai browser, i browser hanno anche menu e piattaforme diversi per installarla. Quando l'utente fa clic su quell'opzione di installazione, la finestra di dialogo predefinita non include ulteriori informazioni, come mostrato di seguito:

La finestra di dialogo di installazione predefinita del browser per desktop.
Finestra di dialogo di installazione predefinita su computer.
La finestra di dialogo di installazione predefinita del browser per dispositivi mobili.
Finestra di dialogo di installazione predefinita su dispositivo mobile.

La creazione di app web che possono essere installate e che offrono le stesse interazioni delle app della piattaforma richiede un lavoro tecnico per consentire queste esperienze, oltre a una buona guida per consentire agli utenti di sfruttare questo diverso flusso di installazione.

Con l'interfaccia utente di Installazione più avanzata, gli sviluppatori web hanno una nuova opportunità di fornire ai propri utenti un contesto specifico della loro app al momento dell'installazione. Questa UI è disponibile per dispositivi mobili a partire da Chrome 94 e per computer a partire da Chrome 108. Anche se Chrome continuerà a offrire le semplici finestre di dialogo di installazione per le app installabili, questa UI più grande offre agli sviluppatori lo spazio per mettere in evidenza la loro app web. Inoltre, rende il processo di installazione più familiare perché è simile alle finestre di dialogo degli store.

Screenshot dell'interfaccia utente di Installazione avanzata su computer e dispositivi mobili.
UI di installazione più completa su computer e dispositivi mobili.

Attivazione dell'interfaccia utente di installazione avanzata

Per visualizzare la finestra di dialogo dell'UI di installazione avanzata, gli sviluppatori devono aggiungere almeno uno screenshot per il fattore di forma corrispondente nell'array screenshots. Il campo description non è obbligatorio, ma è consigliato. La finestra di dialogo dei contenuti è stata creata con i contenuti di questi due campi, rendendo l'esperienza più simile a quella dell'installazione dello store. In questo modo gli utenti possono capire che stanno aggiungendo un'app al loro dispositivo e, con più spazio a disposizione, gli sviluppatori possono fornire un contesto specifico agli utenti al momento dell'installazione.

Ad esempio, gli sviluppatori possono utilizzare il campo description per mettere in evidenza le funzionalità dell'app che incentivano gli utenti a mantenerla nei propri dispositivi. Con screenshots possono presentare l'aspetto e il design dell'app web come app autonoma, con tutta la facilità di accesso delle app della piattaforma.

Per specifiche dettagliate e una guida per aggiungerle alla tua app, visita la pagina Pattern UI di installazione avanzata.

Il vecchio stile della richiesta di installazione forniva poche informazioni e contesto. Ciò non corrispondeva alle aspettative degli utenti sul significato dell'installazione e poteva creare confusione su ciò che è successo. Molti hanno rifiutato completamente la richiesta di installazione, il che era negativo anche per le aziende che le avevano realizzate.

Le installazioni più complete ti consentono di creare esperienze più simili a quelle dei sistemi operativi.

Puoi crearne uno personalizzato seguendo l'esempio del file manifest dell'app Squoosh e puoi provare la finestra di dialogo all'indirizzo: https://squoosh.app/.

Feedback Stiamo valutando altre opzioni per incrementare le installazioni, tra cui categorie e valutazioni delle app. Per prendere questa decisione, abbiamo bisogno del tuo feedback. Parlaci della progettazione C'è qualcosa nella UI di Installazioni più efficaci che non funziona come ti aspettavi? Oppure ti servono dati specifici per implementare la tua idea? Hai una domanda o un commento? Compila questo modulo.

Foto di Kaboompics .com su Pexels