Actualizaciones de Fluent Design para desarrolladores y usuarios

microsoft

El marco de diseño se usa actualmente en aplicaciones como Outlook, Teams y OneDrive, y Microsoft anunció recientemente la interfaz de usuario fluida , unificando sus bibliotecas web y de interfaz de usuario móvil bajo una carta compartida.

Microsoft ha anunciado una evolución de sus marcos de desarrollador, con aportes de diseñadores, desarrolladores, expertos en accesibilidad e internacionalización, y escritores. Han identificado áreas de mejora, y este año, tienen como objetivo cerrar la brecha entre el diseño y el código, comenzando con un sistema de token de diseño.

NUEVA BIBLIOTECA MULTIPLATAFORMA

Fluent UI es una colección de marcos UX para crear aplicaciones web y móviles que comparten código, diseño y comportamiento de interacción.

El uso de componentes de Fluent UI React (web), Fluent UI Apple (iOS y macOS) y Fluent UI Android GitHub garantiza que sus aplicaciones y servicios de Microsoft 365 sigan siendo herramientas poderosas a la vez que se sienten más intuitivas y coherentes en todas las plataformas. Con la adición de su nueva biblioteca Fluent UI React Native , Microsoft está creando componentes multiplataforma, lo que facilita a los desarrolladores de JavaScript ofrecer experiencias a través de dispositivos a los clientes más rápidamente.

Para los desarrolladores que crean experiencias nativas de Windows, WinUI continúa incorporando el Sistema de diseño fluido.

NATIVO DE CADA DISPOSITIVO, TODAVÍA CON FLUIDEZ ÚNICA

Microsoft dice que creen que sus elementos de diseño fluido, como la barra de navegación personalizada, hacen que las aplicaciones se sientan fluidas y coherentes en todas las plataformas mientras se adaptan a las plataformas nativas de iOS y Android.

BRINDANDO UNA EXPERIENCIA MÁS COHERENTE Y PRODUCTIVA

El uso del mismo lenguaje de diseño para todas las aplicaciones de Microsoft 365 también permite a los usuarios moverse fácilmente de una aplicación a otra y tener una muy buena idea de cómo navegar y hacer las cosas. Lo mismo ocurre con las plataformas. Microsoft señala que las personas a menudo comienzan una tarea en un dispositivo y la finalizan desde otro, por lo que crear experiencias coherentes en todas las plataformas reduce la sobrecarga cognitiva para sus clientes.

MODERNIZANDO LA ARQUITECTURA TEMÁTICA DE MICROSOFT

Actualmente, todos los productos de Microsoft utilizan enfoques de temas desconectados.

Microsoft está buscando modernizar su arquitectura temática para crear un sistema de diseño escalable y a prueba de futuro. Los temas futuros facilitarán y agilizarán la actualización de los valores de diseño en todas las plataformas utilizando una infraestructura de temática común, taxonomía y un conjunto centralizado de bibliotecas de estilos multiplataforma en los marcos de Microsoft.

Para hacer esto, se están alejando de los valores fijos y hacia variables más agnósticas, o tokens de diseño. Los tokens de diseño definen los atributos visuales de una superficie de IU y vinculan el diseño al código utilizando una sintaxis común. Las bibliotecas de estilo centralizadas, accesibles tanto por herramientas de diseño como de desarrollo, servirán como lugar para realizar actualizaciones sin tener que revisar los componentes codificados.

Para exponer el poder de los tokens y mitigar su complejidad, Microsoft explora formas de conocer a los diseñadores dentro de sus herramientas de diseño existentes. Como la mayoría de los diseñadores de Microsoft usan Figma, Microsoft buscó formas de ampliar las capacidades de esa herramienta para admitir sus tokens de diseño con poca o ninguna fricción.

El resultado fue un complemento de Figma que reemplazará el panel de propiedades nativo. En lugar de crear diseños asignando colores o anchos de trazo a través del panel de propiedades, los diseñadores asignarán tokens a sus capas. Pueden reasignar estos tokens a un valor diferente si es necesario, permitiendo que cualquier cambio se propague a lo largo del diseño. Microsoft también está construyendo la tubería de desarrollo que traduce estos tokens de diseño en valores específicos de la plataforma.

Juntos, estos esfuerzos ayudan a distribuir los valores de diseño directamente en la base de código, ofreciendo a los diseñadores y desarrolladores de productos un flujo de trabajo completamente integrado de diseño a código.

Esto tiene un efecto secundario para los usuarios finales. Las personas podrán optar fácilmente por las bibliotecas de temas para las aplicaciones que creen. Luego podrían personalizar estas bibliotecas para reflejar mejor la marca o el servicio de sus productos y sentirse más coherentes en todo el ecosistema.

Los desarrolladores que buscan un sistema de diseño que respete la apariencia nativa e incluya componentes UX que cientos de desarrolladores y millones de consumidores usan todos los días, pueden probar Fluent aquí . Tanto los desarrolladores internos como los externos pueden sumergirse en la organización Fluent UI de Microsoft GitHub y comenzar a crear.

Microsoft hablará más sobre Fluent UI y sus aspiraciones futuras para el Fluent Design System en la conferencia en línea Microsoft Build 2020 del 19 al 20 de mayo, que es gratuita y abierta a todos.

Semrush sigue a tu competencia


Fecha actualizacion el 2020-05-17. Fecha publicacion el 2020-05-17. Categoria: microsoft Autor: Oscar olg Mapa del sitio Fuente: mspoweruser Version movil