Fluent Design System de Microsoft evolucionará maravillosamente a Windows 10

El jueves, Microsoft presentó un nuevo lenguaje de diseño para sus productos. Redmond es llamándolo el nuevo sistema de diseño fluido, y se implementará en muchos productos de Microsoft, comenzando con Windows 10 y todo el hardware que ejecuta el sistema operativo, incluidos Xbox, HoloLens, PC y teléfonos. El sistema Fluent Design se basa en 5 elementos fundamentales: luz, profundidad, movimiento, material y escala.

En Windows 10, todos estos elementos trabajan juntos para brindar una experiencia de usuario intuitiva. Microsoft mostró un puñado de conceptos del Fluent Design System en Windows 10, y se ven absolutamente magníficos. Por supuesto, los conceptos y la realidad siempre son drásticamente diferentes entre sí, pero Microsoft ya está entregando elementos del nuevo Fluent Design System en algunas de las aplicaciones propias de Windows 10 y estas aplicaciones se ven realmente bien ahora. Si eres un Windows Insider, puedes probarlos ahora mismo. Redmond también ha lanzado API para algunas de las partes clave del Fluent Design System, incluido el material acrílico y la nueva experiencia Reveal. Los desarrolladores de aplicaciones de Windows 10 pueden usar estas API para comenzar a renovar sus aplicaciones existentes con el nuevo Fluent Design System, y los diseñadores pueden comenzar a diseñar aplicaciones de Fluent Design System. utilizando los kits de diseño. Estas nuevas API permitirán a los desarrolladores crear hermosas experiencias impulsadas por Fluent Design System en Windows 10.

[shunno-quote align=”right”]La primera ola de Fluent Design System ya está disponible para Windows Insiders[/shunno-quote]

De hecho, la mayoría de las aplicaciones de Windows 10 de Microsoft ya utilizan ciertas partes de Fluent Design System, incluidas aplicaciones como Groove Music, Microsoft Photos, Paint 3D, View 3D, Voice Recorder e incluso la aplicación Calculator. Estas aplicaciones utilizan todos los componentes de la primera ola del sistema Fluent Design, incluidos elementos como Acrylic Material, Reveal Highlight, Connected Animations, Conscious Controls y Perspective Parallax. Microsoft se sumergió más profundamente en Fluent Design System en una sesión en Build 2017, donde la compañía detalló lo que está disponible actualmente y lo que sigue para Fluent Design System. Paul Gusmorino y Bojana Ostojic, de la compañía, mostraron algunas de las aplicaciones que pronto recibirán el nuevo Fluent Design System, incluidas las aplicaciones Outlook Mail & Calendar, Microsoft Edge, Xbox, OneNote y la experiencia My People. La compañía incluso mostró cómo implementará la experiencia Reveal de Fluent Design System en el menú de inicio de Windows 10. Puede ver algunas de esas capturas de pantalla (con calidad de patata) a continuación.

En esencia, el sistema de diseño fluido no se trata solo de la apariencia. La funcionalidad es una parte sustancial de cualquier lenguaje de diseño, y Fluent Design System lo logra con sus componentes básicos. Pero quiero centrarme en el elemento de profundidad que es una parte muy importante del nuevo sistema de diseño. En las PC, el efecto de profundidad presenta una interfaz de usuario en capas que puede ver en el concepto de Windows Store anterior, y Fluent Design System también ofrece un efecto de paralaje que lo une todo.

[shunno-quote align=”left”]El efecto de profundidad 3D se verá increíble en Windows Mixed Reality[/shunno-quote]

Y cuando cambias a una computadora moderna como HoloLens, el efecto de profundidad realmente brilla. Microsoft está experimentando actualmente con un efecto de profundidad 3D (capas de profundidad z) que es inmersivo en Windows Mixed Reality. No está claro cuándo o si esto realmente se incluirá en Windows 10, pero aún se ve fantástico. Lo que esto significa efectivamente es que Fluent Design System no solo está diseñado para el teclado y el mouse. Microsoft está diseñando Fluent Design System para que funcione en la amplia gama de dispositivos y entradas de Windows 10, incluidos lápiz, gestos, mirada y mucho más.

[shunno-quote align=”right”]La consistencia será clave para Fluent Design System[/shunno-quote]

Fluent Design es un viaje para Microsoft y Windows 10. No espere que el diseño de Windows 10 cambie radicalmente con una sola actualización del sistema operativo: tardará su tiempo en aparecer en todo el sistema operativo, y eso está bien. Pero Fluent Design System solo tendrá éxito si Microsoft logra mantener sus principios de diseño consistentes en todas las aplicaciones en Windows 10. Uno de los mayores problemas con el diseño actual de Windows 10 es el hecho de que no es consistente en absoluto: hay alrededor 3-4 diseños diferentes para el menú contextual, las aplicaciones propias usan diferentes tonos de colores de fondo y la alineación de los elementos en las aplicaciones está por todas partes. Microsoft tendrá que trabajar mucho para asegurarse de que sus diseñadores implementen correctamente el Sistema de diseño fluido en todas las aplicaciones propias, pero Redmond necesita encontrar una manera de hacer que los desarrolladores de terceros hagan lo mismo.

Todos los conceptos de Fluent Design que he visto hasta ahora se ven contagiosamente hermosos. Desde el concepto de Windows Store hasta el nuevo tablero de Xbox, todos los conceptos de Fluent Design son realmente maravillosos. Algunos de los elementos funcionales también se ven y se sienten muy bien. Pero a medida que Microsoft avanza en la implementación de Fluent Design System en Windows 10, deberá asegurarse de que la ejecución sea perfecta. La compañía solo ha agregado un toque del nuevo Sistema de diseño fluido a las aplicaciones en Windows 10, pero la compañía aún tiene un largo camino por recorrer e implementar el nuevo sistema de diseño en el núcleo de Windows 10 (también conocido como el shell) tomará hora. Pero eso está completamente bien, y siempre que la implementación sea consistente en todas las aplicaciones y componentes de Windows 10, el nuevo Fluent Design System será crucial para el futuro de Windows 10.

Con Windows 10 Fall Creators Update, Microsoft está enviando la primera ola de Fluent Design System. Actualmente, la compañía está experimentando con elementos que se enviarán con la segunda ola, incluido el efecto de profundidad 3D que vio en el video de arriba, junto con cosas como reproducción de medios 360, encabezados conscientes, voz y sonido espacial.