App finanziarie: SmartSight
Il manuale di idee per l'app SmartSight mostra come le app finanziarie possano usare il linguaggio di progettazione di Windows 8.1 per gestire la presentazione di dati finanziari multidimensionali. Gli hub e i riquadri, elementi distintivi dell'interfaccia utente di Windows 8.1, offrono agli utenti un modo semplice per esprimere molti elementi e tipi di dati.
Esaminando i casi di utilizzo presentati in questo argomento puoi trovare ispirazione per la progettazione di un'app finanziaria personalizzata e scoprire come viene usato il linguaggio di progettazione Microsoft nell'app.
Scenari per l'app finanziaria
L'app SmartSight descritta in questo argomento usa le funzionalità di progettazione Microsoft per consentire agli utenti di esplorare facilmente set complessi di dati finanziari e condividere e presentare con comodità i dati e le relative analisi.
| Analizzare | Presentare |
.png "immagine dell'app SmartSight") |
.png "immagine della visualizzazione dei dati su un grande schermo") |
Analizzare
Puoi usare il linguaggio di progettazione Microsoft per attirare gli utenti nella tua app tramite i riquadri animati e rendere l'esplorazione dell'app semplice e intuitiva per i tuoi utenti.
Ben Martens, vicepresidente di una business unit dell'istituto bancario Contoso, è responsabile di tutti i clienti commerciali nell'area della costa ovest. Ben usa l'app SmartSight per valutare le attività dei clienti e grandi volumi di dati transazionali. Seleziona un riquadro animato aggiunto per accedere a dati importanti direttamente dalla schermata Start.
|
Ben inizia la sua giornata controllando il dashboard regionale. Selezionando il riquadro animato, Ben passa direttamente ai dati che gli interessano.
|
Ben ha la possibilità di filtrare ed eseguire il pivot di molte origini dati nell'app SmartSight. In questo modo Ben può creare facilmente una rappresentazione informativa delle transazioni e delle attività.
|
Alcune variazioni nelle attività di scambio catturano l'attenzione di Ben. Può analizzare i dati di tendenza in contemporanea con i dati dettagliati sugli scambi facendo scorrere velocemente il dito da sinistra a destra nella visualizzazione panoramica.
|
.png "immagine di riquadri animati")
.png "immagine dell'app SmartSight")
.png "immagine dei dati finanziari")
.png "immagine di più grafici finanziari in una visualizzazione hub")
Riepilogo dello scenario di analisi
Nel primo scenario, abbiamo visto che...
- I riquadri animati attirano gli utenti nell'app visualizzando informazioni pertinenti e dando la possibilità di aderire a un'offerta.
- L'uso del modello di esplorazione corretto consente agli utenti di spostarsi nell'app in modo semplice e intuitivo.
Per informazioni su come scegliere il miglior modello di esplorazione per la tua app, vedi Modelli di esplorazione.
Per una dimostrazione pratica, vedi l'argomento Modello di esplorazione semplice incluso nella serie Funzionalità delle app dall'inizio alla fine.
Per informazioni sui riquadri animati, vedi gli argomenti seguenti:
Presentare
Puoi usare il linguaggio di progettazione Microsoft per progettare l'app in modo che supporti le interazioni con altre app e altri dispositivi. Puoi usare la funzionalità Riproduci su per condividere l'esperienza del PC su un grande monitor e il contratto Condivisione per condividere il tuo contenuto tramite e-mail e altre app.
Ben scopre con sollievo che le informazioni raccolte con l'app SmartSight sono sufficienti per provare ad affrontare il trend negativo delle attività nell'area di cui è responsabile. Prepara quindi una presentazione per i direttori regionali recuperando i dati dall'app SmartSight. Avendo più app sullo schermo contemporaneamente, Ben riesce a essere più produttivo.
|
Durante l'incontro con i direttori regionali, Ben fa scorrere velocemente il dito da sinistra e seleziona l'accesso ai dispositivi per visualizzare la sua ricerca di mercato in un monitor grande in modo che sia visibile per tutti. I direttori generali hanno così la possibilità di interpretare chiaramente i dati generati dall'app SmartSight e si impegnano a lavorare con gli operatori della loro area per cercare di ottenere un'inversione di tendenza.
|
Una settimana dopo, Ben ricontrolla i dati regionali e degli scambi tramite l'app SmartSight e scopre con piacere che le azioni correttive sembrano funzionare.
|
Ben invia i dati più aggiornati sugli scambi tramite la funzionalità di condivisione, che gli consente di distribuire le informazioni tramite e-mail senza dover uscire dall'app SmartSight.
|
.png "immagine della visualizzazione ridimensionata")
.png "immagine della visualizzazione dei dati su un grande schermo")
.png "immagine di un grafico a linee")
.png "immagine della condivisione tramite e-mail")
Riepilogo dello scenario di presentazione
Nel secondo scenario, abbiamo visto che...
- Un'app che include tutte le funzionalità quando viene ridimensionata su larghezze ridotte stimola l'utente a usarla più a lungo.
- Puoi estendere il contenuto della tua app a qualsiasi dispositivo abilitato per la funzione Riproduci su.
- Puoi inserire il contenuto in un'origine di condivisione e Windows lo connetterà ad altre app, e-mail e social network.
- Puoi inserire la tua app in una destinazione di condivisione e ricevere contenuto, link o qualsiasi altro tipo di dati strutturati.
Per informazioni sulle dimensioni delle finestre, su Riproduci su e sul contratto Condivisione, vedi gli argomenti seguenti:
- Indicazioni sulle dimensioni delle finestre
- Indicazioni sul layout stretto
- Indicazioni per Riproduci su
- Esempio di Riproduci su
- Indicazioni sulla condivisione
- Esempio di origine di condivisione
- Esempio di destinazione di condivisione
Presentazione delle app di Windows Store
Linee guida per l'esperienza utente delle app di Windows Store
Indicazioni sui riquadri animati
Progettazione della navigazione per app di Windows Store
Spostamenti tra le pagine (C#/VB/C++)
Supporto della navigazione (JavaScript)
Indicazioni sulle dimensioni delle finestre
Indicazioni sul layout stretto
Indicazioni sulla condivisione