I temi delle app mobile migliorano la soddisfazione degli utenti

I temi delle app mobile migliorano la soddisfazione degli utenti, consentendo a ciascun utente di personalizzare l'aspetto dell'app in base alle proprie preferenze. Un modo per implementare più temi nelle app che presentano e visualizzano dati è offrire agli utenti una scelta di palette di colori per grafici e diagrammi. MobileTogether utilizza una combinazione di progettazione dell'interfaccia utente basata sul trascinamento e rilascio, il potente linguaggio di programmazione visuale Action Tree per la gestione degli eventi e la programmazione funzionale standardizzata per la selezione e l'elaborazione dei dati. Gli sviluppatori utilizzano MobileTogether quotidianamente per creare applicazioni eleganti e multipiattaforma con grafici e diagrammi avanzati in tutti i formati più diffusi.

Le impostazioni principali per la configurazione dei grafici consentono agli sviluppatori di app mobile di scegliere tra quattro palette di colori predefinite, oppure di definire una palette di colori personalizzata per grafici e diagrammi durante la progettazione dell'app. Insieme alle impostazioni di visualizzazione in modalità scura e in modalità chiara, questo crea dieci diverse opzioni di personalizzazione visiva. Invece di imporre una scelta di colori durante la fase di progettazione, gli sviluppatori possono sfruttare le funzionalità di MobileTogether per consentire agli utenti di scegliere autonomamente. Vediamo un esempio.

L'immagine sottostante mostra la finestra di dialogo per la selezione dello schema di colori "Mobile Together" e un grafico proveniente da un'applicazione mobile che riporta i dati di produzione di impianti solari installati sui tetti.

Lo sviluppatore ha assegnato uno schema di colori personalizzato nella finestra di dialogo delle impostazioni del grafico, dove l'area del grafico è riempita di arancione e le barre sono blu. Se il grafico includesse elementi aggiuntivi, i colori successivi sarebbero stati verde, giallo, viola, ecc.

Lo sviluppatore poteva selezionare qualsiasi schema di colori predefinito dal menu a tendina

Creazione di temi per applicazioni mobile

Esaminiamo una strategia per consentire agli utenti, su qualsiasi dispositivo mobile, di scegliere uno schema di colori quando l'applicazione viene eseguita. Questa applicazione dispone già di una pagina delle impostazioni, quindi è un luogo ideale per aggiungere un selettore per i temi di visualizzazione. Possiamo iniziare creando una tabella con pulsanti di selezione e campioni di colore per ogni schema di colori. Ecco un'anteprima della tabella completata nel software MobileTogether Designer:

MobileTogether supporta tutti i controlli di selezione standard. Ad esempio, una casella combinata appare immediatamente sopra la tabella. Abbiamo scelto un insieme di pulsanti radio per i temi delle app mobile, in modo da poter visualizzare contemporaneamente tutte le opzioni di colore.

I grafici in questa app contengono solo uno o due elementi ciascuno, quindi ogni coppia di colori illustra i primi due colori presenti nell'elenco per ogni schema. Ecco una visualizzazione della stessa sezione della pagina delle impostazioni nella finestra del simulatore MobileTogether:

La finestra di dialogo principale per la configurazione dei grafici consente agli sviluppatori di progettare rapidamente il grafico più adatto per visualizzare praticamente qualsiasi set di dati, inclusi grafici a linee, grafici a barre, grafici a candele, grafici a settore e grafici a torta. I tipi di grafico possono essere combinati anche in livelli. Il grafico della produzione mensile mostrato sopra è un grafico a livelli con un grafico a barre sovrapposto.

Tuttavia, ogni elemento del grafico può essere definito anche come il risultato di un'espressione XPath elaborata durante l'esecuzione dell'applicazione. Le impostazioni dinamiche di XPath, configurabili nella finestra di dialogo dedicata, sovrascrivono le impostazioni di base del grafico.

La finestra di dialogo "Impostazioni XPath dinamiche" consente di specificare lo schema di colori per ogni grafico all'interno dell'elemento XML chiamato "graphColorBase". La tabella di pulsanti di opzione nella pagina delle impostazioni dell'applicazione assegna uno dei seguenti valori di stringa a "graphColorBase": "Predefinito", "Scala di grigi", "Colorato", "Pastello" o "Personalizzato".

Ecco degli screenshot dell'applicazione finale, che mostrano la selezione dei temi per app mobile su un telefono Android in modalità scura:

Ecco alcuni esempi di schemi di colori standard e in scala di grigi visualizzati su un iPhone in modalità chiara:

Lo schema di colori in scala di grigi potrebbe essere perfetto per gli utenti con problemi di percezione dei colori!

Date un'occhiata a MobileTogether dimostrazioni video, di più applicazioni di esempio, o addirittura il/la manuale online Per approfondire tutte le informazioni su MobileTogether, quando sarete pronti a migliorare la soddisfazione degli utenti con i temi per app mobile nelle vostre applicazioni multipiattaforma, Scaricate il software MobileTogether Designer.