Ir al contenido

Design · · 2 min de lectura

Material 3 Expressive de Google: un salto vibrante en el diseño de interfaces

Descubre cómo la evolución más reciente del diseño de Google pone la emoción, la funcionalidad y la personalización en el centro de la experiencia de usuario.

Por Nicolas (NickMark)

Material 3 Expressive de Google: un salto vibrante en el diseño de interfaces
Tomado de Google Research

¿Qué es Material 3 Expressive?

Material 3 Expressive es la actualización más investigada que Google ha hecho a su sistema de diseño, Material Design. Sobre las bases de Material You, este nuevo enfoque pone el acento en colores audaces, animaciones dinámicas y temas personalizados para crear interfaces que no solo son funcionales, sino que también conectan emocionalmente.‍

Apps de celular vibrantes que usan las tácticas y los componentes de M3 Expressive.
Tomado de Google Research

‍

¿Qué investigación hay detrás de Material 3 Expressive?

Durante tres años, Google realizó 46 estudios con más de 18.000 participantes en todo el mundo para orientar el desarrollo de Material 3 Expressive. La investigación se centró en cómo elementos de diseño como el color, la forma, el tamaño, el movimiento y la contención influyen en la usabilidad y en las emociones del usuario. Entre los hallazgos clave están:

Gráfico de barras horizontales que muestra el porcentaje de personas que prefieren el diseño expresivo en distintos grupos de edad.
Tomado de GL

‍

  • Mejor usabilidad: los usuarios lograron identificar los elementos clave de la interfaz hasta cuatro veces más rápido con los diseños expresivos que con las versiones anteriores.
  • Conexión emocional: el diseño expresivo bien aplicado fue claramente el preferido en todos los grupos de edad, y el 87 % de los usuarios de 18 a 24 años lo eligió.
  • Percepción de marca: los diseños expresivos aumentaron la percepción de modernidad en un 34 %, de relevancia subcultural en un 32 % y de innovación en un 30 %.

¿Cuáles son las características clave de Material 3 Expressive?

Diseño expresivo para una lista de reproducción de música
Tomado de GL

‍

1. Visuales audaces y dinámicos

Material 3 Expressive introduce una paleta de colores vibrante, con morados, rosados y corales, y se aleja de la estética minimalista de los diseños anteriores. Estos colores no son solo estéticos: ayudan a guiar la atención del usuario y a mejorar la legibilidad.

2. Temas personalizados

A partir de Material You, el nuevo diseño permite una personalización más profunda. Los temas de color dinámicos ahora se integran de forma más amplia en todo el ecosistema de Google y se adaptan a las preferencias del usuario y al contenido.‍

3. Mejor tipografía y movimiento

La adopción de fuentes variables como Roboto Flex y Roboto Serif ofrece una amplia gama de grosores y estilos, que se adaptan sin problemas a distintos tamaños de pantalla. Las animaciones están diseñadas para sentirse "elásticas", dan una respuesta inmediata y hacen que las interacciones se sientan más naturales.‍

4. Mejor accesibilidad

Se ha demostrado que los elementos del diseño expresivo, como los botones más grandes y los visuales de alto contraste, nivelan el terreno para usuarios de todas las edades y capacidades, y hacen que las interfaces sean más inclusivas.

¿Dónde aparecerá primero Material 3 Expressive?

Material 3 Expressive debutará con Android 16 y Wear OS 6, y llegará primero a los dispositivos Pixel. Apps de Google como Gmail, Google Fotos y Fitbit ya están adoptando el nuevo lenguaje de diseño, con una experiencia de usuario más coherente y personalizada.

Componentes expresivos
Tomado de GL

‍

¿Por qué importa Material 3 Expressive?

Material 3 Expressive marca un cambio importante en la filosofía de diseño de Google, enfocado en la conexión emocional y la personalización sin sacrificar la funcionalidad. A medida que este lenguaje de diseño llegue a más dispositivos y aplicaciones, los usuarios pueden esperar una experiencia digital más vibrante, intuitiva e inclusiva.

‍

Encuentra la investigación completa de Google aquí

Siguiente paso

Let me build your Braintrust.

Cuéntame dónde está tu marca hoy. Empezamos con una sesión de estrategia. ¿Preguntas primero? Escríbeme o llámame directo.