Microsoft ogłasza aktualizacje Fluent Design dla programistów i użytkowników

W poście na blogu, firma Microsoft ogłosiła nowe ulepszenia środowiska Fluent Design dla programistów i użytkowników.

Struktura projektowa jest obecnie używana w aplikacjach, takich jak Outlook, Teams i OneDrive oraz Microsoft niedawno zapowiedziany interfejs Fluent UI, ujednolicając swoje internetowe i mobilne biblioteki interfejsu użytkownika w ramach wspólnej karty.

Firma Microsoft ogłosiła ewolucję swoich struktur programistycznych z udziałem projektantów, programistów, ekspertów ds. dostępności i internacjonalizacji oraz pisarzy. Zidentyfikowali obszary wymagające ulepszeń, aw tym roku zamierzają wypełnić lukę między projektowaniem a kodem, zaczynając od systemu tokenów projektowych.

Nowa wieloplatformowa biblioteka

Fluent UI to zbiór frameworków UX do tworzenia aplikacji internetowych i mobilnych, które współdzielą kod, projekt i zachowanie interakcji.

Korzystanie z komponentów firmy Microsoft Reakcja płynnego interfejsu użytkownika (sieć), Płynny interfejs użytkownika Apple (iOS i macOS) oraz Płynny interfejs użytkownika na Androida Biblioteki GitHub zapewniają, że ich aplikacje i usługi Microsoft 365 pozostają potężnymi narzędziami, a jednocześnie są bardziej intuicyjne i spójne na różnych platformach. Z dodatkiem ich nowego Płynny interfejs użytkownika React Native Microsoft tworzy wieloplatformowe komponenty — ułatwiając programistom JavaScript szybsze dostarczanie klientom doświadczeń na różnych urządzeniach.

Dla programistów tworzących natywne środowiska Windows, WinUI nadal ucieleśnia system Fluent Design.

Natywny dla każdego urządzenia, wciąż wyjątkowo płynny

Microsoft twierdzi, że wierzy, że ich elementy Fluent Design, takie jak niestandardowy pasek nawigacyjny, sprawiają, że aplikacje są wyjątkowo płynne i spójne na różnych platformach, a jednocześnie nadal pasują do natywnych platform iOS i Android.

Zapewnianie bardziej spójnego, produktywnego doświadczenia

Korzystanie z tego samego języka projektowania dla wszystkich aplikacji platformy Microsoft 365 pozwala również użytkownikom łatwo przechodzić z jednej aplikacji do drugiej i mieć całkiem dobry pomysł, jak się nią poruszać i jak załatwiać sprawy. To samo dotyczy platform. Microsoft zauważa, że ​​ludzie często zaczynają zadanie na jednym urządzeniu i kończą je na innym, więc tworzenie spójnych doświadczeń na różnych platformach zmniejsza przeciążenie poznawcze ich klientów.

Modernizacja architektury motywów Microsoft

Obecnie wszystkie produkty firmy Microsoft korzystają z rozłączonych metod tematycznych.

Microsoft chce zmodernizować swoją architekturę tematyczną, aby stworzyć skalowalny, przyszłościowy system projektowania. Przyszłe motywy ułatwią i przyśpieszą aktualizację wartości projektowych na wszystkich platformach przy użyciu wspólnej infrastruktury motywów, taksonomii i scentralizowanego zestawu wieloplatformowych bibliotek stylów we wszystkich platformach firmy Microsoft.

Aby to zrobić, odchodzą od stałych wartości w kierunku bardziej agnostycznych zmiennych lub tokenów projektowych. Tokeny projektu definiują wizualne atrybuty powierzchni interfejsu użytkownika i łączą projekt z kodem przy użyciu wspólnej składni. Scentralizowane biblioteki stylów, dostępne zarówno dla narzędzi projektowych, jak i programistycznych, będą służyć jako miejsce do wprowadzania aktualizacji bez konieczności poprawiania zakodowanych komponentów.

Aby ujawnić moc tokenów i złagodzić ich złożoność, firma Microsoft bada sposoby poznania projektantów w ich istniejących narzędziach projektowych. Ponieważ większość projektantów w firmie Microsoft korzysta z Figmy, firma Microsoft szukała sposobów na rozszerzenie możliwości tego narzędzia, aby wspierać ich tokeny projektowe z niewielkim lub zerowym tarciem.

W rezultacie powstała wtyczka Figma, która zastąpi natywny panel właściwości. Zamiast tworzyć projekty poprzez przypisywanie kolorów lub szerokości obrysu za pomocą panelu właściwości, projektanci przypisują tokeny do swoich warstw. W razie potrzeby mogą przemapować te tokeny na inną wartość, umożliwiając propagację wszelkich zmian w całym projekcie. Microsoft buduje również potok programistyczny, który przekłada te tokeny projektowe na wartości specyficzne dla platformy.

Razem te wysiłki pomagają dystrybuować wartości projektowe bezpośrednio do bazy kodu, oferując projektantom produktów i programistom całkowicie zintegrowany przepływ pracy od projektowania do kodu.

Ma to efekt domina dla użytkowników końcowych. Użytkownicy będą mogli łatwo zapisać się do bibliotek motywów dla tworzonych przez siebie aplikacji. Mogliby wtedy dostosować te biblioteki, aby lepiej odzwierciedlały markę lub usługę swojego produktu i czuli się bardziej spójni w całym ekosystemie.

https://vimeo.com/417688279

Deweloperzy poszukujący systemu projektowania, który szanuje natywny wygląd i styl oraz zawiera komponenty UX, z których każdego dnia korzystają setki programistów i miliony konsumentów, mogą wypróbuj Fluent tutaj. Zarówno wewnętrzni, jak i zewnętrzni programiści mogą zanurzyć się w Organizacja Fluent UI Microsoft GitHub i zacznij tworzyć.

Microsoft opowie więcej o Fluent UI i swoich przyszłych aspiracjach związanych z Fluent Design System w Internecie Konferencja Microsoft Build 2020 w dniach 19-20 maja, który jest bezpłatny i otwarty dla wszystkich.