Fluent Design, la nueva estetica de Windows 10, sigue su expansión por las aplicaciones del sistema. Hoy le ha tocado el turno a la aplicación Xbox que ahora al desplegar el menú hamburguesa nos muestra claramente el toque «Acrílico» distintivo de Fluent Design.
En la reciente Build 16241 para PC una de las novedades que se presentaron fue una mejora del ruido en el componente Acrylic, y es que Microsoft quiere que Fluent Design ofrezca el mejor resultado posible y luzca bien.Con sus detractores y sus defensores, este nuevo estilo logra dar un aspecto más llamativo y con un toque mas moderno y menos serio. Aún está lejos de decirse que está completado y mucho más de que se ha expandido a un gran número de aplicaciones, pero poco a poco se va expandiendo y dejándonos claro cual será el aspecto que en un futuro podemos esperar ver en las aplicaciones de Windows 10 con Fluent Design.
¿Que os parece el aspecto de la aplicación Xbox ahora?
La semana pasada fue una semana movida para los usuarios del ecosistema Windows. La presentación de la BUILD 2017 nos presentó varias novedades que a muchos de nosotros nos impresionó, otros más normales, pero sí estábamos a la expectativa de lo que durante estos meses hemos estado viendo como Neón, el proyecto en el que el Grupo de Sistemas Operativos se encuentra trabajando para traer una mejora sustancial de la interfaz gráfica de Windows 10 basada en transparencias, eventos gráficos y animaciones que enriquecerán la experiencia de usuario. Fluent Design System, como finalmente Redmond ha llamado a este nuevo lenguaje de diseño, se basa en 5 conceptos para llevar a cabo este cometido: luz, profundidad, movimiento, material y escalabilidad. Pero mi intención no es detallar cada uno, dos lineas antes ya he colocado un enlace para que te documentes sobre ello; Fluent Design System es un lenguaje rompedor para Windows 10 en PC y Tablets, pero en Windows 10 Mobile no es tanto así. Quiero explicar esto bajo mi punto de vista.
Un «Aero» remasterizado
Si tienes un PC con buenas especificaciones, sobre todo con las gráficas, sabrás de Aero. Llevando las iniciales de los 4 conceptos en el que se basó el equipo de desarrollo que estuvo detrás del mítico Windows Longhorn (que luego se lanzó como Windows Vista) y Windows 7 (Autentico, Energético, Reflectivo y Abierto), Aero llevó una serie de novedades a la interfaz del sistema operativo, siendo la más representativa las transparencias en la barra de titulo de las ventanas, barra de tareas y menú inicio. Fluent Design System viene a ser el reemplazo de estos cuatro conceptos, permitiendo llevar a otro nivel (y aprovechando los avances en hardware) la experiencia de usuario; no quita tampoco el hecho de que ambos lenguajes tiene cosas en común y que viene con un sólo objetivo: embellecer el sistema operativo en que fueron desarrollados.
Redmond viene a reemplazar a Aero como una manera de impulsar la creatividad de los desarrolladores con las demás opciones propuestas; la compañía ha colocado a disposición las herramientas que permiten dar paso alegre a la comunidad para jugar con Fluent Design System en sus aplicaciones. Aero es un lenguaje de diseño plano y monótono, que simplemente restringe en muchos apartados; en ocasiones habría que realizar practicas de hard-code para implementar ciertas funcionalidades especiales con Aero, o en su defecto, evitar que se ejecutara para maximizar el rendimiento de aplicaciones más pesadas como AutoCAD. Fluent Design quiere evitar eso con su concepto de escalabilidad, aunque no se sabe hasta qué punto Microsoft lo quiere llevar, es por ello que es un remaster de su antecesor.
Pero todo tiene su inconveniente…
Quizás sea muy obvio lo que diré, pero en vista de ello, quiero dar una explicación mas o menos decente del por qué considero que Microsoft usa a Windows 10 Mobile como un sistema operativo de pruebas para Fluent Design, sobre todo por el futuro que nos depara en lo que respecta al sector móvil de Redmond.
Una disminución del rendimiento
Mapas de Windows con Fluent Design. Los FPS de la app no son muy «fluidos».
En primera instancia vamos a dar un ejemplo de la vida real. Cuando apareció Windows Vista, muchos usuarios (y no por decir la mayoría) se quejaron del rendimiento que este sistema operativo tenía en sus ordenadores (que previamente ejecutaban Windows XP de una forma aceptable). Al instalar una copia, se llevaron el chasco de su vida cuando, aunque tenía una interfaz Aero bonita y llamativa, el PC no tenía un rendimiento acorde a lo que se necesitaba, sobre todo para trabajar. Muchos profesionales IT adoptaron la alternativa de regresar a Windows XP, y si se continuaba usando Vista, Aero se deshabilitaba para mejorar el rendimiento y el uso excesivo del procesador; en ese entonces, muchos dispositivos para el usuario común no tenían un hardware potente para poder ejecutar Aero de forma normal y eso ocasionaba que en el procesador también recayera el trabajo que ahora mismo hacen las GPU.
Los tiempos han cambiado y en estos momentos existen las tecnologías propicias para que un PC puede ejecutar lenguajes de diseño para Fluent Design, no obstante, en el juego de los móviles de prestaciones aceptables como Lumia 650, 640, hasta en dispositivos como el Lumia 950 y Lumia 950 XL, puede ocurrir como en la era de Vista. Al iniciar una aplicación con Fluent Design, se puede notar una disminución del rendimiento; aunque es importante el trabajo de los desarrolladores para optimizar sus creaciones (como dije anteriormente), la cuestión radica en la composición de los terminales que se encuentran en el mercado. Microsoft no orientó estos dispositivos a soportar Fluent Design, incluso cuando Neón estaba en prototipos; ahora mismo este es un reto para el equipo de desarrollo del Grupo de Sistemas Operativos, sobre todo para laboratorio UX/UI Core. En compilaciones como la Build 16188, muchos usuarios en PC se quejaron de una baja de rendimiento al comenzar a implementar aplicaciones con Fluent Design, ¿puedes imaginarte lo que ocurre en dispositivos de 1 o 2 GB de RAM?
Un consumo de batería más alto
La física mecánica dice que todo trabajo o esfuerzo realizado produce un gasto de energía, y en esta ocasión no hay excepciones. Si bien sabemos que Windows 10 Mobile de por si consume la batería de nuestros dispositivos de una forma un poco más voraz, con las aplicaciones que poseen Fluent Design será aún mayor ese gasto. Un dispositivo con un sistema operativo plano como Windows Phone claramente podía demorar un poco más en el uso diario gracias a la interfaz sin transparencias. El uso del chipset en dispositivos móviles sería mayor ya que debe suplir la necesidad de ejecutar las aplicaciones con el rendimiento normal más, ahora, añadiéndole que tiene que realizar los procesos necesarios para mostrar las transparencias junto a la GPU, algo que se traduciría en más gasto de batería y por ende, un consumo constantemente mayor.
Microsoft está trabajando en este apartado para mitigar este problema con el Power Throttling, un desarrollo realizado internamente, específicamente el kernel del sistema operativo, para mejorar el uso de aplicaciones en segundo plano; esto evitará que dispositivos de bajas prestaciones (y dispositivos móviles con Windows 10 Mobile) tengan un consumo de batería bastante mayor. Recordemos que ese kernel, llamado OneCore, también incluye al sistema operativo móvil, aunque no sabemos las consecuencias que tendrá el Power Throttling en otros temas.
¿Finalmente Fluent Design es propicio para Windows 10 Mobile?
No. A sabiendas de temas importantes como el rendimiento y el consumo de batería, Fluent Design no es lo indicado para la experiencia de usuario de Windows 10 Mobile. Sí lo es para dispositivos que quizás tengan especificaciones un poco más altas como el HP Elite x3 en términos de rendimiento, pero seguirá afectando el tema del consumo de batería, algo importantísimo para el usuario.
No cabe duda que Fluent Design System era algo que Windows 10 necesitaba para cumplir un cambio drástico en la experiencia. De todas formas todo esto son pruebas que se realizarán y terminarán acabando en Windows 10 ARM, el próximo paso que tendrá Microsoft para los próximos dispositivos móviles del mercado o Cellular PC como se conocerán.
Fluent Design System, el nombre que finalmente se le ha dado a Proyecto Neon, se hace notar en Windows 10 Mobile con nuevas actualizaciones para las aplicaciones de Groove Música y Películas y TV en el anillo rápido.
El nuevo lenguaje de diseño de Windows 10 se había notado ya en PC, pero en los smartphones con menor notoriedad. Con las nuevas versiones de estas dos aplicaciones ya podemos apreciar el cambio que representará este nuevo estilo de diseño para el sistema, no solo añadiendo transparencias y difuminados, sino que con las nuevas animaciones y efectos se consigue un aspecto mucho más atractivo en general.
A continuación os dejamos un par de pruebas de como estaban antes y después las aplicaciones, donde se aprecia la diferencia.
Podéis comprobar por vosotros mismos como quedan ahora ambas aplicaciones, las cuales ahora lucen el número de versión 10.17042.1281, ten en cuenta que debes estar en el anillo rápido del programa Insider.
Llevabamos tiempo viendo filtraciones y las primeras pinceladas de Project Neon, la nueva interfaz de Windows 10. Finalmente, hoy, Terry Myerson le ha puesto nombre y es Fluent Design System. Un poco más tarde, ha salido al escenario Joe Belfiore para hablar en detalle de este nuevo lenguaje de diseño que dará un soplo de aire fresco a Windows 10 con Fall Creators Update.
Fluent Design System es una evolución del lenguaje de programación Metro presentado en 2012 con Windows 8. Obviamente, como ya podemos ver en el vídeo, esta nuevo lenguaje trae grandes novedades. Fluent Design System tiene como objetivo presentar experiencias e interacciones harmoniosas, intuitivas, inclusivas y responsivas para cualquier dispositivo.
https://www.youtube.com/watch?v=vcBGj4R7Fo0
El hecho de que hoy en día existan tantos dispositivos distintos con tantas configuraciones y formas de interacción diferentes ha derivado en que Microsoft invierta una gran cantidad de recursos en el sistema de diseño. Fluent Design permite la creación de experiencias más expresivas y atractivas que funcionan continuamente entre dispositivos, desde pantallas grandes hasta pantallas pequeñas y sin pantallas, de una manera que impulsará un mayor compromiso y amor por tus aplicaciones.
Hay 5 fundamentos para Fluent Design System: luz, profundidad, movimiento, material y escalable. Todos estos se unen en un uno para darnos la capacidad de crear aplicaciones inmersivas y ricas que escalan continuamente en todo el ecosistema de dispositivos:
Luz – La luz ayuda a habilitar la capacidad de llamar la atención de alguien, o más claramente, a guiar a través de la navegación
Profundidad – La profundidad nos ayuda a entender cómo las cosas se relacionan entre sí cuando están dentro de un entorno físico, en capas
Movimiento – El movimiento es una manera poderosa de establecer el contexto y de implicar relaciones entre el contenido de manera natural, sutil y encantadora
Material – El material puede ayudar a aprovechar al máximo el espacio de pantalla disponible para mostrar el contenido. También puede aportar una sensación de experiencia de usuario ligera y efímera
Escalable – Que sea escalable nos permite ampliar nuestra caja de herramientas para más dimensiones, invitando a la innovación a través de nuevos factores de formato de los dispositivos
A continuación puedes ver tres vídeos mostrando en acción brevemente 3 de los 5 fundamentos:
Finalmente, a continuación os dejamos una serie de capturas extraídas del propio vídeo para que os podáis fijar mejor en los detalles que se han mostrado, tanto reales como conceptos. Si quieres informarte más acuradamente de lo que aportará Fluent Design System, aquí tienes el enlace a su página oficial.
El nuevo lenguaje de diseño Neon está comenzado a estar presente en un buen número de aplicaciones de Windows 10 en el anillo rápido, los cambios visuales más destacados que trae son un efecto de transparencia con un desenfoque de la imagen que tenga detrás. Aunque en general parece que ha sido muy bien acogido, no a todo el mundo le ha gustado este efecto, hay usuarios que prefieren en anterior diseño opaco y les gustaría tenerlo.
Lo cierto es que este efecto de transparencia se puede activar o desactivar desde la configuración del sistema, solo con un par de pasos. ¿Como activar o desactivar las transparencias?, es simple, debes ir a Configuración, Personalización, Colores y alli activar o desactivar los efectos de transparencia. El resultado de tener o no activada este opción es como lo ves a continuación. Continuar leyendo «¿Sabías cómo … activar o desactivar las transparencias de Neon en Windows 10?»
Proyecto Neon se va haciendo cada día más presente en Windows, de momento de una forma inicial, pero ya se hace notar en aplicaciones como Groove Música, Películas y TV, Grabadora de voz, Mapas, Paint 3D, Contactos y Fotos. Una lista que está permitiendo que este nuevo lenguaje de diseño nos muestre como será en un futuro cercano Windows 10.
Hoy dos nuevas aplicaciones comienzan a lucir las trasparencias difuminadas y animaciones de Neon, cambios que vemos tras haber recibido sendas actualizaciones. Las aplicaciones en cuestión son Cámara y Calculadora, que si estas en el anillo rápido puedes comprobar en tu PC o tablet como Neon les ha dado un lavado de cara.
Hay que tener en cuenta que lo que hoy vemos no es ni mucho menos definitivo, aún hay una gran diferencia con respecto a lo que se mostró en el anuncio de Neon. Microsoft está usando a los usuarios del programa Insider del anillo rápido para ir probando la implementación de este nuevo diseño, es de prever que sigamos viendo muchos cambios hasta lo que finalmente llegue a la versión pública.
Puedes ver las nuevas versiones de estas aplicaciones con los siguientes enlaces, recuerda que debes estar en el anillo rápido y de momento solo lo veras en PC y tablet.
Neón está de moda, y eso lo podemos ver en aplicaciones, como Fotos, Grabadora de Voz, Groove Música y en aplicaciones de terceros como Dropbox y MyTube. Sin embargo, Microsoft hoy ha probado un nivel más alto de transparencia en la nueva actualización de Contactos para los usuarios del anillo rápido de Windows Insider.
El siempre conocido lector Leo Varela nos proporciona esta imagen, en donde podemos apreciar cómo Contactos en su versión 10.2.1211 adopta una interfaz totalmente transparente y con efecto acrílico, diferenciándose de las demás aplicaciones.
A nuestro parecer es un añadido a la interfaz de usuario interesante; sabemos que Microsoft ya está incorporando estos nuevos cambios y mejorandolas aún más en las versiones más recientes de Redstone 3, sobre todo como podemos ver en MyPeople.
Como hemos dicho, estos cambios solo se ven reflejados en las compilaciones recientes del programa Insider en el anillo rápido. Contactos lo puedes actualizar siguiendo el enlace que dejamos a continuación:
Como sabemos el estilo de diseño conocido como proyecto Neon se debe de expandir a todas las aplicaciones de Microsoft para Windows 10, ya lo hemos visto en Peliculas y TV, 3D Paint y Groove Música. Ahora se les añade una aplicación más ya que Mapas también se ha actualizado en el anillo rápido y ya luce los primeros detalles de Neon.
La nueva versión de la aplicación es la 5.1705.1162.0 y está disponible tanto en PC como en móvil, tras actualizar la aplicación ya nos muestra un aviso en el que se detalla que se ha realizado cambios de diseño y esto se aprecian al abrir el menú de configuración, donde se aprecia un efecto de transparencia desenfocada que se está haciendo ya habitual. Continuar leyendo «Mapas también recibe su ración de Neon en el anillo rápido»
Como sabéis Microsoft está comenzando a ofrecer algunos detalles del nuevo aspecto en el que está trabajando con Proyecto Neon, básicamente se trata de mejorar el aspecto de las aplicaciones, sus animaciones, efectos, etc.
Ya son varias las aplicaciones que nos muestra un esbozo de lo que es Neon en el anillo rápido del programa Insider de Windows 10, ahora los usuarios de la versión pública también pueden catar estas novedades en la aplicación de Groove Música, la cual se ha actualizado añadiendo las nuevas animaciones y mejoras de diseño que ya disfrutábamos los Insiders. Continuar leyendo «Groove Música se actualiza en la versión publica con pinceladas de «Neon»»
Proyecto Neon sigue dando muestras de lo que nos espera por ver en Windows 10, ahora Microsoft le ha dado un lavado de cara a su aplicación Paint 3D actualizándola a la versión 2.1704.21027.0 y realizando diversos cambios en la aplicación.
Tras la actualización vemos que Paint 3D ha cambiado su logo, más colorido aún, y ha eliminado el icono del menú hamburguesa sustituyendolo por uno «tipo carpeta» que ahora expande el menú a ventana completa, el cual por cierto también ha variado como veis en las siguientes capturas. Continuar leyendo «Paint 3D se actualiza y se une al club de Proyecto Neon»
La aplicación de Dropbox en Windows sin duda es una de las que mas cambios interesantes ha recibido desde que existe el concepto de aplicaciones universales, bien por compromiso con Microsoft o mas bien por que el que está detrás de ella el buen desarrollador Rudy Huyn. En el día de hoy nos llega una buena noticia gracias a Project Neon, el cual ha sido participe de los nuevos cambios que llegan hoy a la aplicación.
Si en algo se le ha criticado a Windows 10 es la inconsistencia en el apartado visual y Project Neon será el encargado de mejorar la coherencia de esto, pero no solo a nivel de sistema operativo si no también de las Apps UWP como la que hablamos en este artículo. Aplicaciones como Películas y TV o Groove son otras que se están beneficiando de esta interfaz mejorada gracias a funciones o componentes como «Acrylic» que hacen que nos centremos en lo importante de la App y el resto se difumine para que visualmente sea mas atractivo para los usuarios.
En la actualización de hoy, la cual nos avisa desde su cuenta oficial el propio Rudy, viene con algunas mejoras de rendimiento y cambios en la interfaz de usuario inspiradas en Project Neon.
Es de agradecer el trabajo de Rudy Huyn, que los fans de Windows Phone admiramos desde los inicios y que por lo visto le queda un largo futuro ahora en Windows 10. Si quieres saber mas sobre lo que ofrece Proyecto Neon, la nueva interfaz de Windows 10, puedes visitar este enlace en el que mostramos mas conceptos.
Puedes descargar o actualizar la aplicación de Dropbox desde el enlace de descarga a continuación, como detalle, recuerda que si no tienes instalada la versión para creadores de Windows 10 no podrás disfrutar de esta nueva experiencia de usuario que nos otorga Project Neon.
Seguimos conociendo mockups o conceptos basados en las ideas que Microsoft posee sobre Neón, el proyecto en el que el equipo de desarrollo del Core UI y UX del Grupo de Sistemas Operativos está trabajando para traer una nueva apariencia de transparencias y animaciones a Windows 10. Thurrott hoy ha filtrado más información, y la verdad pinta muy bien para ser algo preliminar.
La web en cuestión ha mostrado animaciones en formato gif como un adelanto de las ideas que Redmond ha estado trabajando en silencio. En primera instancia vemos la aplicación de Correo para Windows 10 que muestra un diseño bastante llamativo, en donde acciones como el hover, el presionado del clic e incluso, el arrastre y suelte, poseen una animación llamativa de realce y de expansión de onda. Obviamente no es la versión final de lo que la aplicación de Correo puede tener con Neon, sobre todo por la cantidad significativa de espacio que se desperdicia.
Por otro lado, en Groove Música, podemos ver el conocido efecto Parallax que algunos sitios webs poseen. Al mover la ventana de la aplicación por el escritorio, la imagen de fondo se mueve también sutilmente dentro de esa ventana de perfil, algo que puede ser llamativo si te gusta mucho este tipo de efectos.
Thurrott también pudo obtener una vista previa de lo que sería la interfaz Touch de Windows 10 con Neón. Las animaciones suaves como si fueran salpicaduras cuando se hace tap en los tiles son un añadido hermoso para interactuar con el contenido de la pantalla.
Ya dos aplicaciones en Windows 10 poseen los primeros atisbos de Neón, Groove Música y Películas y TV, y lo más probable es que comencemos a recibir actualizaciones de más aplicaciones del sistema con las primeras mejoras de interfaz para hacerla compatible con Neón próximamente.
Pinta bien el panorama para la Redstone 3 de Windows 10 hablando de interfaz gráfica, por lo menos ya podemos ver los primeros indicios del que conocemos será el nuevo lenguaje de diseño para el sistema operativo, Neón. Una imagen-concepto mostrada en la web gracias al usuario Tom Hounsell en Twitter nos da un adelanto de lo que Microsoft internamente ya está trabajando con respecto a la experiencia de usuario en el sistema operativo; queremos decir que es un mockup de lo que la fuente pudo ver con respecto a dichas pruebas, por lo que estamos ante la primera imagen del menú inicio de Windows con un nuevo aspecto blur o de transparencias. Continuar leyendo «Microsoft está experimentando Neón en el menú inicio de Windows 10»
