Adobe presenta Spectrum 2, el sistema de diseño que reimagina la experiencia de usuario para las aplicaciones de Adobe
- Detalles
- Categoría: Material Fotográfico
- Publicado el 14 Diciembre 2023
- Escrito por Redacción
Si ha utilizado más de una herramienta de Adobe a lo largo de los años, probablemente habrá notado similitudes: el diseño de la aplicación, el diseño de los iconos y las paletas de colores, por nombrar algunos. Todos ellos son componentes del sistema de diseño, Spectrum, introducido por primera vez hace más de diez años. Ese sistema es lo que hace que todas las experiencias de Adobe "se sientan como Adobe".
Se ha presentado Spectrum 2, la actualización más importante del sistema de diseño hasta la fecha. El público de Adobe está creciendo, con la IA generativa a través de Adobe Firefly ampliando su alcance a nuevos usuarios. Al mismo tiempo, Adobe sigue ofreciendo a los profesionales las herramientas que necesitan para el trabajo creativo, de marketing y mucho más.
Spectrum 2 pretende hacer que las herramientas de Adobe sean aún más intuitivas, inclusivas y fáciles de usar en todas las plataformas, a la vez que apoya su misión de hacer posible la creatividad para todos.
A continuación explicamos por qué estan actualizando su sistema de diseño ahora y qué se puede esperar cuando se despliegue en todas las experiencias de Adobe en 2024.
Dónde empezó Spectrum y por qué lo actualizan ahora
Han cambiado muchas cosas desde que se implementó Spectrum por primera vez en los productos y experiencias de Adobe en 2013. Adobe Creative Cloud ahora es multiplataforma y está disponible en versión web, móvil, escritorio y realidad mixta. Han lanzado Adobe Express, que permite crear a todo el mundo, desde educadores hasta influencers. Además, Adobe Document Cloud y Adobe Experience Cloud han cambiado sustancialmente sus productos y han ampliado sus bases de clientes.
Y con el lanzamiento de Firefly, las potentes capacidades de IA generativa han transformado los flujos de trabajo en varias aplicaciones de Adobe. En resumen, estan sirviendo a un público mucho más amplio que hace una década. Adobe ha evolucionado y su sistema de diseño también tenía que hacerlo.
Spectrum 2 es una actualización integral que abarca todos los elementos del diseño, como la iconografía, la tipografía, el color, la marca, la ilustración, la accesibilidad, la equidad del producto, la personalización, la visualización de datos y mucho más. Esta actualización ofrecerá tres importantes mejoras a nuestros usuarios, haciendo que nuestros productos sean:
* Más inclusivos y accesibles
* Más cercanos y expresivos
* Más cómodos en cualquier plataforma
Las primeras actualizaciones se desplegarán en todos los productos web de Adobe a principios de 2024.
Más inclusivos y accesibles
Spectrum 2 tenía que alcanzar un alto nivel de accesibilidad para que el mayor número posible de personas pudiera utilizar las herramientas de Adobe. La Organización Mundial de la Salud calcula que 2.200 millones de personas en todo el mundo sufren algún tipo de discapacidad visual. Para Spectrum 2, es el punto de partida definitivo para hacer que sus herramientas web sean más inclusivas y accesibles son las Pautas de Accesibilidad al Contenido en la Web (WCAG), a las que Adobe también contribuye.
El éxito en la accesibilidad significa muchas cosas: Relaciones de contraste adecuadas entre el texto y otros controles y elementos en relación con sus fondos, etiquetas de accesibilidad, controles de teclado, estados de enfoque y otros detalles de ejecución. Cumplir los requisitos fundamentales de accesibilidad fue un gran primer paso, pero querían ir más allá. Cada persona es diferente y quieren que los futuros productos de Adobe se adapten a las necesidades y preferencias personales de cada uno.
En Spectrum 2 han prestado especial atención en tres áreas principales:
* Contraste y brillo dinámicos: Utilizando paletas adaptativas para generar colores accesibles en tiempo real y dar a los usuarios la posibilidad de elegir el aspecto que desean para su interfaz.
* Colores más accesibles, compatibles con diversas deficiencias de visión cromática: Esto incluye la revisión de los colores que utilizan para la visualización de datos y la eliminación de conflictos de nombres de colores cuando dos o más colores pueden llamarse igual (melocotón vs naranja vs salmón).
* Jerarquía de atención, para dar prioridad a elementos visuales concretos: Eliminando el color de realce superfluo en los controles comunes, reservándolo para los momentos de mayor acción. Creando una separación entre las zonas de navegación y las de contenido, añadiendo profundidad y elevación.
Sus esfuerzos encajan con la práctica de Equidad de Producto de Adobe Design, que se asocia con equipos de diseño, producto e ingeniería para garantizar que todas las personas, independientemente de sus diferencias humanas, puedan acceder y aprovechar toda la potencia de nuestros productos, sin prejuicios, daños ni limitaciones.
Más accesibles y expresivos
La primera versión de Spectrum era minimalista, con una paleta de colores grises diseñada para retraerse. Spectrum 2 reimagina los iconos, la tipografía y otros elementos para hacer que la experiencia de Adobe sea más accesible y con un diseño más atrevido.
El equipo de Spectrum comenzó a experimentar con un diseño más acogedor en un único producto: Adobe Express, su herramienta de creatividad todo en uno pensada para un público amplio. En colaboración con el equipo de diseño de Express, crearon un nuevo tema de interfaz de usuario que anticipaba los componentes clave de Spectrum 2: Adobe Express se hizo más ligero, más atrevido y más redondeado. Los iconos y la tipografía eran más amigables, los trazos un poco más gruesos, los colores más vivos y, en general, mucho más accesible.
La suma de estos cambios tuvo un gran impacto en el aspecto y la sensación de la aplicación para los consumidores. El trabajo realizado con Express se convirtió en un punto de partida crucial que sirvió de base para el nuevo conjunto de principios de Spectrum 2. Estos elementos de diseño más expresivos y accesibles serán fundamentales en todas las aplicaciones de Adobe, ya que Spectrum 2 se lanzará en 2024.
Más comodidad en cualquier plataforma
La apariencia de Spectrum 2 variará según la plataforma. Dado que Adobe desarrolla productos para una gran variedad de plataformas (macOS, Windows, iOS, Android y web), han tenido que pensar en el equilibrio adecuado entre la coherencia entre plataformas (donde la gente puede aprender a utilizar una herramienta en una plataforma y luego transferir ese conocimiento a otra) y, al mismo tiempo, respetar las convenciones de cada plataforma. Utilizar una herramienta como Adobe Lightroom, por ejemplo, en el MacBook del trabajo es diferente a utilizarla en un teléfono personal con Android, pero sigue pareciendo Lightroom.
Cuando Spectrum se diseñó por primera vez, las plataformas móviles evolucionaban rápidamente y la experiencia de usuario de una aplicación a otra variaba entre sistemas operativos, por lo que inicialmente nos inclinamos por hacer Spectrum lo más coherente posible entre plataformas. Spectrum 2 proporcionará variantes específicas para cada una de ellas, haciendo que las herramientas de Adobe se sientan "como en casa" en el dispositivo y la plataforma en los que desee utilizarlas.
Replanteamiento de iconos, colores, ilustraciones y formas
Para apoyar la visión de Spectrum 2, el equipo de Adobe realizó cambios en múltiples componentes subyacentes de su sistema de diseño. Esto incluye el replanteamiento de los iconos para que sean más limpios, amigables, adaptables, lúdicos y familiares.
Ajustando su sistema de grises para proporcionar más contraste y reconstruyendo su sistema de colores para utilizar los colores de la marca Adobe, sentando las bases para integrar su marca de forma más orgánica en las experiencias de sus productos. Alinear el sistema de colores de Spectrum 2 con los colores de la marca facilita la armonización de las interfaces de todos los productos.
Las ilustraciones adoptan muchas formas en las experiencias de Adobe. Abarcan desde el simple trabajo de línea hasta estilos editoriales más sólidos a todo color con colores acordes con el color de la marca del producto al que dan soporte. El equipo de diseño de marca desarrolló un nuevo conjunto de herramientas de formas geométricas que se pueden combinar de infinitas maneras para crear ilustraciones, pancartas y otros materiales.
Qué esperar de Spectrum 2
Empezarás a ver Spectrum 2 en todas las herramientas y experiencias de Adobe durante el próximo año, empezando por nuestros productos web. Llevar Spectrum 2 de su visión original a la realidad ha sido todo un viaje, pero no ha hecho más que empezar: como cualquier sistema de diseño, Spectrum está en constante cambio.
Más información en https://s2.spectrum.adobe.com/index.html
Reportajes 
Andrés Magai en Google +
Andrés Magai en Facebook
Andrés Magai en Twitter