Share via

Procedure consigliate per Xbox

  • Articolo

Per impostazione predefinita, tutte le app UWP funzioneranno su Xbox One senza alcuno sforzo aggiuntivo da parte tua. Tuttavia, se vuoi che la tua app brilli, delizi i tuoi clienti e competa con le migliori esperienze di app su Xbox, devi seguire le pratiche indicate di seguito.

Nota

Prima di iniziare, dai un'occhiata alle linee guida per la progettazione indicate in Designing for Xbox and TV.

Per creare le migliori esperienze per Xbox One

Fai: Disattiva la modalità mouse

Gli utenti di Xbox amano i loro controller. Per ottimizzare l'input del controller, disabilita la modalità mouse e attiva la navigazione direzionale (nota anche come navigazione e interazione XY focus). Fai attenzione alle trappole dell'attenzione e all'interfaccia utente inaccessibile.

Fai: Disegna un rettangolo di fuoco adatto a un'esperienza di 10 piedi

La maggior parte degli utenti di Xbox è seduta di fronte al televisore, quindi tieni presente che il rettangolo di messa a fuoco standard è difficile da vedere a tre metri di distanza. Per garantire che l'elemento dell'interfaccia utente con il focus sull'input sia sempre chiaramente visibile all'utente, segui le linee guida Focus visual. In XAML otterrai questo comportamento gratuitamente quando la tua applicazione viene eseguita su Xbox, ma le applicazioni HTML dovranno utilizzare uno stile CSS personalizzato.

Fai: Integrazione con la classe SystemMediaTransportControls

Gli utenti di Xbox vogliono controllare le app multimediali con Xbox Media Remote, Cortana (in particolare i comandi vocali "Play" e "Pause") e Xbox SmartGlass. Per ottenere queste funzionalità gratuitamente, la tua applicazione deve utilizzare la classe SystemMediaTransportControls , che è automaticamente inclusa nei controlli multimediali di Xbox. Se la tua applicazione ha controlli multimediali personalizzati, assicurati di integrare la classe SystemMediaTransportControls per fornire queste funzionalità ai tuoi utenti. Se stai creando un'applicazione per la musica di sottofondo, integra la classe SystemMediaTransportControls per assicurarti che i controlli della musica di sottofondo funzionino correttamente nella scheda multitasking di Xbox.

Considera: Disegna fino al bordo dello schermo

Molti televisori tagliano i bordi del display, quindi tutti i contenuti più importanti della tua app dovrebbero essere visualizzati all'interno dell'area . UWP utilizza overscan per mantenere il contenuto all'interno dell'area protetta dalla TV, ma questo comportamento predefinito può disegnare un bordo evidente intorno alla tua applicazione. Per offrire un'esperienza migliore, disattiva il comportamento predefinito e segui le istruzioni riportate in Come disegnare l'UI ai bordi dello schermo.

Importante

Se disattivi l'overscan, è tua responsabilità assicurarti che gli elementi interattivi e il testo rimangano all'interno dell'area protetta dalla TV.

Considera: Usa colori sicuri per la TV

I televisori non gestiscono le intensità di colore estreme come i monitor dei computer. Evita i colori ad alta intensità nella tua app per evitare che gli utenti vedano strani effetti a bande o un'immagine slavata. Inoltre, tieni presente che le differenze tra i vari televisori fanno sì che i colori che appaiono ottimi sul tuo televisore possano apparire molto diversi ai tuoi utenti. Leggi Colors per capire come far apparire la tua app agli occhi di tutti!

Ricorda: Puoi disabilitare il ridimensionamento

Le app UWP vengono ridimensionate automaticamente per garantire che gli elementi dell'interfaccia utente, come i controlli e i font, siano leggibili su tutti i dispositivi. Le applicazioni che utilizzano XAML sono scalate del 200%, mentre quelle che utilizzano HTML sono scalate del 150%. Se vuoi avere un maggiore controllo sull'aspetto della tua app su Xbox, disattiva il fattore di scala predefinito per utilizzare le dimensioni reali dei pixel di un televisore HD (1920x1080). Dai un'occhiata a Come disattivare il ridimensionamento per informazioni su come adattare la tua app per essere perfetta su Xbox.

Vedi anche