Material You vs Material Design: L'evolució del disseny d'interfícies en Android

Al llarg dels anys, Google ha implementat diverses guies de disseny per millorar l'experiència de l'usuari i oferir una estètica coherent i atractiva. Entre les més destacades, es troben Material Design i la seva evolució més recent, Material You.

Material Design, llançat el 2014, va marcar una fita en introduir principis de disseny que combinaven simplicitat, funcionalitat i una estètica moderna. Les seves línies clares, ús d'ombres i animacions van proporcionar una base sòlida per a la creació d'aplicacions coherents i visualment agradables.

Tanmateix, el panorama del disseny continua evolucionant, i el 2021, Google va presentar Material You amb Android 12. Aquesta nova iteració porta amb si una revolució en la personalització, permetent als usuaris adaptar els seus dispositius als seus gustos i necessitats individuals. Material You no només manté la coherència i accessibilitat del seu predecessor, sinó que també introdueix un nivell de personalització.

Disseny de Material

Material Design va ser presentat per Google al juny de 2014 durant la conferència Google I/O. Aquest sistema de disseny va ser desenvolupat amb l'objectiu de crear una experiència d'usuari consistent i atractiva a través de múltiples plataformes i dispositius, incloent-hi aplicacions mòbils, web i d'escriptori. El llançament de Material Design ha tingut un impacte significatiu en la comunitat de desenvolupadors i dissenyadors. Va proporcionar un llenguatge de disseny comú que va facilitar la creació d'aplicacions coherents i atractives. A més, Google va llançar nombroses eines i biblioteques, com Material Components for the Web i Material Components for Android, que van ajudar els desenvolupadors a implementar fàcilment els principis de Material Design.

Principis fonamentals

Material Design es basa en diversos principis fonamentals que busquen millorar la interacció de l'usuari amb les interfícies digitals:

• Material metafòric: Introdueix el concepte de "material" digital, que simula propietats físiques reals, com l'elevació i les ombres, per ajudar els usuaris a comprendre la jerarquia i la interacció.
• En negreta, gràfic, intencionat: Ús atrevit de colors, tipografia i gràfics per atreure l'atenció i comunicar de manera clara.
• Moviment significatiu: Les animacions i transicions no només són decoratives, sinó que ajuden a guiar l'usuari i a proporcionar una experiència fluida i coherent.

Components clau

Material Design va introduir diversos components clau que s'han convertit en elements estàndard en el disseny d'interfícies:

• Targetes: Contenidors que agrupen informació relacionada, fent més fàcil la seva visualització i comprensió.
• Botons flotants d'acció: Botons circulars que floten sobre el contingut i estan destinats a accions principals en una interfície.
• Transicions i animacions: Moviments suaus i naturals que guien l'usuari a través de diferents estats i vistes, fent la interacció més intuïtiva.
• Barra d'aplicacions: Àrea superior de la interfície que conté el títol, accions de l'aplicació i navegació.
• Menús i panells lliscants: Panells que es llisquen des dels marges de la pantalla per mostrar opcions de navegació o accions addicionals.

Transició a Material You

Material You va ser anunciat per Google el maig de 2021 durant la conferència Google I/O i es va llançar oficialment amb Android 12. Aquest nou enfocament de disseny va marcar una evolució significativa del sistema de disseny de Google, amb un fort èmfasi en la personalització i adaptabilitat, permetent als usuaris tenir un control més profund sobre l'aparença dels seus dispositius.

Principis fonamentals

Material You es basa en diversos principis fonamentals que busquen proporcionar una experiència més personalitzada i accessible:

• Personalització extrema: Permet als usuaris adaptar la interfície al seu estil personal, creant una experiència única per a cada individu.
• Cohesió visual: Garanteix una aparença coherent i harmoniosa en totes les aplicacions i dispositius.
• Accessibilitat millorada: Introdueix millores en la llegibilitat i la interacció, fent que les aplicacions siguin més accessibles per a tots els usuaris.
• Adaptabilitat: S'adapta dinàmicament a diferents contextos i necessitats de l'usuari, oferint una experiència més intuïtiva i rellevant.

Canvis significatius respecte a Material Design

A continuació, es detallen els canvis més significatius.

Personalització basada en l'usuari: Paletes de colors dinàmiques

Material You introdueix la capacitat de generar paletes de colors dinàmiques basades en el fons de pantalla de l'usuari. Aquest sistema, conegut com a Monet, extreu colors del fons de pantalla i aplica aquestes tonalitats a la interfície del sistema i a les aplicacions compatibles, creant una aparença unificada i personalitzada.

Més enfocament en l'accessibilitat i la coherència visual

Material You reforça el compromís de Google amb l'accessibilitat mitjançant millores en el contrast de colors, mides de text ajustables i formes més intuïtives. Aquests canvis asseguren que les interfícies siguin més fàcils d'utilitzar per a persones amb discapacitats visuals i motores.

Ús de formes, tipografia i colors més flexibles

A diferència de Material Design, que tenia un enfocament més rígid en termes de disseny, Material You ofereix una major flexibilitat en l'ús de formes, tipografies i colors. Aquesta flexibilitat permet als dissenyadors crear interfícies més creatives i personalitzades, sense sacrificar la coherència i la usabilitat.

Com Material You millora l'experiència de l'usuari

Material You millora significativament l'experiència de l'usuari de diverses maneres:

• Personalització profunda: En permetre als usuaris personalitzar l'aparença del seu dispositiu, Material You crea una connexió més personal i satisfactòria amb la tecnologia.
• Experiència coherent: Les paletes de colors dinàmiques asseguren que totes les aplicacions i elements del sistema mantinguin una coherència visual, reduint la distracció i millorant la navegació.
• Millora de l'accessibilitat: Les millores en accessibilitat fan que les aplicacions siguin més inclusives, garantint que més persones puguin utilitzar la tecnologia de manera efectiva.
• Interacció intuïtiva: Les animacions i transicions adaptatives fan que la interacció amb les aplicacions sigui més fluida i natural, millorant l'experiència general de l'usuari.

Avantatges per a desenvolupadors

Material You introdueix diverses avantatges que poden beneficiar els desenvolupadors a l'hora de crear aplicacions per a la plataforma Android. Aquestes avantatges inclouen:

• Personalització dinàmica: Les aplicacions poden adaptar-se automàticament a l'estil i preferències de l'usuari sense necessitat d'ajustos manuals. Això redueix l'esforç requerit per personalitzar l'experiència de l'usuari i garanteix una aparença coherent. A més, poden utilitzar les paletes de colors extretes del fons de pantalla de l'usuari, proporcionant una experiència visual personalitzada i coherent sense esforç addicional per part del desenvolupador.
• Eines i APIs millorades: Material You introdueix noves APIs que permeten als desenvolupadors implementar fàcilment les característiques de personalització dinàmica, millorant l'eficiència del desenvolupament.
• Millora en l'accessibilitat: Les aplicacions poden beneficiar-se de millores automàtiques en la llegibilitat i accessibilitat, com ajustos de contrast i mides de text, sense requerir esforç addicional del desenvolupador. S'integren millors pràctiques d'accessibilitat, la qual cosa ajuda els desenvolupadors a crear aplicacions més inclusives sense necessitat d'un esforç significatiu.
• Flexibilitat i creativitat: La major flexibilitat en l'ús de formes, tipografies i colors permet als desenvolupadors i dissenyadors ser més creatius, oferint interfícies úniques i atractives. Material You s'adapta fàcilment a diferents mides de pantalla i dispositius, garantint una experiència d'usuari coherent en tota la gamma de productes Android.
• Consistència i coherència: En utilitzar les noves eines i directrius, els desenvolupadors poden assegurar que les seves aplicacions mantinguin un estil unificat que s'alinea amb el sistema operatiu Android i altres aplicacions. Ajuda a reduir la fragmentació en l'aparença de les aplicacions, millorant l'experiència general de l'usuari en l'ecosistema Android.
• Eficàcia en el desenvolupament: Les noves eines i components predefinits faciliten i acceleren el procés de disseny i desenvolupament, permetent als desenvolupadors centrar-se en les funcionalitats clau de l'aplicació.

Conclusió

Material You representa una evolució significativa del aclamat Material Design, portant la personalització i l'adaptabilitat visual a noves altures en Android. Aquest avanç no només impulsa la creativitat i la innovació en el disseny d'interfícies, sinó que també estableix un estàndard més alt d'accessibilitat i usabilitat. Amb Google proporcionant eines avançades i una sòlida documentació, els desenvolupadors estan preparats per aprofitar al màxim aquestes noves capacitats, assegurant que les aplicacions en Android no només siguin funcionals i atractives, sinó també adaptades a les preferències individuals de cada usuari.