Google I/O 2014: el día que Material Design cambió todo
Era junio de 2014 y el Mundial de Brasil tenía a todo México paralizado.
Para mí era diferente. Tenía dos Mundiales ese mes.
Mi otro Mundial
La noche del 24 de junio empezaron a filtrarse los primeros videos de Google desde San Francisco y escribí sin pensarlo:
“Se van a ir filtrando videos de Google desde estas horas en adelante. Desde este momento hago stand-by al Mundial por el Google I/O.”
Y antes de irme a dormir:
“A dormir porque mañana hay Google I/O desde temprano. Les tendré los dos días llenos de ello, mi otro Mundial.”
La neta, así se sentía. Google I/O pesaba igual que un cuartos de final. Quizás más.
Diez segundos
El 25 de junio, a las 11 de la mañana hora de México, estaba con el stream abierto y el feed de Twitter corriendo en paralelo.
“7 minutos para iniciar, aquí sus links para ver el partid… Google I/O #io14”
El lapsus era intencional. Había un partido de Brasil ese mismo día y en mi cabeza los dos eventos competían exactamente igual.
Y entonces, justo cuando el keynote estaba a punto de comenzar, el universo mandó una señal:
“Messi anota a 5 minutos de que el Google #io14 comience… Es una señal.”
“10 segundos… Está por empezar. #io14”
Maestro Matías Duarte
Sundar Pichai abrió el keynote. Android One. Los números. Y luego subió al escenario alguien que para mí ya era un ídolo.
“Maestro Matias Duarte :´)”
Pues sí, la carita llorando de emoción. Matías había rediseñado Android desde Ice Cream Sandwich. Holo era su creación. Para los diseñadores de Android que seguíamos esto de cerca, era lo más cercano a un ídolo que existía en el ecosistema.
Y entonces dijo la frase:
“Design define your experiences and emotions.” —Matías Duarte
En ese momento apareció Android L en pantalla.
Android L es malditamente hermoso
No tuve que pensarlo:
“Android L es malditamente hermoso.”
Lo que veíamos no era una iteración de Holo. Era otra cosa completamente. Superficies con masa y física real. Color usado con intención. Animaciones que no decoraban el movimiento sino que lo explicaban. Un nombre: Material Design.
“Ya se ha lanzado material justo ahora sobre diseño.”
El spec completo disponible en ese momento para leer. Un libro de texto que cambiaba las reglas del oficio.
“Material Design estará en todos los productos de Google, todos.”
Todo en todas partes
El keynote no paró en Android.
Android Wear para la muñeca — SDK disponible ese mismo día. Me fui con el Moto 360 en mente desde el primer minuto. Android Auto para el carro, diseñado en contexto. Android TV con una interfaz que llegó de sorpresa: “una especie de Material Design con CardsUI con Now con WOOOOOOOOOOOOOOOOOOOOOOOOW.”
Y el anuncio que nadie esperaba: apps de Android corriendo en Chrome OS.
“¡Chrome OS y Android juntos! BIIIIIIIIG EXPLOSION #io14”
Material Design no era solo el look de un teléfono. Era la gramática compartida de toda una plataforma.
Las sesiones: haciéndome experto
Terminado el keynote comenzaron las sesiones técnicas. Y ahí empezó la parte buena: los detalles.
Switches que comunicaban más información. Grids para los íconos, por fin. Nueva paleta tipográfica. El teclado, hermoso en su nueva versión. Notificaciones con tres niveles de privacidad. APIs para animar íconos.
“Entre más conozco de Material, más me enamoro de él.”
Solo una cosa no me convenció: los NavButtons. Los describí como “simples placeholders” con la esperanza de que cambiarían. Spoiler: no cambiaron en mucho tiempo.
Día 2: desde la universidad
Al día siguiente tenía clases. Pero mis clases ese día eran Material Design.
“Todo mi schedule de sesiones de mañana es sobre Material Design, ya leído el libro me haré experto.”
El spec completo era exactamente eso: un libro. Cientos de páginas sobre principios, movimiento, tipografía, color, patrones de interacción. Un documento de diseño sin precedente en el mundo del software.
La sesión de Roboto. Las animaciones con peso físico. El Floating Action Button y su lógica contextual.
“I love the Frequently Action Button, it tells the user what to do next, it is so intuitive.”
El paradigma
Al final del segundo día llegó la observación que lo ponía todo en perspectiva:
“La verdad es que lo único que mantenía a los diseñadores en iOS según que era ‘más bonito’. Material Design cambia este paradigma.”
En 2014, eso era mucho decir.
Por años la narrativa era que iOS era la plataforma del diseño. Si te importaba la calidad visual, usabas Apple. Android era potente, pero no bello.
Material Design cuestionó eso. No con argumentos, sino con un spec de cientos de páginas, un sitio en vivo, APIs disponibles ese mismo día y una keynote donde un diseñador —no un ingeniero— se robó el show.
Lo que quedó
Google I/O 2014 no fue el evento más visto de ese junio en México. El Mundial seguía. Alemania seguía. Messi seguía.
Pues sí.
Pero para los estudiantes de diseño que estábamos atentos, ese 25 y 26 de junio de 2014 marcó un antes y un después. Material Design no solo rediseñó Android. Rediseñó la conversación sobre lo que podía ser el diseño de software.
Hoy, más de una década después, sus huellas están en prácticamente todo el diseño de interfaces que existe. Los principios de elevación, la tipografía con escala, el motion como comunicación.
Ese fue mi otro Mundial. Y lo ganamos.
Fuentes originales
- Stand-by al Mundial por el Google I/O (junio 2014)
- Mi otro Mundial (junio 2014)
- Messi anota justo antes del #io14 (junio 2014)
- Maestro Matias Duarte :´) (junio 2014)
- Android L es malditamente hermoso (junio 2014)
- Material Design estará en todos los productos (junio 2014)
- Entre más conozco de Material, más me enamoro (junio 2014)
- Todo mi schedule es sobre Material Design (junio 2014)
- Material Design cambia este paradigma (junio 2014)