App di intrattenimento

In questo argomento esamineremo idee di progettazione per creare efficienti e accattivanti app multimediali.

Panoramica

Windows 8.1 offre eccezionali funzionalità su una varietà senza precedenti di dispositivi, dai tablet incentrati sul tocco ai PC desktop e computer portatili ad alta risoluzione. Molte delle nuove funzionalità di Windows 8.1 sono specificatamente concepite per esperienze multimediali e di intrattenimento, il che offre agli editori di contenuti nuovi modi di entrare in contatto, coinvolgere e fidelizzare il pubblico.

Windows Store offre anche importanti opportunità per la distribuzione, la promozione e la vendita di contenuti. Le condizioni aziendali in Windows Store consentono di usare il motore di e-commerce offerto da Microsoft. In alternativa, se preferisci, puoi usare il tuo motore in modo da condurre il tuo business in base a condizioni personalizzate e ottimizzare flessibilità e redditività.

In questo documento vengono descritte le nuove funzionalità di Windows 8.1 di particolare rilevanza per gli editori di contenuti multimediali e di intrattenimento, tra cui:

  • App di Windows Store—Un nuovo linguaggio di progettazione per le app che mette in primo piano i contenuti.
  • Riquadri animati e notifiche di tipo avviso popup—Assicurati che gli utenti usino regolarmente la tua app promuovendo i contenuti attraverso notifiche rilevanti e tempestive visualizzabili anche se l'app non è in esecuzione.
  • Contratti Ricerca e Condivisione—La ricerca e la condivisione di contenuti multimediali rappresentano oggi una funzionalità fondamentale del sistema operativo che consente di creare un'esperienza più coerente e di agevolare l'individuazione e la condivisione di contenuti dell'app da parte degli utenti.
  • Contratti dispositivi—Gli utenti possono inviare i contenuti dal proprio PC ad altri dispositivi in rete come televisori e ricevitori audio/video, per consentire visioni di gruppo e maggiore partecipazione.

Layout ed esplorazione nelle app multimediali

Le app di intrattenimento presentano in genere diverse categorie a seconda dei tipi di contenuti multimediali disponibili. Ad esempio, in app che offrono film potrebbe essere disponibile l'esplorazione per genere, regista o interprete, l'esplorazione in base alle preferenze rilevate in precedenza o dei contenuti in primo piano. Analogamente, nelle app musicali, gli utenti possono esplorare i contenuti per artista, album, genere e contenuti in primo piano. Per assicurare un'esperienza ottimale agli utenti finali di un'app multimediale, è essenziale organizzare i contenuti in un modo significativo che consenta di trovare in modo rapido e affidabile i contenuti desiderati. Grazie all'esplorazione gerarchica e ad altri modelli di esplorazione per le app di Windows Store, è possibile rendere l'app veloce, fluida e facile da usare affinché gli utenti possano individuare rapidamente ciò che desiderano.

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à dell'app dall'inizio alla fine.

Modello gerarchico

Le app multimediali e di intrattenimento presentano in genere numerose storie e immagini che gli utenti possono individuare e selezionare. Usando i modelli consigliati di esplorazione e interazione di Windows 8.1, valorizzi i tuoi contenuti e rendi storie e immagini il fulcro dell'esperienza. La presentazione delle informazioni con una modalità che passa dal generale al particolare consente agli utenti di trovare facilmente ciò che cercano.

Pagina hub dell'app

Per assicurare un'esperienza soddisfacente e varia all'interno dell'app, usa il modello gerarchico per le app di Windows Store. La pagina di destinazione dell'app, o hub, può visualizzare contenuti in primo piano, contenuti consigliati per l'utente in base a interessi rilevati in precedenza, contenuti attualmente in riproduzione, code salvate, generi e categorie in un'unica area facile da esplorare. Si può evidenziare ogni gruppo di categorie e, toccando l'intestazione, scoprire ulteriori contenuti, come illustrato in questa immagine.

Immagine che illustra un esempio di pagina hub

Disponi chiaramente le categorie di contenuti direttamente nella pagina hub dell'app e mostra contenuti multimediali rilevanti di ognuna di esse per attirarvi gli utenti. Per comunicare all'utente che la categoria include altro contenuto, puoi aggiungere il glifo di una virgoletta acuta (>) nell'intestazione.

Immagine indicante la presenza di altri contenuti in un gruppo

Segnalibri, preferiti e playlist

Gli utenti spesso salvano playlist o aggiungono contenuti multimediali a code per accedervi in un secondo momento. Se l'app supporta queste funzionalità in un modo facilmente accessibile, essa verrà usata spesso da coloro che desiderano usufruire di un'esperienza semplice e coerente per accedere ai propri contenuti multimediali preferiti.

Aggiungi una sezione alla pagina di destinazione denominandola Segnalibri, Preferiti o Playlist personale, ovvero una raccolta di tutti i contenuti multimediali salvati dall'utente. Consenti agli utenti di selezionare gli elementi a cui sono stati aggiunti segnalibri e di gestirli spostandoli all'inizio della coda, rimuovendoli oppure ordinandoli. Nell'esempio seguente vengono illustrati i contenuti raccolti in una coda salvata per uso futuro.

Illustra un gruppo di contenuti salvati dall'utente

Zoom semantico

Sia nella pagina di destinazione che in quelle delle categorie, gli utenti possono usare lo zoom semantico per visualizzare facilmente l'intera area e accedere rapidamente agli elementi di maggior interesse.

Nella pagina Progettazione delle interazioni tramite tocco sono disponibili altre info sul supporto dello scorrimento nelle app. In questa immagine viene illustrata una visualizzazione di gruppo per lo zoom semantico.

Esempio che illustra le categorie di contenuti

Se usi lo zoom semantico, puoi consentire all'utente di riorganizzare la disposizione delle categorie nella home page selezionando un gruppo e spostandolo. Gli utenti possono così personalizzare la pagina di destinazione dell'app, il che costituisce un altro ottimo motivo per usarla.

Gli utenti hanno anche la possibilità di usare la barra dell'app superiore per gli spostamenti, come illustrato nell'immagine seguente.

Esempio che illustra lo spostamento delle categorie

Puoi anche usare lo zoom semantico nella pagina di una specifica categoria per passare ai diversi filmati o brani musicali che contiene. Gli utenti useranno lo zoom semantico per spostarsi rapidamente tra i diversi brani e video.

Tocco degli elementi nella visualizzazione hub

Caso 1: riproduzione immediata

Quando un utente tocca un elemento multimediale nella pagina di destinazione o nelle pagine delle sezioni, esso viene riprodotto. Poiché si tratta del comportamento previsto dagli utenti, è consigliabile impostarlo come risposta predefinita a un tocco. In questa immagine sono illustrate le interazioni per la riproduzione immediata.

Interazioni per la riproduzione immediata

Gli utenti desiderano in genere ottenere ulteriori informazioni sui contenuti multimediali in riproduzione, pertanto è opportuno includere un pulsante nella barra dell'app che consenta di lasciare la visualizzazione a schermo intero per passare a una visualizzazione con dettagli sull'elemento. Nell'immagine seguente viene illustrata una simulazione di questo caso.

Interazioni per ottenere la visualizzazione dettagliata dei contenuti

La riproduzione dell'elemento multimediale deve continuare anche se si lascia la modalità schermo intero. Quando non ci si trova in modalità schermo intero devono continuare a essere visualizzati i controlli multimediali. In questo modo gli utenti possono usufruire della medesima esperienza quando aprono i controlli multimediali indipendentemente dal fatto che l'app sia o meno ridimensionata.

Quando si tocca il pulsante di attivazione/disattivazione della modalità schermo intero oppure il video o il brano musicale presentato nell'interfaccia utente la riproduzione deve essere ripresa in modalità schermo interno.

In alternativa, se l'app non offre un'interfaccia dedicata alle informazioni dettagliate sui contenuti multimediali, si può aggiungere un pulsante alla barra dell'app per attivare o disattivare ulteriori informazioni invece di passare a una visualizzazione dettagliata. Ecco un'ìllustrazione di questo scenario.

Interazioni per visualizzare ulteriori informazioni durante la riproduzione

Caso 2: visualizzazione dettagliata degli elementi

Esistono casi in cui potrebbe risultare più opportuno che con il tocco l'utente venga indirizzato a una pagina di dettagli sull'elemento invece di passare immediatamente alla riproduzione. Se ad esempio sono disponibili più episodi di un programma televisivo tra cui scegliere, offri all'utente un elenco prima di avviare i contenuti multimediali. Inoltre, se i contenuti multimediali sono disponibili solo a pagamento, l'utente deve pagare prima dell'avvio della riproduzione, pertanto occorre mostrare informazioni a tale proposito.

Nell'immagine seguente viene illustrato il processo di scelta di un elemento multimediale specifico dai contenuti aggregati in una pagina promozionale per un programma TV. L'utente tocca l'immagine che rappresenta uno specifico episodio e può leggere informazioni e recensioni prima di toccare di nuovo l'elemento per visualizzare le opzioni di riproduzione.

Interazioni per l'esplorazione di contenuti disponibili

Per tornare alla pagina di informazioni dettagliate sull'episodio, tocca il pulsante Indietro nella barra superiore dell'app oppure il pulsante Schermo intero per passare all'altra visualizzazione.

Esempio di esperienza di acquisto

Esperienza In esecuzione

Durante l'effettiva riproduzione dei contenuti multimediali, l'app può distinguersi dalle altre offrendo un'esperienza che presenti i contenuti dell'utente. Progetta la tua esperienza di riproduzione in modo che risultati completamente Immersive, senza riquadri o altro. I controlli multimediali possono essere visualizzati sull'elemento quando l'utente lo desidera mediante un tocco. Questa immagine illustra un'esperienza di riproduzione video completamente Immersive.

Esperienza video Immersive senza riquadro dell'app

Per le app di musica e video che prevedono l'uso di playlist, l'esperienza In esecuzione consente di gestire la playlist e di esplorarla facilmente. Valuta l'eventualità di inserire un pulsante playlist sull'area del canvas o nella barra superiore dell'app per visualizzare un controllo di tipo riquadro a comparsa scorrevole contenente la playlist. Gli utenti possono selezionare elementi e gestirli scegliendo di spostarli verso l'alto o verso il basso oppure rimuovendoli del tutto dall'elenco. Nell'immagine seguente viene illustrato un elenco In esecuzione.

Selezione di musica dal riquadro a comparsa di una playlist

In alternativa, se vuoti che la playlist sia sempre visualizzata nella schermata In esecuzione, puoi usare un modello di visualizzazione elenco e lo scorrimento verticale per consentire agli utenti di esplorare facilmente la playlist. Accertati che il resto della pagina abbia una larghezza fissa in modo che non scorra in due direzioni, il che potrebbe confondere l'utente. Visualizza altre informazioni in un'area a larghezza fissa accanto alla playlist.

Puoi anche consentire lo scorrimento incrociato per selezionare gli elementi e gestire la playlist come illustrato qui.

Esempio di gestione degli elementi della playlist

Passaggio da un episodio precedente a uno successivo o esplorazione di clip video

Spesso gli utenti guardando consecutivamente più clip o episodi correlati. Offrendo i pulsanti Precedente e Successivo puoi consentire agli utenti di passare rapidamente al clip o all'episodio seguente. In questa immagine sono illustrati i pulsanti Precedente e Successivo in un'esperienza di riproduzione.

Controlli Precedente e Successivo in un'esperienza di riproduzione

Per le app musicali in cui le interazioni di tipo precedente e successivo sono più comuni, questi comandi vengono presentati meglio sull'area canvas come descritto nella sezione Esecuzione di comandi più avanti.

Esecuzione di comandi

Controlli multimediali

Per le app multimediali che consentono di riprodurre musica e video, l'inserimento dei controlli di riproduzione in una posizione coerente agevola l'interazione degli utenti con i contenuti multimediali in modo chiaro e affidabile. Per altre informazioni sui comandi, vedi Progettazione dei comandi per app di Windows Store.

Poiché il pulsante Play/Pausa e il dispositivo di scorrimento per il trasporto sono in genere controlli essenziali per la riproduzione di contenuti multimediali, essi possono trovarsi sull'area canvas ed essere visualizzati non appena l'utente tocca o scorre rapidamente lo schermo. Il controllo Play/Pausa deve essere un pulsante di attivazione/disattivazione che rifletta l'azione che si verifica quando viene toccato. Ad esempio, se la musica è in riproduzione, l'azione del pulsante deve essere la "messa in pausa" e viceversa nel caso contrario. In questa immagine sono illustrati i controlli in un'app multimediale.

Esempio di controlli multimediali

Se l'app usa un dispositivo di scorrimento per il trasporto, i pulsanti Riavvolgimento rapido e Avanzamento rapido riproducono una funzionalità già disponibile in quanto l'utente può usare il dispositivo di scorrimento per il riavvolgimento o l'avanzamento rapido del filmato o della canzone. Per evitare questa duplicazione, non usare sia il controllo per il trasporto che i controlli di avanzamento/riavvolgimento rapido.

Altri controlli multimediali come Precedente e Successivo (brano musicale o episodio) dipendono essenzialmente dagli scenari previsti per l'app. Per un filmato in riproduzione, ad esempio, i controlli Precedente e Successivo non sono di alcuna utilità, tuttavia per una playlist musicale o una serie televisiva a episodi, sono invece importanti. Se usi i controlli Precedente e Successivo nell'app, inseriscili con il controllo Play/Pausa e il dispositivo di scorrimento per il trasporto in modo che quando l'utente tocca o scorre rapidamente essi risultino tutti disponibili contemporaneamente.

Fai in modo che non vengano mostrati controlli non appropriati al contesto. Ad esempio, quando si avvia una nuova playlist musicale, il pulsante Precedente non è valido prima dell'inizio (perché non sono presenti tracce precedenti).

I controlli multimediali vengono visualizzati in caso di tocco o scorrimento rapido. La barra dell'app viene visualizzata con lo scorrimento rapido dai bordi. Ogni volta che l'utente scorre rapidamente per visualizzare la barra dell'app, fai in modo che sull'area canvas vengano visualizzati i controlli per il trasporto dei contenuti multimediali e che l'utente possa interagire, se lo desidera, con i contenuti mentre usa i comandi della barra dell'app.

Oltre ai controlli multimediali dell'interfaccia utente, puoi offrire agli utenti maggiore controllo sull'esperienza di riproduzione consentendo loro di controllare l'app con i pulsanti della tastiera multimediale o del telecomando, ad esempio:

  • Play
  • Pausa
  • Avanzamento rapido

Il dispositivo di scorrimento del volume e il pulsante di disattivazione dell'audio sono disponibili tramite pulsanti hardware e non devono essere duplicati nell'app.

Altri comandi non essenziali per la riproduzione dei contenuti multimediali possono trovarsi nella barra dell'app, ad esempio per l'attivazione/disattivazione della modalità schermo intero, per i sottotitoli e i metadati. Per altre informazioni sull'uso della barra dell'app, leggi le linee guida e l'elenco di controllo per le barre delle app.

Per quanto riguarda la gestione delle playlist, prova a inserire sempre nella barra dell'app pulsanti per azioni quali la rimozione dalla playlist, la cancellazione della coda, il salvataggio della coda e lo spostamento verso l'alto o il basso nella coda.

Dimensioni ridotte delle finestre

Quando un utente ridimensiona l'app su una larghezza ridotta, l'interazione per i controlli multimediali deve rimanere invariata,

  • ossia basta toccare il canvas multimediale per visualizzare i controlli di riproduzione multimediale. È fondamentale preservare il controllo Play/Pausa anche a larghezze ridotte.
  • Altri controlli come il dispositivo di scorrimento di trasporto e i pulsanti Indietro e Avanti possono invece essere eliminati a larghezze ridotte.

In questa immagine è illustrato un pulsante Play/Pausa in un'app multimediale a larghezza ridotta.

Esempio di app multimediale ridimensionata su una larghezza ridotta

Riproduzione in background e in primo piano

Se l'app multimediale riproduce musica e gli utenti passano a un'altra app, puoi fare in modo che sia possibile continuare a riprodurre la musica in background. Ottimi esempi di scenari multimediali adatti alla riproduzione in background sono la musica, le trasmissioni radio, i podcast e i video musicali. Durante la riproduzione di contenuti multimediali visivi come programmi TV e film, la riproduzione dovrebbe essere automaticamente sospesa quando l'utente passa a un'altra app. In questo modo, gli utenti possono riprendere la riproduzione da dove l'avevano interrotta quando tornano all'app, senza perdere contenuti.

Per altre informazioni sulla riproduzione di contenuti multimediali in background, leggi MediaControl.Soundlevel | soundLevel property e l'articolo Riproduzione audio in un'app di Windows Store.

Controlli per il trasporto di sistema

Per le app che riproducono contenuti multimediali in background, i controlli per il trasporto di sistema consentono agli utenti di sapere ciò che viene riprodotto nell'app e controllare la riproduzione senza dover tornare all'app. Gli utenti possono premere un pulsante hardware per il volume sul dispositivo per accedere ai controlli multimediali in modo rapido e semplice all'esterno dell'app. Fai in modo che siano visualizzate informazioni sul nome della traccia e sull'artista in modo che gli utenti sappiano cosa è in riproduzione. Se l'app si trova in fase di caricamento dei contenuti o di download, puoi indicare lo stato dell'operazione in modo che gli utenti conoscano lo stato della riproduzione dei contenuti multimediali. Nell'immagine seguente vengono illustrati i controlli per il trasporto di sistema.

Esempio di controlli per il trasporto di sistema

Ritorno all'esperienza di riproduzione multimediale

Se un utente usa l'app mentre esplora contenuti per aggiungere nuovi brani alla playlist o per acquistare nuova musica, è importante disporre di una posizione coerente a cui passare per accedere a musica e video in riproduzione. In questo modo gli utenti possono tornare rapidamente all'esperienza In esecuzione.

Nell'immagine seguente è illustrata la semplicità di accesso alla barra di esplorazione mentre l'utente esegue altre attività correlate ai contenuti multimediali. Gli utenti possono passare rapidamente alla sezione dei contenuti in riproduzione dell'app in qualsiasi momento.

Il contenuto attualmente in riproduzione viene indicato nell'interfaccia utente e può essere selezionato per tornare all'interfaccia di riproduzione

Classificazioni e recensioni

La classificazione e la recensione di contenuti multimediali rappresentano un importante scenario per la maggior parte delle app multimediali. Prova a inserire le stelle nella parte superiore di una sezione dell'app in cui vengono visualizzate le recensioni, in modo che gli utenti possano recensire rapidamente i contenuti multimediali. Per consentire agli utenti di scrivere recensioni, puoi includere una casella di testo nella parte superiore per lasciare spazio alla visualizzazione della tastiera virtuale. Quando si preme INVIO la recensione viene inviata. Le dimensioni della casella di testo possono aumentare se necessario per consentire la scrittura di recensioni più lunghe.

Gli utenti possono leggere ulteriori recensioni toccando l'intestazione come illustrato qui.

Interazioni per la classificazione dei contenuti

Tipografia nelle app multimediali

Attieniti alle linee guida della gamma di formati e dimensioni previsti per conferire ai contenuti un senso di strutturazione e ritmo. Per allineare le caratteristiche tipografiche della tua app multimediale a quelle di Windows 8, usa Segoe Semilight da 11 punti come formato principale per i contenuti e Segoe UI Light da 20 punti per titoli e sottotitoli. Se hai bisogno di dimensioni inferiori, usa Segoe UI Regular da 9 punti per le didascalie e i riconoscimenti. Non specificare tipi inferiori a 9 punti.

Usa con moderazione Segoe UI Light da 42 punti per titoli e intestazioni. Evita di impostare titoli, quali “Musica” o “Film” a 42 punti. Usa le dimensioni maggiori per il nome del film, dell'album o del brano musicale. Quando usi dimensioni maggiori, è essenziale applicare spaziatura e punteggiatura corrette da un punto di vista tipografico. Usa virgolette inglesi, apostrofi e trattini, invece di virgolette semplici e segni di sottrazione. Nell'esempio seguente viene illustrato l'uso corretto e quello non corretto della punteggiatura.

Esempi di formattazione del testo

Sebbene le caratteristiche di Windows 8 richiedano l'uso normale di maiuscole e minuscole, puoi decidere che per i tuoi contenuti è più appropriato usare solo lettere maiuscole, solo lettere minuscole o l'uso della maiuscola per tutte le iniziali. Tieni presente che i trattamenti tipografici non sono trasferibili in molte delle lingue di localizzazione. Accertati anche di usare gli stili di maiuscole e minuscole in modo coerente e di distinguere le diverse parti del contenuto, senza limitarti semplicemente ad aggiungere elementi visivi allo stile tipografico dell'app.

Se decidi di non seguire queste indicazioni, prova a evitare l'uso di più di quattro dimensioni e pesi tipografici diversi. Usa colore e peso per distinguere i contenuti visualizzati con le stesse dimensioni del carattere.

Per altre informazioni sulle procedure consigliate relative ai tipi di carattere, per quanto riguarda ad esempio dimensioni, colori e spessori, vedi Linee guida per i tipi di carattere.

Contratti

Condivisione

Il contratto Condivisione offre agli utenti un modo familiare e intuitivo per condividere i contenuti tra due app. Esistono numerosi scenari per la condivisione dei contenuti dell'app, grazie ai quali puoi differenziare la tua app rispetto alle altre. Se vuoi consentire agli utenti di condividere contenuto dall'app, l'app deve essere un'origine di condivisione. Se vuoi consentire agli utenti di usare dati di altre app, l'app deve essere una destinazione di condivisione. Puoi inoltre supportare entrambi gli scenari, in base ai requisiti specifici della tua app.

Condivisione dalla tua app di intrattenimento

La condivisione di contenuti multimediali è uno scenario chiave per le app di intrattenimento. Con il contratto Condivisione, consenti agli utenti di condividere i video o le canzoni di loro interesse con qualsiasi app che supporta questo formato. Ciò rende possibili numerosi scenari avvincenti, come la condivisione di video divertenti su social network o l'invio tramite e-mali di consigli su video e canzoni. Consente inoltre di trasformare musica, foto o video della tua app multimediale in modo interessante tramite altre app di Windows, come le app di filtro della fotocamera, le app di regolazione automatica e così via.

Condivisione di contenuti video

Condivisione nella tua app di intrattenimento

Se la tua app supporta l'archiviazione di foto, musica o video per la condivisione con amici, familiari o pubblica, l'app deve essere registrata per il contratto Condivisione destinazione. In questo modo gli utenti potranno sfruttare la tua app per organizzare il contenuto multimediale di altre app e raggiungere un pubblico più ampio.

Se l'app multimediale può trasformare il contenuto di altre app in modo interessante, ad esempio con l'applicazione di filtri alle fotografie, la regolazione automatica di registrazioni musicali, la composizione di panorami, eccetera, deve essere registrata per il contratto Condivisione destinazione. In questo modo gli utenti potranno facilmente sfruttare tutti i vantaggi della tua app con il contenuto di altre app.

Ricerca

La ricerca rappresenta un altro importante scenario nelle app multimediali e consente spesso di visualizzare risultati di più categorie. L'accesso alla ricerca fornisce un'esperienza centralizzata per tutte le esigenze di ricerca dell'utente, anche sul Web, mentre la casella di ricerca in-app ti consente di offrire agli utenti un'esperienza completamente personalizzata.

Per altre informazioni sulla ricerca, leggi le linee guida per la ricerca. Nell'immagine seguente viene illustrata una tipica esperienza di ricerca.

Esempio di esperienza di ricerca

Se l'app prevede altri scenari di ricerca avanzata, con filtri e ambiti di ricerca, offri queste opzioni nell'area canvas dell'app dove appropriato.

Inoltre, i suggerimenti di query aiutano gli utenti completando automaticamente le query di ricerca e velocizzando quindi le operazioni di ricerca senza bisogno di digitare un'intera stringa.

Impostazioni

Tutte le impostazioni rilevanti per le app multimediali, ad esempio i dati degli account utente, le informazioni sulle sottoscrizioni, le impostazioni di privacy e quelle di notifica devono essere disponibili tramite il pulsante di accesso rapido Impostazioni. Esso offre una singola posizione da cui gli utenti possono ottimizzare le proprie impostazioni ed evita l'ingombro di diverse impostazioni nell'interfaccia utente dell'app. In questa immagine sono illustrate le impostazioni di un'app multimediale.

Esempio di interfaccia utente delle impostazioni

Dispositivi

Il contratto Dispositivi rappresenta un ottimo elemento da inserire nella tua app multimediale. Gli utenti possono guardare film o video su un televisore o riprodurre musica su un dispositivo audio. L'integrazione con il contratto Dispositivi consente agli utenti di usufruire di tali esperienze con un semplice tocco. Nell'immagine seguente viene illustrato come i contenuti vengono riprodotti su un dispositivo.

Esempio di esperienza con i dispositivi

Connessione e animazioni

Riquadri e notifiche

Esistono numerosi accattivanti scenari in cui usare i riquadri animati nelle app multimediali. Si possono usare ad esempio riquadri animati per le app di filmati in cui vengono indicati i contenuti più recenti consigliati, le nuove versioni disponibili su DVD, video popolari diventati diffusissimi — tutte queste tipologie aiutano a rinnovare l'interesse degli utenti. Analogamente, nelle app musicali, i riquadri che mostrano nuovi album pubblicati degli artisti preferiti, gli artisti consigliati in base agli interessi dell'utente e così via aiutano ad attirare gli utenti in quanto l'app consente loro di scoprire novità inaspettate. In queste immagini sono illustrati riquadri animati che visualizzano informazioni.

Esempi di riquadri animati per app multimediali

Consentendo agli utenti di aggiungere diversi generi di film, canali TV, artisti e playlist alla schermata Start, diventa possibile inviare loro notifiche su misura relative ai contenuti di maggiore interesse e garantire accesso rapido agli elementi desiderati. Ciò rappresenta un altro modo di spingere gli utenti a usare l'app. Nelle immagini seguenti sono illustrati riquadri aggiunti per le app multimediali.

Esempio di riquadri aggiunti per app multimediali e di intrattenimento

Se si permette agli utenti di acconsentire esplicitamente alla visualizzazione di notizie recenti tramite notifiche di tipo avviso popup quando l'app non è in esecuzione, è possibile tenerli aggiornati sulle ultime novità e invogliarli quindi a tornare all'app. Assicurati tuttavia che la visualizzazione di notifiche di tipo avviso popup dipenda da opzioni che l'utente può abilitare tramite le impostazioni dell'app accessibili con il pulsante di accesso rapido Impostazioni, in quanto tali notifiche possono essere di disturbo ad alcuni utenti.

Dati mobili

Con il termine roaming si fa riferimento alla possibilità di spostare impostazioni e preferenze da un dispositivo a un altro. La maggior parte delle persone dispone di più PC Windows. Creando un'app che garantisca agli utenti un'esperienza coerente in tutti i PC Windows 8 è possibile soddisfarne meglio le aspettative. In tutti i casi in cui è possibile, effettua il roaming delle impostazioni dell'app, dei contenuti multimediali salvati, dei preferiti, della cronologia degli ultimi elementi visti e i punti in cui l'utente ha interrotto la riproduzione di determinati contenuti multimediali. Indicazioni aggiuntive sul roaming sono disponibili nel documento relativo alle indicazioni sulle impostazioni delle app, alle indicazioni per il roaming dei dati delle app e alla gestione dei dati delle app.

Orientamento e dimensioni delle finestre

Visualizzazioni con orientamento verticale e orizzontale

Per progettare un'app multimediale per Windows 8.1, tieni conto di tutte dimensioni dei dispositivi, le varie risoluzioni dello schermo e i diversi tipi di orientamento. Windows 8.1 rende più semplice adattare la progettazione al layout verticale e agli schermi ad alta risoluzione includendo più contenuti nell'app per dispositivi di dimensioni maggiori. Mostra l'app nella visualizzazione orizzontale e in quella verticale. Per alcune visualizzazioni dell'app, come quella per guardare un filmato, potrebbe essere opportuna la visualizzazione orizzontale.

Ridimensionamento delle finestre

Windows 8.1 consente agli utenti di operare in multitasking posizionando più app affiancate sullo schermo. Se progetti la tua app in modo che funzioni bene a larghezze ridotte, potrai aumentare il tempo di permanenza dell'app sullo schermo e coinvolgere gli utenti per periodi più lunghi. Gli utenti potranno operare in multitasking mentre usano l'app e quindi mantenerla sullo schermo più a lungo, anche mentre si occupano di altro.

Esistono alcuni scenari interessanti in cui gli utenti vorranno usufruire del multitasking con un'app multimediale. Un utente può ad esempio decidere di guardare una partita trasmessa come flusso in diretta mentre naviga sul Web oppure di ascoltare i brani di una playlist mentre legge le notizie. Personalizza le esperienze di base di riproduzione per finestre di tutte le dimensioni per supportare questi scenari comuni.

In questa immagine sono illustrati esempi di app di intrattenimento ridimensionate su larghezze ridotte. Nota che per ogni pagina è prevista una visualizzazione personalizzata e utile, che consente all'utente di mantenere il contesto quando l'app viene ridimensionata.

Esempi di app multimediali e di intrattenimento a larghezze ridotte

Poiché l'utente può ridimensionare una finestra su qualsiasi larghezza, fino a un minimo, le proporzioni possono essere decisamente diverse. Visualizza i video e altri contenuti multimediali di conseguenza. Se le proporzioni della finestra non corrispondono a quelle del contenuto multimediale, visualizza il contenuto multimediale in formato 16:9 in modo che non venga esteso.

Schermata iniziale

Spesso le app multimediali devono scaricare contenuti aggiornati dal Web. Per migliorare la velocità e i tempi di risposta dell'app, non attendere che siano state scaricate tutte le immagini per ogni categoria per visualizzare la pagina iniziale. L'attesa potrebbe spazientire gli utenti. Visualizza la pagina di destinazione dell'app non appena i riquadri dei contenuti vengono scaricati e quindi carica le immagini e gli altri dati. In questa immagine è illustrato un esempio di schermata iniziale.

Esempio di schermata iniziale

Procedure consigliate per musica e video

App di musica

Consiglio

Registra la tua app come contenuto multimediale in background

Se la tua app consente di riprodurre playlist musicali, puoi fare in modo che continui la riproduzione in background anche dopo che l'utente è passato a un'altra applicazione. Per ulteriori informazioni, vedi Come riprodurre audio in background.

Definisci una risposta per tutti i pulsanti multimediali hardware

Registra gli eventi relativi ai pulsanti Play, Sospendi, Play/Pausa, Traccia successiva, Traccia precedente e agli altri pulsanti multimediali e definisci una risposta per ognuno di essi, per consentire agli utenti di controllare l'app con un telecomando o una tastiera multimediale. Per ulteriori informazioni, vedi Come configurare i tasti per i controlli multimediali.

Visualizza le informazioni sulla traccia in esecuzione nei controlli del trasporto di sistema

Le app che possono eseguire la riproduzione in background dovrebbero presentare il nome della traccia e dell'artista e la copertina dell'album all'interno dei controlli del trasporto di sistema, per offrire agli utenti tutte le informazioni sulla traccia in esecuzione anche quando l'app non è visualizzata. Se quando l'utente passa da una traccia a un'altra si verifica una pausa, è consigliabile visualizzare un messaggio simile a "Caricamento della traccia successiva in corso" nel campo del nome della traccia, perché non sembri che l'app non risponde. Per ulteriori informazioni, vedi il white paper della Guida per lo sviluppatore ai controlli del trasporto di sistema.

 

App video

Consiglio

Scegli il tipo di flusso giusto per la tua app

Nella maggior parte dei casi, registra l'app come app multimediale solo in primo piano

Se quando l'utente avvia il tuo video sta riproducendo musica in background, il tuo flusso sospenderà automaticamente la musica, per consentire all'utente di ascoltare l'audio del tuo video. Quando l'utente lascia l'app, il video viene sospeso automaticamente. L'utente potrà riprendere a guardarlo più avanti senza perderne neanche una parte. Per ulteriori informazioni, vedi Riproduzione audio in un'app di Windows Store.

Se l'utente riproduce video musicali o crea una playlist video, registra la tua app come app multimediale in background

Se l'utente usa la tua app come lettore musicale o mette in coda più video, si aspetta che la riproduzione continui anche quando passa a un'altra applicazione. Per ulteriori informazioni, vedi Come riprodurre audio in background.

Definisci una risposta per tutti i pulsanti multimediali hardware

Registra gli eventi relativi ai pulsanti Play, Sospendi, Play/Pausa, Traccia successiva, Traccia precedente e agli altri pulsanti multimediali e definisci una risposta per ognuno di essi, per consentire agli utenti di controllare l'app con un telecomando o una tastiera multimediale. Per ulteriori informazioni, vedi Come configurare i tasti per i controlli multimediali.

 

Presentazione delle app di Windows Store

Linee guida per l'esperienza utente delle app di Windows Store

Riproduzione di elementi multimediali dall'inizio alla fine (HTML)

Riproduzione di elementi multimediali dall'inizio alla fine (XAML)