Bordi

I bordi sono uno strumento di interazione potente ed esteticamente piacevole, parte integrante di Windows. La progettazione dei bordi e dei relativi elementi a margine si basa sul principio Fai di più con meno risorse. I bordi offrono una gamma di opzioni per rispettare questo principio. Consentono di spostare elementi fuori dal canvas se non sono direttamente correlati al contenuto visualizzato. Offrono agli utenti modi affidabili e intuitivi per l'esplorazione, naturali in qualsiasi dispositivo.

Bordi in Windows

Barre dell'app

La barra dell'app superiore viene anche chiamata barra di spostamento perché le app posizionano in genere i controlli di spostamento in questa barra.

La barra dell'app inferiore è anche nota come barra dei comandi perché contiene in genere i comandi per le app.

Puoi progettare liberamente le barre dell'app, che non interagiscono con il sistema. Puoi scegliere di posizionare altre informazioni contestualmente rilevanti nella barra superiore o inferiore al posto, o in aggiunta, dei controlli di spostamento e dei comandi. In un'app per lo shopping, ad esempio, potresti posizionare il contenuto del carrello dell'utente nella barra dell'app superiore. Questa posizione consente all'utente di concentrarsi sugli acquisti, ma di fare riferimento rapidamente al carrello e alla procedura per completare l'ordine. In un'app per la musica potresti posizionare nella barra dell'app inferiore i controlli multimediali, come Play, Pausa e il controllo per l'avanzamento. I controlli rimangono nascosti fino a quando l'utente non seleziona un brano, ovvero il momento in cui diventano contestualmente rilevanti.

Accessi

Gli accessi rappresentano l'uso più emblematico dei bordi e consentono le interazioni con il sistema. Per richiamare gli accessi, un utente può scorrere rapidamente dal bordo destro dello schermo o posizionare il puntatore del mouse nell'angolo in alto o in basso a destra. Per altre info, vedi Accessi e contratti.

Bordo sinistro

Il bordo sinistro è il centro dei comandi dell'utente per visualizzare le app usate di recente, passare da un'app a un'altra e posizionare più app affiancate sullo schermo.

Innovazione con i bordi

Ti incoraggiamo a trovare modi nuovi e innovativi per usare i bordi nella progettazione della tua app. Puoi anche scegliere di non implementare le barre dell'app o di usarle in modo molto limitato. L'app Xbox Music, ad esempio, include la maggior parte dei comandi nel canvas e posiziona pochi controlli nella barra dell'app.

I controlli standard e la posizione tipica sono solo un punto di partenza. Puoi essere creativo nell'uso dei bordi nella tua app.

Esempi di bordi

Nell'esempio seguente l'app usa la barra dell'app superiore per visualizzare i video correlati e la barra dell'app inferiore per i comandi correlati al video in riproduzione.

Nell'app NatureSpace la barra dell'app inferiore è molto piccola e non si estende per l'intera larghezza del canvas, ma offre comunque un'utile superficie di comando per consentire all'utente di controllare il brano corrente.

Le barre delle app non devono avere lo stesso aspetto di quelle incluse nei modelli standard. Puoi progettarle su misura per adattarle in modo ottimale al tuo marchio. In questo esempio della Disney, la barra dell'app sembra far parte del libro sulle principesse.

Modelli di esplorazione

Modelli d'uso dei comandi