El sistema operativo Android existe desde 2008 y, en ese tiempo, su interfaz de usuario se ha reinventado varias veces. La interfaz original de Android 1.0 que debutó en el T-Mobile G1, el primer teléfono con Android, era básica y bastante fea para los estándares modernos. No fue hasta Android 4.0, tres años después de la vida útil del sistema operativo, que hubo algún tipo de lenguaje de diseño general para los teléfonos Android.
La apariencia de Android ha estado en constante evolución desde entonces, a menudo con pequeños pasos hacia adelante, pero a veces con grandes avances, como ocurrió con la introducción de Material Design en 2014. Android 12 nos brinda el tercer gran rediseño integral de la plataforma. en forma de Material You, un esfuerzo ambicioso para hacer que Android sea más personal, con esquemas de color individuales extraídos de la paleta Material.
A medida que ingresamos a la cuarta era de diseño de Android después de los primeros días, Holo y Material Design, es hora de revisar los últimos 13 años en la interfaz de usuario de Android y recordar cómo llegamos aquí.
Fuente: Android Central (Crédito de la imagen: Fuente: Android Central)
Fuente: Android Central (Crédito de la imagen: Fuente: Android Central)
Durante los primeros dos años de su existencia, Android careció de una dirección de diseño sólida. Desde Android 1.0 hasta 2.2 Froyo, la apariencia del sistema operativo se describía mejor como genérica, funcional y suave. Pareciendo inspirarse en los teléfonos inteligentes de estilo antiguo de la época, el aspecto inicial de Android consistía en íconos gruesos, menús degradados y mucho gris.
La apariencia de Android de serie simplemente no importaba mucho.
Esta estética sencilla tenía sentido para las pequeñas pantallas de teléfonos inteligentes de baja resolución de finales de la década de 2000. Si bien Google estaba (más o menos) enviando teléfonos en ese momento, en la forma del T-Mobile G1 y, finalmente, el Nexus One, la mayoría de los consumidores experimentarían Android a través de la lente de una máscara de fabricante que lo consumía todo, como HTC Sense o Samsung TouchWiz. La apariencia de Android estándar simplemente no importaba mucho cuando los mejores teléfonos Android no usan nada parecido.
Imagen 1 de 2 Imagen 1 de 2 Imagen 1 de 2
Sin embargo, mirando hacia atrás en el software del T-Mobile G1, muchos de los elementos de diseño de Android clave y reconocibles de hoy están presentes. Las pantallas de inicio de varias páginas con soporte para widgets, el cajón de aplicaciones y el menú desplegable de notificaciones están todos allí, incluso si están envueltos en una interfaz de usuario que se parece más a un sistema operativo de computadora de escritorio de los 90 que al Android de hoy.
El lanzamiento de Google del teléfono inteligente Nexus One coincidió con algunos ajustes de diseño menores a Android 2.1 Eclair, incorporando accesos directos rápidos a la aplicación del teléfono y al navegador junto con el ícono del cajón de la aplicación. El primer teléfono Nexus también obtuvo una elegante cuadrícula de aplicaciones animada en 3D. Pero básicamente, esto fue Android de serie hasta finales de 2010: bastante aburrido, frío y utilitario.
Fuente: Android Central (Crédito de la imagen: Fuente: Android Central)
La llegada del ex diseñador de Palm, Matías Duarte, a Google, primero como director de diseño para Android y luego para toda la empresa, marcó el rumbo de la interfaz de usuario de Android durante la década siguiente.
Duarte fue contratado justo antes de que Google estuviera a punto de lanzar Android 2.3 Gingerbread y el teléfono Nexus S, por lo que su influencia sobre Gingerbread fue limitada. Sin embargo, Android 2.3 fue la revisión de diseño más significativa que Android había visto hasta ahora, con colores más oscuros en un guiño a la creciente popularidad de las pantallas OLED. El tono verde de Android se usó como color de énfasis para resaltar los íconos, y las pulsaciones de menú se puntuaron con destellos de naranja. De lo contrario, esta fue una continuación del Android de aspecto antiguo.
La llegada de la primera versión de Android específica para tabletas cambió todo, y la influencia de Duarte se vio claramente en el lanzamiento de Android 3.0 Honeycomb a principios de 2011. Honeycomb impulsó a los primeros rivales del iPad y lucía una audaz interfaz de estilo de ciencia ficción con una paleta de colores azul y morado oscuro.
Esta versión nos presentó las teclas en pantalla, el paradigma de navegación que permanece con Android hasta el día de hoy en algunos teléfonos. Eliminando el antiguo menú y los botones de búsqueda de Gingerbread y versiones anteriores, los dispositivos Honeycomb se podían navegar con tres teclas de navegación virtuales: inicio, atrás y aplicaciones recientes. Al presionar este último, se encendió el cambiador de tareas recientemente renovado de Android, que muestra una pequeña vista previa de las aplicaciones en ejecución en una lista desplazable.
Honeycomb, lanzado rápidamente al mercado en un intento de combatir el iPad, actuó como una especie de prototipo de lo que llegó más tarde en 2011: Android 4.0 Ice Cream Sandwich y el nuevo lenguaje de diseño "Holo", abreviatura de holográfico.
Fuente: Alex Dobie / Android Central (Crédito de la imagen: Fuente: Alex Dobie / Android Central)
'¿Cuál es el alma de Android?'
Matias Duarte apareció en el escenario del evento de lanzamiento en Hong Kong del nuevo Galaxy Nexus de Google y Samsung, el primer teléfono con Android 4.0, para hablar sobre Holo.
Duarte dijo a los asistentes que, mientras Google buscaba sentar las bases para la próxima media década de Android, preguntó a sus usuarios qué significaba Android para ellos. Descubrió que, en 2011, "mientras que a la gente le gusta Android, la gente necesita Android, a la gente no le encanta Android".
Y así Google se preguntó, por primera vez, "¿cuál es el alma de Android?"
"Android es encantador. Algo hermoso, seductor, algo de lo que realmente te puedes enamorar. Android es fácil. Simplifica cada parte de mi vida. Y Android debería hacerme sentir poderoso e inteligente", dijo Duarte a los asistentes. La nueva interfaz de usuario de Android, con su tema Holo, pretendía ejemplificar estos valores.
Imagen 1 de 3 Imagen 1 de 3 Imagen 1 de 3 Imagen 1 de 3
Holo se basó en lo que se había iniciado en el lanzamiento de Honeycomb, agregando la nueva fuente Roboto, un tipo de letra que sigue siendo el predeterminado en la mayoría de los dispositivos Android en la actualidad. A diferencia de Droid Sans, al que reemplazó, Roboto se creó para las pantallas de alta densidad que comenzaban a ser comunes en ese momento, brindando una apariencia más moderna y una experiencia de lectura agradable. En otros lugares, los bordes biselados y los botones y menús en relieve se eliminaron de Android y se reemplazaron con íconos y muebles de interfaz de usuario más simples y geométricos.
Fuente: J4lambert, CC BY-SA 4.0, vía Wikimedia Commons (Crédito de la imagen: Fuente: J4lambert, CC BY-SA 4.0, vía Wikimedia Commons)
Holo Blue (también conocido como # 33B5E5) fue el color de acento principal de Ice Cream Sandwich y el posterior lanzamiento de Jelly Bean, lo que hizo que Android 4 pareciera nítido y futurista, aunque claramente menos influenciado por Tron que Honeycomb. Sin embargo, se mantuvo la paleta de colores más oscuros de Android 2.3 y 3.0, y parecía encajar bien con el Galaxy Nexus, particularmente con su pantalla AMOLED expansiva y con mucho contraste.
Sin embargo, la mayoría de los principales fabricantes de Android continuarían haciendo lo suyo. Los gustos de Samsung, HTC y LG una vez más cubrieron Android con sus propias capas de interfaz personalizadas, a menudo pasando por encima de Holo en un esfuerzo por diferenciar sus productos. Como resultado, un teléfono Samsung con Gingerbread se parecía mucho a un teléfono Samsung con Ice Cream Sandwich. Por ejemplo, en el Galaxy S3, el primer teléfono importante de Samsung que se lanzó después del Galaxy Nexus de marca compartida, tendrías que fijarte mucho para ver el trabajo de Duarte y su equipo.
Sin embargo, Early Holo era un lenguaje de diseño bastante obstinado, que no podía casarse fácilmente con las preferencias de diseño propias de una empresa. En marcado contraste con uno de los principios básicos de Material You, el distintivo azul Holo estaba integrado en el tema Holo, sin forma de cambiarlo en los dispositivos Android de serie.
Android 4.4 KitKat domó a Holo un poco, reemplazando los acentos azules con blancos más brillantes, lo que hace que encaje mejor con las aplicaciones, los fondos de pantalla y los íconos usando una paleta de colores más diversa. Y esto eventualmente daría paso al segundo gran rediseño de Android que ocurrió a fines de 2014.
Fuente: Android Central (Crédito de la imagen: Fuente: Android Central)
En la conferencia de desarrolladores Google I/O 2014 en San Francisco, Matias Duarte, en su nuevo cargo como vicepresidente de diseño para todo Google, presentó el nuevo lenguaje Material Design .
Material Design fue "una visión consistente, para dispositivos móviles, computadoras de escritorio y más allá", dijo Duarte. Así como Holo llegó justo a tiempo para las pantallas móviles de mayor resolución de principios de la década de 2010, Material Design aprovechó la potencia gráfica mejorada del hardware móvil disponible a mediados de esa década. Pero no fue solo para teléfonos, sino que Material Design viviría en tabletas, relojes inteligentes, Chromebooks y la web.
"Queríamos un diseño que fuera claro y simple, y que la gente pudiera entender intuitivamente", explicó Duarte. "Así que imaginamos: ¿qué pasaría si los píxeles no solo tuvieran color, sino también profundidad? ¿Qué pasaría si hubiera un material inteligente que fuera tan simple como el papel, pero que pudiera transformarse y cambiar de forma en respuesta al tacto?"
Fuente: Phil Nickinson / Android Central (Crédito de la imagen: Fuente: Phil Nickinson / Android Central)
'¿Qué pasaría si hubiera un material inteligente que fuera tan simple como el papel, pero que pudiera transformarse y cambiar de forma?'
El "papel digital" estaba en el corazón de la visión original de Material Design: una interfaz de usuario que se asemejaba a una hoja de papel, con sombras sutiles para transmitir profundidad, al mismo tiempo que podía expandirse, cambiar el tamaño, combinar y hacer la transición según fuera necesario. Cada superficie en una aplicación de Android ahora podría tener un valor de elevación, con el marco de Android representando adecuadamente las luces y las sombras debajo de este papel digital.
Material Design se presentó como simple, geométrico y en capas, con una paleta de colores llamativos y animaciones encantadoras. Florituras simples como un botón de reproducción que se divide en un ícono de pausa cuando se toca o íconos de contacto que se expanden a la vista a medida que se cargan diferencian una aplicación Material del lenguaje de diseño Holo anterior y siguen siendo parte de Android en la actualidad.
El carrete chisporroteante Material original mostró esto, junto con tonos muy vibrantes y aplicaciones con muchas capas con animaciones ingeniosas que nunca se realizaron completamente cuando el lenguaje de diseño se puso en marcha en Android 5.0 Lollipop. La implementación de Material en el mundo real terminó siendo más conservadora, ya que los ingenieros de Google lucharon para que la gran cantidad de aplicaciones de Android de la compañía estuvieran listas para Material. Android era un gran barco para dirigir, y la "materialización" del sistema operativo y sus aplicaciones terminó siendo un proceso de varios años.
Sin embargo, Material Design en Android Lollipop introdujo varios elementos de diseño clave que persistieron durante más de media década: el botón de acción flotante era la ubicación de acceso a funciones clave como iniciar un nuevo mensaje en una aplicación de mensajes de texto o agregar un elemento a una lista. Y los menús de "hamburguesa" deslizables surgieron como una forma favorita de navegar entre las principales áreas de las aplicaciones. Y las florituras de presión de botón y desbordamiento que debutaron con Material Design en Android 5 se mantuvieron hasta Android 11.
Y con Google ejerciendo un mayor control sobre el ecosistema de Android y el nuevo lenguaje de diseño más abierto a la personalización, Material Design se incorporó más fácilmente en las máscaras de Android de los fabricantes en comparación con Holo.
Material Design siempre tuvo la intención de moverse con los tiempos.
Sin embargo, Material Design nunca tuvo la intención de ser un conjunto estático de pautas y continuó evolucionando en versiones posteriores de Android. El lanzamiento de Android 6 Marshmallow de 2015 se alejó de los colores saturados que habíamos visto en la presentación inicial de Material. El menú de aplicaciones recientes estilo Rolodex finalmente se desactivó en Android 9. Y los menús de navegación "Hamburger" chocaron con la navegación por gestos de Android 10 y ahora se han retirado de muchas aplicaciones.
Fuente: Alex Dobie / Android Central (Crédito de la imagen: Fuente: Alex Dobie / Android Central)
En 2016, Google presentó sus primeros teléfonos Pixel, lo que llevó a una mayor evolución en Material Design y a una divergencia de la visión original de 2014. A medida que llegaron los píxeles posteriores, Google, el fabricante de hardware, buscó diferenciar aún más el software de su teléfono. Las aplicaciones de Google se volvieron menos coloridas y, en cambio, impulsaron un esquema de color blanco y azul limpio. Para 2020, la mayoría de las aplicaciones principales de Google, como Fotos, Gmail, Noticias y Mapas, habían adoptado esta estética de "tema material", junto con botones de navegación inferiores similares a los de un iPhone.
Las aplicaciones de Google de 2020 estaban muy lejos del colorido prototipo de Material que se mostró en 2014. Afortunadamente, sin embargo, se planeó un cambio de imagen de Material más vibrante para Android 12 en 2021.
Fuente: Google (Crédito de la imagen: Fuente: Google)
Siete años después del debut de Material Design, la conferencia Google I/O fue una vez más la sede de un importante anuncio de diseño de Android. Y Matias Duarte volvió al escenario en Mountain View, esta vez para mostrar la próxima iteración del lenguaje de diseño de Google en Android 12 Material You.
"En lugar de que la forma siguiera a la función, ¿qué pasaría si la forma siguiera a la sensación? En lugar del azul de Google, imaginamos Material You, un nuevo diseño que te incluye como co-creador, permitiéndote transformar la apariencia de todas tus aplicaciones".
Fuente: Google (Crédito de la imagen: Fuente: Google)
'En lugar del azul de Google, imaginamos Material You'.
La magia detrás de Material You fue un proyecto conocido internamente en Google como "Monet". Monet podría examinar el fondo de pantalla de inicio elegido, seleccionar colores clave de la paleta de materiales y usarlos para personalizar todas las aplicaciones en su teléfono. Se usarían tonos más apagados para los fondos, mientras que se podrían aplicar colores vibrantes y llamativos a botones o interruptores importantes.
En contraste con el "Papel digital" de Material Design 1.0, Material You parece más plano y abstracto. Las capas de la interfaz de usuario todavía están allí, como lo demuestran los niveles superpuestos de los botones de configuración rápida, los paneles de notificación y los bordes al desplegar el tono de notificación de Android 12.
Fuente: Google (Crédito de la imagen: Fuente: Google)
Pero las sombras y los bordes afilados como papel de Android Lollipop desaparecieron y fueron reemplazados por esquinas redondeadas con radios amplios. Incluso los widgets de la pantalla de inicio se han revisado con esquinas redondeadas. Material You también actúa como un antídoto contra las aplicaciones de Google a menudo aburridas a las que los usuarios se habían acostumbrado en Android 10 y 11. Android 12, afirma Google, puede ayudarlo a elegir una paleta personalizada que sabe que se verá bien en aplicaciones, menús, e incluso widgets de pantalla de inicio. Es un enfoque de diseño más personal y expresivo para lo que es, después de todo, la computadora más personal que posee la mayoría de la gente.
Y mientras que el viejo y fiel tipo de letra Roboto todavía se usa en algunos lugares, Material You enfatiza Google Sans, la fuente oficial de la compañía, que tiene más personalidad. Google Sans se usa en todas partes, desde títulos de íconos hasta menús en la aplicación de Configuración, y se amplía en la pantalla de bloqueo de Android 12 para llenar la pantalla con un reloj de color cuando no hay notificaciones pendientes.
Fuente: Nick Sutrich / Android Central (Crédito de la imagen: Fuente: Nick Sutrich / Android Central)
Una nueva y audaz dirección para el diseño de Android, pero ¿se sumarán los fabricantes?
Las florituras animadas en Material You también son una evolución natural de los primeros Material Design. El reloj Ambient Display cobra vida cuando se levanta el teléfono, y se vuelve más audaz y colorido. Y dependiendo de cómo bloquees o desbloquees tu teléfono, verás un aura animada que acompaña la acción.
Material You debuta en Android 12 en los teléfonos Google Pixel a fines de 2021, y es probable que otros fabricantes lo incorporen en sus máscaras de Android y se implementen actualizaciones. Sin embargo, tal como sucedió con Holo y Material Design, no hay garantía de que los fabricantes de teléfonos sigan el ejemplo de Google. Los usuarios de Android 12 también tendrán que esperar a que los desarrolladores actualicen sus aplicaciones para admitir las capacidades de intercambio de paletas de Material You. Si la transición a Material Design en 2014 es algo por lo que pasar, eso podría llevar algún tiempo.
Sin embargo, lo que hemos visto de Material You hasta ahora le da a Android en general y a los dispositivos Google Pixel en particular una fuerte identidad de diseño, con un lenguaje de diseño que se adapta bien a los teléfonos, relojes, tabletas y otras superficies inteligentes de la década de 2020.
Si la historia es un indicador, volveremos a registrarnos en algún lugar alrededor de 2026 para saber hacia dónde se dirige Material Design a continuación.