He passat més de dues dècades a les trinxeres del disseny de l'experiència d'usuari. Recordo la transició dels dissenys basats en taules a CSS, el gir cap al disseny responsiu quan es va llançar l'iPhone i l'auge de l'"economia de l'atenció". Però mentre naveguem pel 2026, la indústria s'enfronta al canvi més important fins ara. Estem passant de l'era del "disseny a qualsevol preu" a l'era de la UX sostenible. No és una cosa en què pensen la majoria dels dissenyadors, inclòs jo mateix, fins que em va demanar sentir parlar d'això com a concepte. Durant anys, hem tractat Internet com un núvol eteri i sense pes. Hem suposat que els productes digitals eren "verds" simplement perquè no estaven impresos en paper. Jo també ho pensava, i abans que sorgigués el concepte de canvi climàtic, es tractava més de salvar els arbres. Ens hem equivocat. El núvol és una infraestructura física, una xarxa extensa de centres de dades, cables submarins i sistemes de refrigeració que zumban les 24 hores del dia. Si bé els centres de dades centrats en IA coincideixen amb el consum d'energia de les foses massives d'alumini, la seva alta densitat geogràfica crea una tensió ambiental encara més intensa i localitzada. Com a dissenyadors UX, som els artífexs d'aquest consum energètic. Cada imatge d'heroi d'alta resolució, cada vídeo de fons que es reprodueix automàticament i cada animació JavaScript complexa que aprovem és una instrucció directa a un processador perquè consumeixi energia. Si volem construir un futur que perduri, hem de deixar de dissenyar per "wow" i començar a dissenyar per a l'eficiència. Mode fosc A principis dels anys 2000, els fons blancs eren l'estàndard perquè imitaven la familiaritat del paper. Tanmateix, el maquinari ha evolucionat i la nostra filosofia de disseny ha de seguir. El canvi de la tecnologia LCD a la tecnologia OLED (Organic Light Emitting Diode) ha canviat fonamentalment com el color afecta l'energia.
La Lògica A diferència de les pantalles LCD tradicionals, que requereixen una il·luminació de fons sempre encesa (fins i tot quan es mostren en negre), les pantalles OLED il·luminen cada píxel individualment. Quan un píxel s'estableix en negre veritable (#000000), aquest díode específic s'apaga completament. Consumeix energia zero. En dissenyar interfícies que afavoreixen paletes més fosques, no només seguim una tendència; estem reduint físicament el requeriment energètic del dispositiu de l'usuari. Les Dades L'estalvi energètic està lluny de ser insignificant. Un estudi històric de la Universitat de Purdue el 2021, que s'ha convertit en l'estàndard d'or per a aquesta discussió, va revelar que amb una brillantor del 100%, canviar del mode clar al mode fosc pot estalviar una mitjana del 39% al 47% de la bateria. A escala global, si totes les aplicacions principals passaven per defecte al mode fosc, la reducció de la demanda de la xarxa seria astronòmica. L'objectiu del disseny El 2026, el mode fosc ja no hauria de ser un "tema" secundari amagat en un menú de configuració. Hauríem de dissenyar amb una mentalitat de "Dark-First". Això no vol dir que tots els llocs hagin de semblar a The Matrix, però sí que significa prioritzar els temes foscos d'alt contrast com a estat preferit per defecte del sistema. Això allarga la vida útil del maquinari del dispositiu i redueix la petjada de carboni de cada interacció. Personalment, prefereixo el mode clar per llegir, de manera que té sentit tenir disponibles les opcions de mode clar i fosc. També hi ha consideracions d'accessibilitat en proporcionar ambdues opcions. Optimització d'imatge i vídeo Ens hem convertit en dissenyadors mandrosos. Amb 5G d'alta velocitat i fibra òptica, hem deixat de preocupar-nos per la mida dels fitxers. El pes mitjà de la pàgina mòbil ha augmentat més d'un 500% en l'última dècada, en gran part a causa dels recursos visuals no optimitzats. La Lògica El "greix digital" d'un lloc web (les fotos Unsplash de 4 MB i els vídeos de fons de 15 MB) és el principal contribuent a l'energia de càrrega de la pàgina. Cada megabyte transferit d'un servidor a un client requereix electricitat per a la transmissió, el processament del servidor i el motor de renderització de l'usuari. Quan utilitzem fitxers massius, essencialment estem "cremant" energia per mostrar una imatge que podria haver estat igual d'eficaç a una fracció de la mida. Per no parlar, també esteu oferint una millor experiència d'usuari amb una pàgina que es carrega molt més ràpid.
Les Dades Segons l'Arxiu HTTP, les imatges i els vídeos representen constantment la part del lleó del pes total d'una pàgina. Tanmateix, el canvi a formats moderns com AVIF i WebP pot reduir el pes de la imatge fins a un 50% en comparació amb JPEG, sense cap pèrdua perceptible de qualitat. Tot i que aquests formats no em són tan familiars com el JPG i el PNG, tinc ganes d'utilitzar-los per reduir la mida de la pàgina. ElObjectiu de disseny Recentment vaig dirigir un redisseny per a una plataforma de ciberseguretat. En implementar una auditoria "Abans i després", vam descobrir que la seva pàgina d'inici carregava 5,5 MB de dades. En substituir la fotografia d'alta resolució per art SVG (Scalable Vector Graphics) i utilitzar gradients CSS intel·ligents en lloc d'actius d'imatge, vam reduir la càrrega a 1,2 MB. Això suposa una reducció del 78% de la càrrega energètica! Com a dissenyador, la teva primera pregunta sempre hauria de ser: "Necessito una foto per a això, o puc aconseguir la mateixa ressonància emocional amb el codi?"
Moviment intencional: tallar animacions "en veu alta". Vivim en una era de "scroll-jacking" i efectes complexos de parallax en 3D. Tot i que aquests poden guanyar premis a Awwwards.com, sovint són desastres ecològics. La Lògica L'animació no és gratuïta. Per representar una animació complexa, la GPU (Unitat de processament gràfic) del dispositiu ha de funcionar a gran capacitat. Això augmenta la temperatura de la CPU, activa els ventiladors de refrigeració (en els ordinadors portàtils) i esgota la bateria ràpidament. Les animacions "sonides" que s'executen constantment en segon pla o desencadenen repintats massius del navegador són l'equivalent energètic de deixar el cotxe al ralentí a l'entrada.
Les Dades Les directrius de disseny de materials de Google posen l'accent en el "moviment significatiu". Argumenten que l'animació s'hauria d'utilitzar només per orientar l'usuari o proporcionar comentaris. I utilitzar WebP en comptes de JPEG pot estalviar un 25-50% de les dades d'una pàgina. L'objectiu del disseny Hem d'adoptar un moviment significatiu. Si una animació no ajuda un usuari a completar una tasca o a comprendre una jerarquia, és un malbaratament. Hauríem d'afavorir les transicions CSS sobre les biblioteques de JavaScript pesades com GSAP o Lottie sempre que sigui possible, ja que CSS és accelerat per maquinari i és molt més eficient per calcular-lo pel navegador. Com a dissenyador UX, no puc argumentar aquest enfocament. Això no només ajuda a reduir el malbaratament de dades, sinó que també millora la UX per als nostres usuaris. Establir un "pressupost de dades" per a cada projecte En els meus més de 20 anys d'UX, els projectes amb més èxit han estat generalment els que tenen les limitacions més estrictes. De la mateixa manera que un projecte té un pressupost financer, també hauria de tenir un pressupost de carboni i dades. La Lògica Un pressupost de dades és un límit dur a la mida total d'una pàgina (p. ex., "Aquesta pàgina de destinació no pot superar 1 MB"). Això obliga l'equip de disseny a prendre decisions difícils i intencionades. Si voleu afegir un nou script de seguiment o un pes de lletra fantàstic, haureu de "pagar" optimitzant o eliminant una altra cosa. Això evita que la "funció de fluència" es converteixi en "deformació de carboni". Les Dades El model de disseny web sostenible, desenvolupat per pioners com Wholegrain Digital, proporciona una fórmula per calcular el CO2 per pàgina vista. El lloc web mitjà produeix uns 0,5 grams de CO2 per visualització. Per a un lloc amb 1 milió de visualitzacions mensuals, això són 6 tones mètriques de CO2 a l'any, equivalent a conduir un cotxe 15.000 milles. L'objectiu del disseny La llista de verificació d'UX sostenible
Reduïu ImagesPregunteu la necessitat de cada visual i utilitzeu la resolució més petita i els formats de fitxer més eficients (com AVIF) per minimitzar la transferència de dades. Optimitzeu el vídeoElimineu els mitjans de reproducció automàtica i prioritzeu bucles curts i altament comprimits per garantir que l'energia només es gasti en el contingut que l'usuari vol veure. Limiteu els tipus de lletraUtilitzeu un màxim de dos pesos de tipus de lletra web o seguiu els tipus de lletra clàssics del sistema per eliminar les sol·licituds innecessàries del servidor i la inflor de renderització. Reciclatge d'actius Reutilitza una sola imatge o vídeo diverses vegades mitjançant filtres CSS i superposicions per crear varietat visual sense augmentar el pes total de la pàgina. Trieu Green Hosting. Allotja els teus productes digitals en servidors verificats per The Green Web Foundation per assegurar-te que funcionen amb fonts d'energia renovables. Minimitzeu Data DistanceSeleccioneu les ubicacions del servidor geogràficament properes al vostre públic principal per reduir l'energia necessària perquè les dades viatgin per la infraestructura física.
El cas empresarial per al disseny ecològic Alguns podrien argumentar que "Green UX" sembla un compromís amb la qualitat. Al contrari, és un avantatge competitiu. El disseny sostenible és disseny de rendiment. Quan reduïu el pes de la pàgina, el vostre lloc es carrega més ràpidament. Quan el vostre lloc es carregui més ràpid, els vostres Core Web Vitals milloren. Quan el vostre Core Web Vitals millora, el vostre rànquing de SEO augmenta. A més, els usuaris de dispositius antics o plans de dades més lents (especialment en mercats emergents) poden accedir al vostre producte. Aquesta és la definició de "Disseny inclusiu". Reduint el "greix digital", creem una web més fina, ràpida i accessible. Ens estem allunyant del "disseny d'un sol ús" dels anys 2010 cap a aarquitectura digital més permanent i respectuosa. Conclusió: el futur del disseny "net". En les meves dues dècades de disseny, he vist moltes tendències anar i venir. Skeuomorfisme, disseny pla, neumorfisme: totes eren opcions estètiques. Però la UX sostenible no és una tendència; ara és una necessitat. Som la primera generació de dissenyadors que hem de tenir en compte les conseqüències físiques del nostre treball digital. La UX sostenible és un "guanyar-guanyar-guanyar". És millor per al planeta perquè redueix el consum d'energia. És millor per a l'usuari perquè dóna com a resultat interfícies més ràpides i sensibles. I és millor per al negoci perquè redueix els costos d'allotjament I millora les taxes de conversió. L'era dels "píxels il·limitats" s'ha acabat. El 2026, el disseny més sofisticat és el que deixa menys petjada. Ja no som només dissenyadors; som els guardians de la bateria de l'usuari, del seu pla de dades i, en definitiva, de l'entorn. La Crida a l'Acció Us desafio a auditar només una pàgina del vostre projecte actual avui. Utilitzeu una eina com la Calculadora de carboni del lloc web per veure el seu impacte. A continuació, busqueu els "residus invisibles". Aquesta imatge pot ser un SVG? Pot ser aquest vídeo un heroi estàtic? Es pot silenciar aquesta animació "sorollosa"? Comença petit. La solució més elegant és sovint la que té menys bytes.
