Microsofts Fluent Design System vil utvikle Windows 10 vakkert

Torsdag introduserte Microsoft et helt nytt designspråk for produktene sine. Redmond er kaller det det nye Fluent Design System, og det vil bli implementert på tvers av mange Microsoft-produkter – fra og med Windows 10 og all maskinvaren som kjører operativsystemet, inkludert Xbox, HoloLens, PC og telefoner. Fluent Design System er bygget på 5 grunnleggende elementer: lys, dybde, bevegelse, materiale og skala.

I Windows 10 fungerer alle disse elementene sammen for å levere en intuitiv brukeropplevelse. Microsoft viste frem en håndfull konsepter av Fluent Design System i Windows 10, og de ser helt nydelige ut. Selvfølgelig er konsepter og den virkelige avtalen alltid drastisk forskjellige fra hverandre - men Microsoft leverer allerede elementer av det nye Fluent Design System på tvers av noen av førstepartsappene i Windows 10, og disse appene ser veldig bra ut nå. Hvis du er en Windows Insider, kan du prøve dem akkurat nå. Redmond har også gitt ut APIer for noen av nøkkeldelene av Fluent Design System, inkludert akrylmaterialet og den nye Reveal-opplevelsen. Windows 10-apputviklere kan bruke disse API-ene til å begynne å fornye eksisterende apper med det nye Fluent Design System, og designere kan begynne å designe Fluent Design System-apper ved hjelp av designsettene. Disse nye API-ene vil la utviklere bygge vakre opplevelser drevet av Fluent Design System i Windows 10.

[shunno-quote align=”right”]Den første bølgen av Fluent Design System er allerede tilgjengelig for Windows Insiders[/shunno-quote]

Faktisk bruker de fleste Windows 10-appene fra Microsoft allerede visse deler av Fluent Design System, inkludert apper som Groove Music, Microsoft Photos, Paint 3D, View 3D, Voice Recorder og til og med Kalkulator-appen. Disse appene bruker alle komponentene i den første bølgen av Fluent Design System – inkludert ting som akrylmaterialet, Reveal Highlight, Connected Animations, Conscious Controls og Perspective Parallax. Microsoft dykket dypere inn i Fluent Design System i en økt på Build 2017, hvor selskapet detaljert hva som er tilgjengelig for øyeblikket og hva som er neste for Fluent Design System. Selskapets Paul Gusmorino og Bojana Ostojic viste frem noen av appene som snart vil få det nye Fluent Design System – inkludert Outlook Mail & Calendar-appene, Microsoft Edge, Xbox, OneNote og My People-opplevelsen. Selskapet viste til og med hvordan det vil implementere Fluent Design Systems Reveal-opplevelse i Start-menyen i Windows 10. Du kan se noen av disse (potetkvalitet) skjermdumpene nedenfor.

I kjernen handler ikke Fluent Design System bare om utseendet og følelsen. Funksjonalitet er en vesentlig del av ethvert designspråk, og Fluent Design System spikrer det med sine byggeklosser. Men jeg vil fokusere på dybdeelementet som er en veldig stor del av det nye designsystemet. På PC-er presenterer dybdeeffekten et lagdelt brukergrensesnitt som du kan se i Windows Store-konseptet ovenfor, og Fluent Design System tilbyr også en parallakseeffekt som bringer det hele sammen.

[shunno-quote align="left"]3D Depth Effect vil se fantastisk ut i Windows Mixed Reality[/shunno-quote]

Og når du flytter til en moderne datamaskin som HoloLens, skinner dybdeeffekten virkelig. Microsoft eksperimenterer for tiden med en 3D-dybdeeffekt (z-depth-layering) som er oppslukende i Windows Mixed Reality. Det er ikke klart når eller om dette faktisk vil sendes i Windows 10, men det ser fortsatt fantastisk ut. Hva dette effektivt betyr er at Fluent Design System ikke bare er bygd for tastatur og mus. Microsoft designer Fluent Design System slik at det fungerer på tvers av det mangfoldige utvalget av Windows 10-enheter og innganger – inkludert penn, bevegelser, blikk og mye mer.

[shunno-quote align=”right”]Konsistens vil være nøkkelen for Fluent Design System[/shunno-quote]

Fluent Design er en reise for Microsoft og Windows 10. Ikke forvent at designen til Windows 10 endres radikalt med en enkelt OS-oppdatering i det hele tatt – det vil ta sin tid å dukke opp i hele operativsystemet, og det er greit. Men det flytende designsystemet vil bare lykkes hvis Microsoft klarer å holde designprinsippene sine konsistente på tvers av alle apper i Windows 10. Et av de største problemene med dagens Windows 10-design er det faktum at det ikke er konsistent i det hele tatt - det er ca. 3-4 forskjellige design for kontekstmenyen, førstepartsapper bruker forskjellige nyanser av bakgrunnsfarger, og justering av elementer i apper er over alt. Microsoft må gjøre ganske mye arbeid for å sikre at designerne implementerer Fluent Design System riktig på tvers av alle førstepartsapper, men Redmond må finne ut en måte å gjøre tredjepartsutviklere til det samme.

Alle Fluent Design-konseptene jeg har sett så langt ser smittende vakre ut. Fra Windows Store-konseptet til det nye Xbox-dashbordet, alle Fluent Design-konseptene er virkelig nydelige. Noen av de funksjonelle elementene ser og føles også veldig fine ut. Men ettersom Microsoft fremmer implementeringen av Fluent Design System i Windows 10, må den sørge for at utførelsen er perfekt. Selskapet har bare lagt til et snev av det nye Fluent Design System til appene i Windows 10, men selskapet har fortsatt en lang vei å gå og implementering av det nye designsystemet i kjernen av Windows 10 (også kalt skallet) vil ta tid. Men det er helt greit, og så lenge implementeringen er konsistent på tvers av alle apper og komponenter i Windows 10, vil det nye Fluent Design System være avgjørende for fremtiden til Windows 10.

Med Windows 10 Fall Creators Update sender Microsoft den første bølgen av Fluent Design System. Selskapet eksperimenterer for tiden med elementer som kommer med den andre bølgen – inkludert 3D-dybdeeffekten du så i videoen ovenfor, sammen med ting som 360-medieavspilling, bevisste overskrifter, tale og romlig lyd.