Lo stato attuale del design fluente di Microsoft

Come creare un’immagine di sistema di Windows 10 e utilizzarlo per ripristinare il computer

Windows 10 oggi non è il Windows 10 che ha lanciato nel 2015. Il modello Windows-as-a-Service che Microsoft utilizza per fornire gli aggiornamenti ha sostituito gran parte della versione originale con nuovi componenti, mentre l’aggiunta di nuove funzionalità. Ciò ha portato a cambiamenti significativi nel modo in cui funziona Windows e nel modo in cui Windows appare.

Windows ha avuto un rapporto complicato con il design nel corso degli anni. È passato dal free-for-all dei giorni XP e Vista, dove anche Windows era opzionale, al design piatto tipografico del design moderno di Windows 8. Ispirato a metro signage (che ha portato al suo nome originale), è un approccio di design che è ancora al centro delle finestre moderne. Ma le tendenze del design cambiano e le esperienze degli utenti si evolvono.

Introduzione di Fluent Design

Sulla base del patrimonio di design moderno di Windows’, Microsoft sta lentamente stendere un nuovo linguaggio di design per Windows: il sistema di progettazione fluente. Destinato a essere la base per tutte le interazioni in Windows, Fluent Design viene adottato in tutte le sue varianti: desktop, mixed reality, Xbox, server, IoT e persino sul web.

Allontanandosi dall’approccio tipografico del design moderno, Fluent ha lo scopo di aggiungere esperienze utente più naturali a Windows, apportando effetti che imitano il mondo reale pur garantendo che gli utenti sappiano che stanno interagendo con il codice. Non è lo skeuomorphism di iOS, in cui gli elementi dell’interfaccia utente erano destinati a copiare oggetti fisici. Nel design skeuomorphic, i notebook hanno attacchi simili a pelle e trame simili a carta, mentre i pulsanti utilizzano animazioni 3D per assomigliare a vecchie radio o calcolatrici elettroniche familiari.

Invece, Fluent adotta un approccio più artificiale al design, mescolando la traslucenza simile alla plastica con effetti 3D e con nuove transizioni tra diversi stati applicativi. Microsoft parla di Fluent basato su cinque componenti: Luce, Profondità, Movimento, Materiale e Scala. Con i progetti (e le applicazioni) destinati a spostarsi da un dispositivo all’altro, c’è bisogno di un look-and-feel coerente che funzioni bene a tutte le scale as e anche nella realtà mista. Questa è l’intenzione alla base di Fluent: elementi di design che sono chiaramente digitali, ma che si comportano come oggetti del mondo reale e che possono interagire con il mondo che li circonda.

VEDI: Grafico di confronto: Office suites (Tech Pro Research)

Fluent sta adottando un approccio simile a Aero di Windows Vista, con i suoi effetti di vetro. Ma questo non è Aero reborn. Ci possono essere alcune somiglianze, specialmente intorno all’uso della traslucenza, ma l’approccio generale è costruito attorno a tutti i componenti di Fluent, piuttosto che concentrarsi esclusivamente sugli effetti visivi.

Fluente nelle app

Il design è, ovviamente, più dei componenti che utilizziamo nelle nostre app. È anche la chiave per come costruiamo il nostro codice, influenzando tutto, dal layout di controllo alla navigazione delle applicazioni. Come linguaggio di progettazione per le app Windows universali (e per le app Win32 tramite isole XAML), Fluent è la chiave per come dobbiamo mettere insieme il nostro codice. Ogni nuova versione di Windows 10 SDK porta nuove versioni di controlli chiave, aggiungendo elementi sempre più fluenti. Mentre Microsoft ha notevolmente accelerato l’adozione di nuove versioni di Windows 10, è comunque necessario considerare quale versione di base si sta prendendo di mira con il codice UWP. Ciò significa che non è possibile utilizzare tutte le funzionalità Fluent attuali; invece utilizzerai controlli che funzionano attraverso la tua base di utenti e sfruttando le animazioni e gli effetti di Windows.

L’introduzione di acrilico

Uno degli elementi chiave di Fluent è un effetto traslucenza Microsoft chiama acrilico. Prendendo due dei temi chiave da Fluent, material e depth, Acrylic fornisce un effetto di sfocatura che riprende il tema corrente di Windows. Finestre e oggetti dietro lo strato acrilico sono ancora visibili, ma possono essere facilmente sovrapposti con testo e altri elementi dell’interfaccia utente. È uno strumento che Microsoft utilizza sempre di più in Windows 10, le ultime versioni di anteprima lo aggiungono alle schermate di accesso e lo utilizzano come parte dei riquadri di navigazione negli strumenti di Windows. È possibile utilizzare Acrylic per legare le applicazioni al desktop o come livello all’interno delle applicazioni, scendendo sull’app per i menu e simili, pur mostrando il contesto dell’applicazione.

Quest’ultimo punto è forse uno degli aspetti più interessanti del design Fluent, in quanto è stato sviluppato per aiutare gli utenti a rimanere concentrati sui loro compiti. Le modifiche non dovrebbero scuoterti dal flusso e il contesto generale dell’applicazione deve essere visibile in ogni momento. Costruirlo nei controlli UWP ha molto senso, in quanto consente agli sviluppatori di aggiungere rapidamente effetti al proprio codice senza dover apportare modifiche significative.

Lento ma costante

Forse la più grande differenza tra il passaggio al design fluente rispetto ai precedenti progetti di Windows è che non è un big bang. Il vetro Aero di Vista e l’aspetto moderno di 8 sono usciti dal nulla, tenuti segreti fino all’ultimo momento e lasciando i progettisti e gli sviluppatori di applicazioni fuori dal giro. Con Fluent, Microsoft sta adottando un approccio molto più lento, utilizzando il ciclo di rilascio semestrale di Windows 10 per aggiungere nuovi elementi alle proprie applicazioni e all’SDK di Windows UWP. Il suo programma Insider offre anche più modi per testare le funzionalità Fluenti prima di una versione pubblica più ampia.

VEDI: Windows spotlight: 30 tips and tricks for power users (Tech Pro Research)

Un aspetto del programma Insider che tende ad essere trascurato è la sua capacità di essere utilizzato per testare concetti di progettazione. Fornendo versioni diverse a utenti diversi, Microsoft può eseguire test A / B come parte di ogni versione di Insider. Telemetria e sondaggi, così come l’Hub di feedback, vengono utilizzati per capire come gli utenti rispondono alle differenze nelle animazioni e nei livelli di trasparenza. I disegni possono quindi essere perfezionati per una build imminente. È stato interessante osservare questo processo in azione: un’animazione o un effetto appare in una build ad anello veloce; scompare nella successiva, prima che una versione raffinata venga rilasciata due o tre build più tardi.

In arrivo: nuove funzionalità nella prossima versione di Windows

Confrontando l’attuale versione di Windows 10, 1809, con l’anteprima 19H1 Fast Ring, c’è molto più uso di acrilico nelle proprie applicazioni di Microsoft. Oltre alle impostazioni di Windows e agli strumenti di gestione, è un elemento chiave delle varie app in bundle, tra cui Mail e Foto. Acrilico è utilizzato anche per fade out la schermata di blocco su log-in, e con il supporto per entrambi i temi scuri e chiari, si può vedere come Fluent può essere utilizzato nelle proprie applicazioni.

Microsoft sta facendo qualcosa di molto interessante con Fluent: evolvendo un nuovo linguaggio di design in pubblico. Non è quello che gli utenti si aspettano, con i cambiamenti che arrivano ogni sei mesi e con una fine da nessuna parte in vista. Ma è un processo più adatto agli sviluppatori, che consente alle app di adattarsi ai nuovi componenti dell’interfaccia utente e offre agli sviluppatori il tempo di imparare come usarli. Mentre Windows 10 continua ad evolversi, vedremo elementi più fluenti nei controlli UWP e negli SDK di Windows 10 e, infine, in più applicazioni di terze parti.

vedi Anche

• Microsoft Office ‘Fluente Design’ makeover in grado di semplificare il lavoro, aumentare la produttività (TechRepublic)
• Windows 10 utenti: Ecco tutti i modi in cui l’interfaccia utente di modifica nell’ultimo aggiornamento (TechRepublic)
• Microsoft Office 2019 per Mac obiettivi non di Office 365 imprese, aggiunge funzionalità (TechRepublic
• Download: 12 consigli per ottenere il più fuori di Windows 10 (TechRepublic)
• Microsoft: 10 anni di supporto del ciclo di vita (ZDNet)
• Windows 10: Un cheat sheet (TechRepublic)
• Microsoft rilascia strumento per nascondere o bloccare gli aggiornamenti indesiderati di Windows 10 (ZDNet)
• Cinque motivi per l’aggiornamento a Windows 10 (TechRepublic