Microsoft julkaisee Fluent Design -päivityksiä kehittäjille ja käyttäjille

Blogin viesti, Microsoft on ilmoittanut uusista parannuksista Fluent Design -kokemukseen kehittäjille ja käyttäjille.

Suunnittelukehystä käytetään tällä hetkellä sovelluksissa, kuten Outlook, Teams ja OneDrive sekä Microsoft äskettäin julkistettu Fluent UI, jotka yhdistävät verkko- ja mobiilikäyttöliittymäkirjastonsa yhteisen peruskirjan alle.

Microsoft on ilmoittanut kehittäjäkehysensä kehityksestä suunnittelijoiden, kehittäjien, saavutettavuuden ja kansainvälistymisen asiantuntijoiden sekä kirjoittajien panoksensa avulla. He ovat tunnistaneet parannuskohteita, ja tänä vuonna he pyrkivät kuromaan umpeen suunnittelun ja koodin välistä kuilua alkaen design token -järjestelmästä.

Uusi cross-platform kirjasto

Fluent UI on kokoelma UX-kehyksiä, joilla luodaan verkko- ja mobiilisovelluksia, jotka jakavat koodin, suunnittelun ja vuorovaikutuskäyttäytymisen.

Microsoftin komponenttien käyttäminen Sujuva käyttöliittymä React (verkko), Sujuva Applen käyttöliittymä (iOS ja macOS) ja Sujuva Android-käyttöliittymä GitHub-kirjastot varmistavat, että heidän Microsoft 365 -sovelluksensa ja -palvelunsa pysyvät tehokkaina työkaluina ja tuntuvat samalla intuitiivisemmilta ja yhtenäisemmiltä eri alustoilla. Heidän uuden lisäyksellään Sujuva käyttöliittymä React Native kirjastossa, Microsoft luo monialustaisia ​​komponentteja – mikä helpottaa JavaScript-kehittäjien mahdollisuuksia toimittaa kokemuksia eri laitteista asiakkaille nopeammin.

Kehittäjille, jotka rakentavat alkuperäisiä Windows-kokemuksia, WinUI jatkaa Fluent Design Systemin ilmentymistä.

Alkuperäinen jokaiselle laitteelle, silti yksilöllisesti Fluent

Microsoft sanoo uskovansa, että niiden Fluent Design -elementit, kuten mukautettu navigointipalkki, saavat sovellukset tuntumaan ainutlaatuisen sujuvilta ja yhtenäisiltä eri alustoilla, mutta silti ne sopivat alkuperäisiin iOS- ja Android-alustoihin.

Johdonmukaisemman ja tuottavamman kokemuksen tarjoaminen

Käyttämällä samaa suunnittelukieltä kaikissa Microsoft 365 -sovelluksissa, käyttäjät voivat helposti siirtyä sovelluksesta toiseen ja heillä on melko hyvä käsitys siitä, kuinka siinä navigoidaan ja miten asiat hoituvat. Sama koskee alustoja. Microsoft huomauttaa, että ihmiset aloittavat usein tehtävän yhdellä laitteella ja suorittavat sen toisella, joten yhtenäisten kokemusten luominen eri alustoilla vähentää asiakkaiden kognitiivista ylikuormitusta.

Microsoftin teemaarkkitehtuurin modernisointi

Tällä hetkellä kaikki Microsoftin tuotteet käyttävät erillisiä teemaratkaisuja.

Microsoft aikoo modernisoida teema-arkkitehtuuriaan luodakseen skaalautuvan, tulevaisuudenkestävän suunnittelujärjestelmän. Tulevat teemat tekevät suunnitteluarvojen päivittämisestä helpompaa ja nopeampaa kaikilla alustoilla käyttämällä yhteistä teemainfrastruktuuria, taksonomiaa ja keskitettyä joukkoa eri alustojen tyylisiä kirjastoja Microsoft-kehyksissä.

Tätä varten he siirtyvät pois kiinteistä arvoista ja kohti agnostisempia muuttujia tai suunnittelumerkkejä. Suunnittelutunnukset määrittävät käyttöliittymäpinnan visuaaliset attribuutit ja linkittävät suunnittelun koodiin yhteistä syntaksia käyttäen. Keskitetyt tyylikirjastot, joihin pääsee sekä suunnittelu- että kehitystyökaluilla, ovat paikka päivitysten tekemiselle ilman, että koodattuja komponentteja tarvitsee tarkistaa.

Microsoft tutkii tapoja tavata suunnittelijoita olemassa olevien suunnittelutyökalujensa sisällä paljastaakseen merkkien tehon ja vähentääkseen niiden monimutkaisuutta. Koska useimmat Microsoftin suunnittelijat käyttävät Figmaa, Microsoft etsi tapoja laajentaa työkalun ominaisuuksia tukemaan heidän suunnittelutunnuksiaan ilman kitkaa.

Tuloksena oli Figma-laajennus, joka korvaa alkuperäisten ominaisuuksien paneelin. Sen sijaan, että suunnittelijat luovat malleja määrittämällä värejä tai viivan leveyksiä ominaisuuspaneelin kautta, suunnittelijat määrittävät tunnisteita tasoilleen. He voivat tarvittaessa määrittää nämä tunnukset eri arvoiksi, jolloin mahdolliset muutokset etenevät koko suunnittelussa. Microsoft rakentaa myös kehitysputkia, joka muuntaa nämä suunnittelutunnukset alustakohtaisiksi arvoiksi.

Yhdessä nämä ponnistelut auttavat jakamaan suunnitteluarvoja suoraan koodikantaan, mikä tarjoaa tuotesuunnittelijoille ja -kehittäjille täysin integroidun suunnittelusta koodiin -työnkulun.

Tämä vaikuttaa loppukäyttäjiin. Ihmiset voivat helposti ottaa käyttöön teemakirjastoja luomilleen sovelluksille. He voivat sitten muokata näitä kirjastoja vastaamaan paremmin heidän tuotteensa brändiä tai palvelua ja tuntumaan yhtenäisemmältä koko ekosysteemissä.

https://vimeo.com/417688279

Kehittäjät, jotka etsivät suunnittelujärjestelmää, joka kunnioittaa alkuperäistä ulkonäköä ja tuntumaa ja sisältää UX-komponentteja, joita sadat kehittäjät ja miljoonat kuluttajat käyttävät päivittäin, voivat kokeile Fluentia täällä. Sekä sisäiset että ulkoiset kehittäjät voivat sukeltaa Sujuva käyttöliittymä Microsoft GitHub -organisaatio ja aloita luominen.

Microsoft puhuu lisää Fluent UI:sta ja heidän tulevista pyrkimyksistään Fluent Design Systemiin verkossa Microsoft Build 2020 -konferenssi toukokuuta 19-20, joka on ilmainen ja avoin kaikille.