Come Fare: Mostrare e Usare la Schermata delle Impostazioni della Tua App

Postato su 7. agosto 2024 da Jan Bunk

Un robot umanoide che guarda grandi ingranaggi in movimento, arte digitale

Tutte le app create con webtoapp.design contengono una schermata delle impostazioni nativa che dà agli utenti accesso a molte funzionalità importanti. Diamo un'occhiata a come aprire la pagina delle impostazioni e usare le sue funzionalità!

Aprire le Impostazioni dell'App

Il modo più comune per aprire le impostazioni dell'app è attraverso l'interfaccia utente. L'aspetto dell'interfaccia varia a seconda del layout dell'app che scegli. Quindi iniziamo con il layout più popolare, il layout del menu a cassetto:

Uno screenshot del menu a cassetto dell'app webtoapp.design con l'elemento del menu delle impostazioni in basso a sinistra.

Come puoi vedere, abbiamo il pulsante per aprire il menu delle impostazioni in fondo al menu laterale. È sia fuori mano (perché è sotto gli elementi del menu più comunemente usati sopra di esso) ma comunque facile da trovare per gli utenti. Non riesci a vederlo nella tua app? Assicurati che l'elemento del menu delle impostazioni sia abilitato nelle impostazioni dello schermo del menu a cassetto.

Il pulsante delle impostazioni è più prominente nel layout della barra di navigazione, posizionato proprio nella barra di navigazione inferiore:

Uno screenshot dell'app webtoapp.design con una barra di navigazione, che ha l'elemento della barra di navigazione delle impostazioni al centro.

Simile al layout a cassetto, l'elemento della barra di navigazione delle impostazioni può essere disabilitato nel tuo dashboard di webtoapp.design. Questo può essere particolarmente utile con il layout della barra di navigazione, perché lo spazio nella barra di navigazione inferiore è piuttosto limitato. Non dovresti avere più di cinque pulsanti nella tua barra di navigazione e avere il pulsante delle impostazioni che occupa uno di questi slot può essere problematico.

Se decidi di disabilitare il pulsante delle impostazioni per il layout della tua app (o usi il layout "Solo Sito Web", che non può avere un pulsante delle impostazioni), ti consigliamo vivamente di aggiungere un modo alternativo per aprire le impostazioni, perché la schermata delle impostazioni contiene molte funzionalità importanti (come discuteremo nella sezione seguente).

Diamo un'occhiata a quali altri modi ci sono per aprire la pagina delle impostazioni.

Aprire la Schermata delle Impostazioni con un Link

L'opzione più semplice è aggiungere un pulsante/link "Apri Impostazioni" al tuo sito web che porta a https://webtoapp.design/apps/it/show_settings

Quando questo link viene aperto nell'app, aprirà la pagina delle impostazioni. Quindi posiziona il link ovunque tu voglia dare all'utente l'opzione di aprire le impostazioni dell'app, ad esempio nel footer del tuo sito web.

Aprire la Schermata delle Impostazioni con JavaScript

Potresti voler controllare la funzione executeWhenAppReady() del nostro helper script per le app. Assicura che il tuo sito web non cerchi di interagire con l'applicazione prima che sia pronta o quando il sito web viene caricato con un normale browser (ReferenceError, function is not defined).

Invece del link, puoi anche chiamare la funzione JavaScript showSettingsPage , che raggiunge lo stesso obiettivo.

Indipendentemente dall'opzione che usi per aprire le impostazioni, ti verrà presentata questa schermata:

Uno screenshot della pagina delle impostazioni, che mostra interruttori per regolare le notifiche push, la segnalazione degli errori, l'eliminazione dei dati dell'app e altro.

Caratteristiche

Nello screenshot sopra possiamo già vedere la maggior parte delle funzionalità che la schermata delle impostazioni contiene. Esaminiamole una per una dall'alto verso il basso:

Conclusione

La schermata delle impostazioni native nella tua app è uno strumento potente sia per gli utenti che per te come creatore dell'app. Comprendendo e utilizzando queste funzionalità, puoi migliorare l'esperienza utente e anche risparmiare tempo (perché non devi costruire le funzionalità della schermata delle impostazioni sul tuo sito web).

Articoli correlati


Un robot umanoide che lancia un pacchetto in un cestino rosso olografico, arte digitale

Come Fare: Rimuovere la Tua App dagli App Store

Ecco una guida passo-passo su come rendere la tua app non disponibile nell'Apple App Store e nel Google Play Store in modo che i nuovi utenti non possano più scaricarla.

Smartphone olografico con freccia di rotazione blu intorno, arte digitale

Quando Limitare la Tua App alla Modalità Orizzontale o Verticale

Quando trasformiamo siti web in app, permettiamo agli utenti di bloccare la loro app in un'orientamento specifico. Ecco perché consigliamo di non farlo.

Un robot umanoide che tiene in mano un delizioso biscotto con gocce di cioccolato, arte digitale

Utilizzare i Cookie per Mantenere gli Utenti Connessi

Dopo aver convertito il tuo sito web in un'app, vuoi che l'app offra una buona esperienza utente. Ecco come puoi mantenere gli utenti connessi assicurandoti che i cookie siano configurati correttamente.


Autore Jan Bunk
Scritto da
Jan Bunk

Ciao, sono Jan! Ho creato webtoapp.design nel 2019 mentre studiavo informatica all'università. Molto è cambiato da allora - non solo mi sono laureato, ma non sono più solo io a gestire webtoapp.design. Siamo cresciuti fino a diventare un team globale, completamente remoto e abbiamo accumulato molta esperienza nello sviluppo e nella pubblicazione di app. Abbiamo creato e pubblicato centinaia di app negli app store, dove sono state scaricate milioni di volte.