Skip to content
Back to writing

Breve historia de Material Design y lo que vino con Material You

Historia de Material Design y Material You

Este texto está escrito asumiendo cierto conocimiento de diseño y/o desarrollo de productos digitales: interfaces, interacción y experiencia de usuario. Si algún concepto no te queda claro, con gusto lo aclaro.


¿Qué carajos es Material Design?

Material Design comenzó como un Design System (DS) para cubrir las necesidades de una compañía con muchísimos productos digitales: Google. Aunque la percepción original sobre MD ha cambiado con los años, en esencia sigue siendo lo mismo: un lenguaje de diseño compartido.

La historia completa tiene cuatro capítulos, cuatro “evoluciones” del sistema:

  • 0️⃣ Holo (Pre-Material Design)
  • 1️⃣ Material Design (MD)
  • 2️⃣ Material Theme (MT)
  • 3️⃣ Material You (MY)

Las 4 evoluciones del sistema: Holo, MD, MT y MY


El origen: Holo y Matias Duarte

Hace una década no imaginábamos a Google como sinónimo de diseño. Era una compañía de ingeniería que hacía búsqueda y correo, no interfaces. Pero por dentro se sentía un cambio. Los Design Sprints ya sucedían entre equipos y se gestaba una revolución en el sistema operativo más usado del mundo, de la mano de Matias Duarte.

Google antes de Material Design

Matias ya se había encargado de llevar su buen gusto al Palm Pre, con una interfaz y experiencia por encima incluso del iPhone. En 2010 llegó a Google para revolucionar Android desde adentro. Como alguien dijo entonces: “Wherever this guy goes, awesome user interfaces follow.”

Matias Duarte en Google

0️⃣ Holo

El primer intento por llegar a lo que ahora tenemos fue Holo. Con el lanzamiento en 2011 de Android 4.0 (Ice Cream Sandwich) vino el primer rediseño grande de la plataforma. Las bases de lo que eventualmente se convirtió en MD ya se notaban desde Holo: una paleta de colores, tipografía, formas, iconos, componentes, animaciones y layouts más consistentes.

Android Holo - los elementos del sistema

Aunque Material Design se sintió como una revolución, el verdadero primer intento por generar buenas sensaciones en Android fue Holo, que también contaba con sus propias y muy sólidas guías de diseño.


1️⃣ Material Design: la apuesta grande

Todo eso no era suficiente. iOS 7 había puesto sobre la mesa el fin del skeuomorfismo y alguien tenía que competir ante semejante movimiento.

iOS 7 vs la era Holo

Material Design fue creado con la idea de ayudar a crear aplicaciones coherentes: un lenguaje común entre todas las apps dentro de un SO, llevando esa consistencia incluso a otras interfaces como computadoras o relojes.

Sus tres principios originales:

  • Material es una metáfora. Basado en la interacción consistente de los materiales del mundo real, repensada para las interfaces. ¿Suena a skeuomorfismo? Un poco, sí. La diferencia es que se abstrae: toma las reglas del mundo real y las adapta al mundo virtual.
  • Intrépido, gráfico e intencional. Diseño deliberado, no decorativo.
  • El movimiento trae consigo intención. Las animaciones no son cosméticas; comunican.

La documentación original contenía muchísimas reglas alrededor de estos materiales, especialmente los orientados al papel como superficies y la tinta para pintarlas. La idea era hacer creer que podías interactuar con una interfaz 3D en un dispositivo 2D.

Material Design - superficies y tinta

El problema de las cadenas

Hubo un problema: las guías de diseño eran muy rígidas. Había reglas para cubrir absolutamente todo, desde la tipografía (Roboto, sin excepciones) hasta los colores. Nada podía ser cambiado al usar Material Design. El sistema daba la sensación de limitar más que liberar.

MD era muy rígido - todas las apps se veían igual


2️⃣ Material Theme: romper las cadenas

Para 2018, después de varias sesiones de investigación, se presentó la evolución del sistema atacando sus principales flaquezas, con un nuevo concepto: Material Theme.

Las apps que en un principio adoptaron MD y que se sentían “muy Google” encontraron en la actualización un nuevo modelo para expandir su marca usando MT como base. Tematizar tu aplicación con tu identidad de marca ahora era posible, porque las guías invitaban a la exploración en lugar de dictar.

Material Theme - apps con identidad propia

Los tres principios de MT fueron los mismos que MD, pero la implementación cambió todo.


3️⃣ Material You: el paradigma personal

MD con MT parecían el complemento perfecto para hacer aplicaciones bien diseñadas. Pero Matias Duarte y compañía tenían otra cosa en mente: el futuro de las interfaces en un mundo lleno de dispositivos personales.

Así llegó Material You, que a diferencia de sus antecesores propone un paradigma diferente en la forma en cómo nos manifestamos con nuestros objetos personales. “One size fits all” ya no es suficiente.

Y curiosamente, para Google nunca lo fue. Android siempre se ha caracterizado como un sistema “abierto” que te permite personalizar hasta el más mínimo detalle. El reto ahora era hacer eso de forma coherente y hermosa.

El reto del color

El punto de partida de Material You parte de lo primero que sentimos como nuestro: nuestras fotos, nuestras imágenes. El primer paso fue dar opciones de personalización a partir de los colores.

Android 12 crea paletas de colores por ti, basadas en cualquier imagen que proveas. Se encarga de tomar los colores más atractivos y hacerlos funcionar en armonía. A este “script” lo llamaron Monet, por Claude Monet, líder del movimiento del arte impresionista.

Material You - paletas de color generadas desde tu wallpaper

Los tres principios de MY:

  • Cómodo. Tu dispositivo es tu hogar.
  • Iconoclástico. Busca desafiar supuestos y convenciones establecidas, incluyendo usar formas y colores en lugar de sombras como lo hacía MD.
  • Espiritual. Generar vida usando formas, espacio, luz y movimiento.

Eventualmente, la caracterización manejada por MY podría expandirse a más dimensiones: formas, movimiento, luz. Todo lo que pueda usarse como expresión en nuestros dispositivos personales.

Material You - expresión más allá del color


Las preguntas abiertas

Con este nuevo paradigma quedan preguntas sin resolver:

  • ¿Cómo podría una marca expresarse al mismo tiempo que el usuario personaliza todo?
  • ¿Hasta dónde se expresa un objeto tan personal como lo es un teléfono?
  • ¿Qué pasará en otros sistemas operativos donde no hay tanto control?

Fue emocionante ver lo que Google puso sobre la mesa respecto a la relación que tenemos como humanos con nuestros dispositivos. Más allá del cambio visual o las actualizaciones al sistema, Material You se siente como una visión fresca al futuro.

Para cerrar, las palabras de Duarte lo resumen mejor que yo:

“It is a little bit terrifying… for Google designers themselves. It is terrifying that we’re going to have to share control of every pixel with our users! But we’re finding that leap of faith we’re taking is unlocking totally new positives.”


Fuentes originales