Formas fluidas, colores vibrantes
Cómo una actualización sutil de nuestros íconos de Microsoft 365 indica un cambio más profundo.
Por: Jon Friedman, CVP de diseño e investigación de Microsoft 365.
Cuando se trata de un impacto descomunal, es difícil debatir sobre el ícono todopoderoso. No más grandes que un sello postal, estos pequeños símbolos son puertas de entrada a experiencias completas, destilan ideas complejas, habilidades de productos e identidades de marca en una sola imagen memorable. Al evocar emociones, despertar la curiosidad y brindar una guía intuitiva, hacen que la tecnología sea más accesible y cercana.
A medida que hemos implementado íconos actualizados para las aplicaciones de Microsoft 365, los cambios de diseño pequeños pero significativos son un reflejo y una señal. Como reflexión, encapsulan cómo la IA cambia la disciplina del diseño y la naturaleza del desarrollo de productos. Como símbolo, encarnan un espíritu arraigado en la conexión, la coherencia y la colaboración fluida. Si bien estos principios guiaron los rediseños anteriores, su significado ha cambiado: la conexión hoy en día no se trata tanto de la coherencia visual como del flujo continuo de la intención humana en cada lienzo de Microsoft 365.
Un recorrido de diseño de UI a UX
Las 10 aplicaciones principales de Office se actualizaron por última vez en 2018 y la forma en que describimos lo que representaban los diseños es casi idéntica al lenguaje que se usa hoy: conexión, coherencia, colaboración fluida, transiciones fluidas. En ese momento, eso hacía referencia al diseño de la interfaz. Señalábamos una apariencia conectada en todas las plataformas y dispositivos con transiciones visuales fluidas entre aplicaciones y animaciones. Fueron los primeros días de las aplicaciones que componían experiencias juntas y en verdad colaborativas.
Hoy en día, la colaboración sin esfuerzo significa tanto de persona a persona como de persona a IA, con experiencias inteligentes a nivel contextual, que comprenden y anticipan los matices de su trabajo, los datos a los que hacen referencia y los objetivos que persiguen. La conexión y la coherencia tienen que ver con la capacidad de Copilot para comprender su intención para que puedan atravesar sin problemas la totalidad del ecosistema de Microsoft 365 para lograr su objetivo. Ese es el cambio de paradigma; Microsoft 365 siempre ha potenciado la productividad, pero la fuerza impulsora de la experiencia de usuario a menudo eran las características de la aplicación o las herramientas en sí. Hoy, la fuerza impulsora es el resultado que desean.
Con ese cambio de paradigma vienen cambios significativos en la disciplina de UX en sí y en la forma en que abordamos la creación de productos. Los ciclos más largos de desarrollo con la cabeza hacia abajo solían ser seguidos por una gran revelación de grandes cambios. Hoy en día, con las capacidades de los modelos que emergen con rapidez y nuestro aprendizaje como profesionales de UX que avanzan a gran velocidad, incluida la mejora de la tecnología como disciplina, la evolución del producto ocurre en oleadas continuas. La investigación muestra que los cambios en la iconografía casi siempre se reciben como una señal de cambios en el producto y en una era de cambios continuos y más pequeños, los íconos deberían reflejar eso. Como tal, adoptamos la idea de «evolución, no revolución» a lo largo de nuestro proceso de diseño.
Nuevas formas, colores y metáforas
Los nuevos íconos emanan una sensación de fluidez y juego, al mismo tiempo que son más simples, intuitivos y con una alta accesibilidad. Su metáfora, forma, color y letra se han redefinido para crear un sistema cohesivo, detectable y navegable, elaborado con degradados y gestos entretejidos en la expresión y las experiencias de IA de Microsoft.
Simpleza encantadora: para mantener la familiaridad y optimizar la experiencia visual, simplificamos a nivel gráfico los íconos para mayor claridad y reducción del ruido visual. Mientras que antes el ícono de Word usaba cuatro barras horizontales, la nueva versión usa solo tres, lo que mejora la legibilidad en tamaños pequeños y crea una mayor concisión visual.
Formas fluidas: Nos hemos alejado de la solidez audaz y estática para adoptar formas más suaves y fluidas. Los bordes afilados y las líneas nítidas se reemplazan por pliegues y curvas suaves, lo que da a los íconos una sensación de movimiento lúdico y accesibilidad.
Ricos y coloridos: La paleta de colores se ha refinado de manera importante. Donde los degradados alguna vez fueron sutiles, ahora son más ricos y vibrantes, con transiciones análogas exageradas que mejoran el contraste y la accesibilidad. Este cambio hace que los íconos se sientan más brillantes, más impactantes y más dinámicos.
Reconocibles al instante: las placas con letras fueron muy debatidas porque son bienes raíces valiosos y los íconos que siguen a los 10 principales Office ya no las usan. Sin embargo, su valor de marca es tan fuerte que decidimos conservarlos, para mantener nuestra herencia y al mismo tiempo modernizándolos a través de una integración visual más cohesiva con el diseño general.
El arte imita la verdad; la verdad imita al arte
La iconografía a menudo equilibra la precisión y la aspiración. Ningún producto digital está horneado por completo, por lo que sus metáforas deben encarnar la verdad actual y el futuro que se construye de manera activa. Cuando rediseñamos nuestros íconos en 2018, el arte imitó la idea de que Microsoft 365 comenzara a fusionarse. Esa verdad del producto se había vuelto cada vez más fuerte, y luego Copilot se aceleró y transformó nuestra capacidad para crear un ecosistema en verdad conectado para los clientes.
Para crear el ícono de Copilot, nos basamos en un amplio linaje de influencias de diseño: íconos tradicionales de Office, aplicaciones más nuevas como Designer y Viva, íconos comerciales e industriales como Copilot for Sales y muchos más, al tiempo que adoptamos nuevas metáforas para significar un intercambio fluido entre ustedes y la IA, donde ustedes siempre tienen el control. La paleta de colores vibrantes del ícono representa todos los productos de Microsoft, en lugar de solo el azul tradicional, y expresa a nivel visual la colaboración y la creatividad de manera simple, lúdica y accesible.
Dado que Copilot ahora es un sistema más completo e integrado dentro de Microsoft 365, es apropiado que al actualizar los 10 íconos principales de Office, la principal fuente de inspiración fuera el ícono de Copilot en sí. Reflejo y resultado del impacto transformador de Copilot, los nuevos diseños completan a nivel visual un ciclo en el que el arte y la verdad se moldean de manera continua.
¡Un proyecto de este tamaño requiere un pueblo! Hay demasiada gente para mencionarlos a todos, pero un agradecimiento especial para Aaron Martinez, Ada Hurd, Alexis Copeland, Anna Gray, Anthony Dart, Arman Keyvanskhou, Braz De Pina, Claudia Nafarrate, Cole Rise, Colin Day, Danny Pak, Heath Hinegardner, Jana Huskey, Jason Custer, Ju Hyun Lee, Kris Bennett, Laura Clark, Mathieu James, Michelle Barrueto, Mike LaJoie, Phil Evans, Shelby Hutchison, Sven Seger y Tati Astua.