Telai finestra

Nota

Questa guida di progettazione è stata creata per Windows 7 e non è stata aggiornata per le versioni più recenti di Windows. Gran parte delle linee guida si applica ancora in linea di principio, ma la presentazione e gli esempi non riflettono le linee guida di progettazione correnti .

La maggior parte dei programmi deve usare frame di finestra standard. Le applicazioni immersive possono avere una modalità schermo intero che nasconde la cornice della finestra. Prendi in considerazione l'uso strategico del vetro per un aspetto più semplice, più leggero e coeso.

Con una cornice di finestra, gli utenti possono modificare una finestra e visualizzare il titolo e l'icona per identificarne il contenuto.

Cornice di finestra tipica.

Nota: Le linee guida relative alla gestione e alla personalizzazione delle finestre sono presentate in articoli separati.

Concetti di progettazione

Cornici finestra di vetro

Le cornici della finestra di vetro sono un nuovo aspetto sorprendente dell'estetica di Microsoft Windows, che punta a essere sia attraente che leggero. Questi fotogrammi traslucenti offrono alle finestre un aspetto aperto e meno invadente, consentendo agli utenti di concentrarsi sul contenuto e sulle funzionalità anziché sull'interfaccia che lo circonda.

Cornici di finestre di vetro.

È possibile usare il vetro in modo strategico in piccole aree all'interno di una finestra che tocca la cornice della finestra. Tali aree sembrano far parte della cornice della finestra, anche se tecnicamente fanno parte dell'area client della finestra.

In questo esempio, il vetro viene usato nell'area del cliente per farla sembrare parte del telaio.

Cornici nascoste

A volte la miglior cornice per una finestra è non avere alcuna cornice. Questo è spesso il caso della finestra principale delle applicazioni immersive a schermo intero che non vengono usate in combinazione con altri programmi, ad esempio lettori multimediali, giochi e applicazioni in modalità tutto schermo.

I visualizzatori di contenuti spesso traggono vantaggio dalla possibilità di visualizzare il contenuto a schermo intero. Alcuni esempi includono Windows Internet Explorer, Raccolta foto live di Windows, Windows Movie Maker HD, Microsoft PowerPoint e Microsoft Word.

In questo esempio Windows Media Player può visualizzarne il contenuto a schermo intero.

Frame personalizzati

La maggior parte delle applicazioni Windows deve usare i frame di finestra standard. Tuttavia, per applicazioni immersive, a schermo intero, autonome come giochi e applicazioni in modalità tutto schermo, può essere opportuno usare fotogrammi personalizzati per tutte le finestre che non vengono visualizzate a schermo intero. La motivazione all'uso di frame personalizzati deve essere quella di dare all'esperienza complessiva un'esperienza unica, non solo per il branding.

Le cornici personalizzate sono appropriate per applicazioni immersive, a schermo intero e indipendenti, ad esempio giochi.

Istruzioni

Telai delle finestre

• Usa telai delle finestre standard.

  • Eccezione: Per offrire alle applicazioni immersive a schermo intero un'atmosfera unica:

    • Prendere in considerazione la possibilità di nascondere la cornice della finestra principale.

    • Prendere in considerazione l'uso di frame personalizzati per la finestra secondaria.

    • Se un frame personalizzato è appropriato, scegliere un design leggero e non attira troppo attenzione a se stesso.

      Scorretto:

      

      In questo esempio, la cornice personalizzata attira troppo attenzione a se stessa.

• Non aggiungere controlli a una cornice finestra. Inserire invece i controlli all'interno della finestra.

  Scorretto:

  

  Corretto:

  

  Nell'esempio corretto, il controllo si trova all'interno dell'area client anziché della cornice della finestra.

Modalità schermo intero

• Per i programmi con modalità schermo intero facoltativo, per abilitare la modalità schermo intero:

  • Disporre di un comando modale a schermo intero nella barra dei menu o nella barra degli strumenti. Quando l'utente fa clic sul comando, mostra il comando nello stato selezionato.

    

    Questo esempio mostra il comando a schermo intero insieme al tasto di scelta rapida standard.

• Usare F11 per il tasto di scelta rapida a schermo intero.

• Se c'è una barra degli strumenti e la modalità schermo intero viene comunemente usata, è disponibile anche un pulsante grafico sulla barra degli strumenti con un tooltip Schermo intero.

  

  Esempi di pulsanti della barra degli strumenti a schermo intero.

• Per ripristinare la modalità schermo intero:

  • Disporre di un comando modale a schermo intero nella barra dei menu o nella barra degli strumenti. Quando l'utente fa clic sul comando, mostra il comando nello stato cancellato.
  • Usare F11 per il tasto di scelta rapida a schermo intero. Se non è già stato assegnato, esc può essere usato anche a questo scopo.

Vetro

Le cornici delle finestre standard usano automaticamente il vetro in Windows, ma è anche possibile usare il vetro nelle aree che toccano la cornice della finestra.

• Considerare l'uso strategico del vetro in piccole aree che toccano la cornice della finestra in cui non ci sono testi. In questo modo un programma può dare un aspetto più semplice, più leggero e più coeso facendo sembrare che l'area sembri parte del frame.
• 
• In questo esempio, glass concentra l'attenzione dell'utente sul contenuto anziché sui controlli.
• Non usare vetro in situazioni in cui uno sfondo di una finestra normale sarebbe più attraente o più facile da usare.

Corretto:

In questo esempio, il vetro viene usato per dare alla finestra ALT+TAB un aspetto leggero. Vetro funziona per questa finestra perché è costituito da grafica e una singola etichetta di testo forte.

Scorretto:

In questo esempio errato, l'uso del vetro è distraente. Uno sfondo di una finestra normale sarebbe una scelta migliore.