In genere, gli utenti scaricano le app, in particolare quelle di piattaforma, dagli store o scaricando un pacchetto e installandolo. Oggi anche l'esperienza desktop si sta orientando verso l'offerta di app in store centralizzati.
Per le app web il modello è diverso: gli utenti non devono visitare un repository di app centralizzato per ottenere un'app web, per progettazione non tutte le esperienze web sono installabili, l'installazione di un'app può variare da una piattaforma all'altra e da un browser all'altro, i browser hanno persino menu e interfacce diversi per installare l'app. Una volta che l'utente fa clic sull'opzione di installazione, la finestra di dialogo predefinita non include informazioni aggiuntive, come mostrato di seguito:
La creazione di app web che possono essere installate e offrono le stesse interazioni delle app di piattaforma richiede un lavoro tecnico per abilitare queste esperienze, oltre a una buona guida per consentire agli utenti di sfruttare questo flusso di installazione diverso.
Con l'interfaccia utente di installazione più completa, gli sviluppatori web hanno una nuova opportunità di fornire agli utenti un contesto specifico sulla loro app al momento dell'installazione. Questa UI è disponibile per i dispositivi mobili a partire da Chrome 94 e per i 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 propria app web. Inoltre, rende la procedura di installazione più familiare perché è simile alle finestre di dialogo degli store.
Attivazione dell'interfaccia utente di installazione più completa
Per visualizzare la finestra di dialogo dell'interfaccia utente 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 viene creata con i contenuti di questi due campi, rendendo l'esperienza più simile all'installazione nell'App Store. In questo modo gli utenti possono capire che stanno aggiungendo un'app al proprio dispositivo e, con più spazio a disposizione, gli sviluppatori possono fornire un contesto specifico ai propri utenti al momento dell'installazione.
Ad esempio, gli sviluppatori possono utilizzare il campo description per mettere in evidenza le funzionalità dell'app che incentivano l'utente a mantenerla sui suoi dispositivi. Con screenshots possono presentare l'aspetto dell'app web come autonoma, con tutto l'accesso facile delle app della piattaforma.
Per una specifica dettagliata e una guida per aggiungerli alla tua app, consulta il pattern dell'interfaccia utente di installazione più completa.
Il prompt di installazione precedente forniva poche informazioni e contesto. Ciò non corrispondeva alle aspettative degli utenti in merito al significato dell'installazione e potrebbe averli confusi in merito a quanto accaduto. Molti hanno rifiutato del tutto la richiesta di installazione, il che ha avuto un impatto negativo anche sulle attività che li hanno creati.
Le installazioni più complete ti consentono di creare esperienze più simili a quelle sui sistemi operativi.
Puoi crearne uno seguendo l'esempio nel file manifest dell'app Squoosh e puoi provare la finestra di dialogo in tempo reale all'indirizzo https://squoosh.app/.
Feedback Stiamo valutando altre opzioni per installazioni più complete, tra cui categorie e valutazioni delle app. Per prendere questa decisione, abbiamo bisogno del tuo feedback. Parlaci del design C'è qualcosa nell'interfaccia utente delle installazioni più complete che non funziona come previsto? Oppure hai bisogno di dati specifici per implementare la tua idea? Hai una domanda o un commento? Compila questo modulo.
Foto di Kaboompics .com su Pexels