Bi hamarkada baino gehiago eman ditut erabiltzailearen esperientziaren diseinuan. Gogoan dut mahaietan oinarritutako diseinuetatik CSSrako trantsizioa, iPhonea abian jarri zenean diseinu sentikorrerako pibota eta "arreta-ekonomiaren" gorakada. Baina 2026an nabigatzen ari garen heinean, industriak bere aldaketarik esanguratsuenari aurre egiten ari da. "Edozein kostako diseinuaren" garaitik igarotzen ari gara UX Iraunkorraren arora. Ez da diseinatzaile gehienek pentsatzen duten zerbait, ni barne, harik eta kontzeptu gisa hau entzuteak bultzatu ninduen arte. Urtetan, Internet hodei etereo eta pisurik gabeko gisa tratatu dugu. Suposatu dugu produktu digitalak “berdeak” zirela paperean inprimatuta ez zeudelako. Nik ere hori pentsatzen nuen, eta klima-aldaketaren kontzeptua agertu baino lehen, zuhaitzak salbatzea zen gehiago. Oker geunden. Hodeia azpiegitura fisiko bat da, datu zentroen sare zabala, itsaspeko kableak eta 24/7 zurrunbilo egiten duten hozte sistemak. AI-n oinarritutako datu-zentroek aluminio-galdaketa masiboen energia-kontsumoarekin bat datozen arren, haien dentsitate geografiko handiak ingurumen-tentsio are biziagoa eta lokalizatuagoa sortzen du. UX diseinatzaile gisa, energia kontsumo honen arkitektoak gara. Bereizmen handiko heroien irudi bakoitza, automatikoki erreproduzitzeko atzeko planoko bideo bakoitza eta onartzen dugun JavaScript animazio konplexu bakoitza prozesadore bati argibide zuzena da energia kontsumitzeko. Iraunkorreko etorkizuna eraiki nahi badugu, "wow"-rako diseinatzeari utzi eta eraginkortasunerako diseinatzen hasi behar dugu. Modu iluna 2000ko hamarkadaren hasieran, hondo zuriak ziren estandarrak, paperaren familiartasuna imitatzen zutelako. Hala ere, hardwarea eboluzionatu egin da, eta gure diseinu-filosofiak jarraitu behar du. LCDtik OLED (Organic Light Emitting Diode) teknologiara pasatzeak funtsean aldatu du koloreak energiari nola eragiten dion.
Logika LCD pantaila tradizionalek ez bezala, beti piztuta dagoen atzeko argia behar duten (nahiz eta beltza bistaratzen denean), OLED pantailek pixel bakoitza banaka argitzen dute. Pixel bat benetako beltzean ezartzen denean (#000000), diodo espezifiko hori guztiz itzaltzen da. Zero potentzia hartzen du. Paleta ilunagoen alde egiten duten interfazeak diseinatzean, ez dugu joera bat jarraitzen ari; erabiltzailearen gailuaren energia-eskakizuna fisikoki murrizten ari gara. Datuak Energia-aurrezpena ez da hutsala. Purdue Unibertsitateak 2021ean egindako ikerketa mugarri batek, eztabaida honen urrezko estandar bihurtu dena, agerian utzi zuen %100eko distirarekin, argi modutik modu ilunera aldatzeak bateriaren energiaren %39tik %47ra aurreztu dezakeela batez beste. Eskala globalean, aplikazio nagusi guztiek modu ilunean ezarriko balute, sarearen eskariaren murrizketa astronomikoa izango litzateke. Diseinuaren helburua 2026an, Modu Ilunak ez luke bigarren mailako "gai" bat izan behar ezarpenen menu batean gordeta. "Dark-First" mentalitatearekin diseinatu beharko genuke. Horrek ez du esan nahi gune guztiek The Matrix bezalakoa izan behar duten, baina kontraste handiko gai ilunak lehenesten direla esan nahi du sistemak hobetsi duen egoera lehenetsi gisa. Honek gailuaren hardware-bizitza luzatzen du eta elkarrekintza bakoitzaren karbono-aztarna murrizten du. Nik pertsonalki nahiago dut Argi-Modua irakurtzeko, beraz, zentzuzkoa da argi-modu ilunaren aukerak eskuragarri izatea. Bi aukerak eskaintzean irisgarritasun kontuak ere badaude. Irudi eta Bideo Optimizazioa Diseinatzaile alferra bihurtu gara. Abiadura handiko 5G eta zuntz optikoarekin, fitxategien tamainaz kezkatzeari utzi diogu. Mugikorreko orrialdeen batez besteko pisua % 500 baino gehiago hazi da azken hamarkadan, neurri handi batean optimizatu gabeko ikus-aktiboengatik. Logika Webgune baten "Digital Fat" (4 MB Unsplash argazki horiek eta 15 MB atzeko planoko bideoak) orrialdeak kargatzeko energiaren ekarpen handiena da. Zerbitzari batetik bezero batera transferitzen den megabyte bakoitzak elektrizitatea behar du transmisiorako, zerbitzariaren prozesatzeko eta erabiltzailearen errendatze-motorra. Fitxategi masiboak erabiltzen ditugunean, funtsean, energia "erretzen" dugu tamainaren zati batean bezain eraginkorra izan zitekeen irudi bat erakusteko. Zer esanik ez, erabiltzaile-esperientzia hobea eskaintzen ari zarela askoz azkarrago kargatzen den orrialde batekin.
Datuak HTTP Artxiboaren arabera, irudiek eta bideoek koherentziaz hartzen dute orrialde baten pisu osoaren parte-hartzea. Hala ere, AVIF eta WebP bezalako formatu modernoetara aldatzeak irudiaren pisua % 50 arte murriztu dezake JPEGrekin alderatuta, kalitate-galera nabaritu gabe. Formatu hauek JPG eta PNG bezain ezagunak ez zaizkidan arren, orriaren tamaina murrizteko erabiltzea espero dut. TheDiseinuaren helburua Duela gutxi zibersegurtasun plataforma baten birdiseinu bat zuzendu nuen. "Aurretik eta ondoren" auditoria ezarriz, haien hasierako orriak 5,5 MB datu kargatzen zituela ikusi genuen. Erresoluzio handiko argazkilaritza SVG (Scalable Vector Graphics) artearekin ordezkatuz eta irudi-aktiboen ordez CSS gradiente burutsuak erabiliz, karga 1,2 MBra jaitsi dugu. Hori da energia-kargaren %78 murriztea! Diseinatzaile gisa, zure lehen galdera beti izan beharko litzateke: "Argazki bat behar al dut horretarako, edo kodearekin erresonantzia emozional bera lor dezaket?"
Nahita egindako mugimendua: "Ozen" animazioak moztea "Scroll-jacking" eta 3D Parallax efektu konplexuen garaian bizi gara. Hauek Awwwards.com-en sariak irabaz ditzaketen arren, askotan hondamendi ekologikoak izaten dira. Logika Animazioa ez da doakoa. Animazio konplexu bat errendatzeko, gailuaren GPU (Graphics Processing Unit) gaitasun handian funtzionatu behar du. Horrek PUZaren tenperatura handitzen du, hozte-zaleak abiarazten ditu (ordenagailu eramangarrietan) eta bateria azkar agortzen du. Atzeko planoan etengabe exekutatzen diren edo arakatzailearen birpinketa masiboak eragiten dituzten animazio "ozenak" zure autoa pasabidean geldirik uztearen energia baliokidea dira.
Datuak Google-ren Materialen Diseinuaren jarraibideek "Meaningful Motion" azpimarratzen dute. Animazioa erabiltzailea orientatzeko edo iritzia emateko soilik erabili behar dela diote. Eta JPEG ordez WebP erabiltzeak orrialde bateko datuen % 25-50 gorde dezake. Diseinuaren helburua Mozio esanguratsua onartu behar dugu. Animazio batek ez badio erabiltzaileari zeregin bat betetzen edo hierarkia bat ulertzen laguntzen, alferrikakoa da. CSS trantsizioen alde egin beharko genuke GSAP edo Lottie bezalako JavaScript liburutegi astunen aurrean, CSS hardware-azeleratua baita eta arakatzaileak kalkulatzeko askoz eraginkorragoa baita. UX diseinatzaile gisa, ezin dut planteamendu hau argudiatu. Horrek datu xahutzea murrizten laguntzen du, baina baita gure erabiltzaileentzako UX hobetzen ere. Proiektu bakoitzeko "Datu-aurrekontua" ezartzea UX-ko nire 20 urte baino gehiagotan, proiektu arrakastatsuenak, oro har, murrizketa estuenak dituztenak izan dira. Proiektu batek finantza-aurrekontua duen bezala, karbono- eta datu-aurrekontua ere izan beharko luke. Logika Datu-aurrekontua orri baten tamaina osoaren muga gogorra da (adibidez, "Hurrengo orrialde honek ezin du 1 MB baino gehiago izan"). Horrek diseinu-taldea nahita aukera zailak egitera behartzen du. Jarraipen-script berri bat edo letra-tipo dotore bat gehitu nahi baduzu, "ordaindu" beharko duzu beste zerbait optimizatuz edo kenduz. Honek "ezaugarrien arrastoa" "karbonozko creep" bihurtzea eragozten du. Datuak Wholegrain Digital bezalako aitzindariek garatutako Web Diseinu Iraunkorreko ereduak formula bat eskaintzen du orrialde-ikustaldiko CO2a kalkulatzeko. Batez besteko webguneak 0,5 gramo CO2 inguru sortzen ditu bista bakoitzeko. Hilero milioi bat ikustaldi dituen gune baterako, urtean 6 tona metriko CO2 da, auto bat 15.000 kilometro gidatzearen baliokidea. Diseinuaren helburua UX Jasangarriaren Kontrol-zerrenda
Murriztu Irudiak Galdetu ikus-entzunezko bakoitzaren beharra eta erabili bereizmen txikiena eta fitxategi formatu eraginkorrenak (AVIF bezalakoak) datuen transferentzia minimizatzeko. Optimizatu bideoa. Ezabatu automatikoki erreproduzitzeko euskarriak eta lehenetsi oso konprimitutako begizta laburrak, energia erabiltzaileak ikusi nahi duen edukian soilik gastatzen dela ziurtatzeko. Mugatu letra-tipoak Erabili web-letra-tipo bi gehienez edo itsatsi sistema-letra-tipo klasikoei alferrikako zerbitzari-eskaerak eta puzketak errendatzeko. Birziklatu Aktiboak Berreskuratu irudi edo bideo bakar bat hainbat aldiz CSS iragazkiak eta gainjartzeak erabiliz, ikusizko barietatea sortzeko orriaren pisu osoa handitu gabe. Aukeratu Green HostingOstatu zure produktu digitalak The Green Web Foundation-ek egiaztatutako zerbitzarietan energia-iturri berriztagarriez elikatzen direla ziurtatzeko. Minimizatu Datuen Distantzia. Hautatu zerbitzarien kokapenak geografikoki zure ikusle nagusitik hurbil, datuak azpiegitura fisikoan zehar bidaiatzeko behar den energia murrizteko.
Diseinu ekologikorako negozio kasua Batzuek esan dezakete "Green UX" kalitatearen konpromisoa dela. Aitzitik, abantaila lehiakorra da. Diseinu jasangarria performance diseinua da. Orriaren pisua murrizten duzunean, zure webgunea azkarrago kargatzen da. Zure gunea azkarrago kargatzen denean, zure Core Web Vitals hobetzen da. Zure Core Web Vitals hobetzen denean, zure SEO sailkapena gora egiten du. Gainera, gailu zaharretako edo datu-plan motelagoak dituzten erabiltzaileek (bereziki sortzen ari diren merkatuetan) zure produktua atzi dezakete. Hau da "Diseinu inklusiboa"ren definizioa. "Koipe digitala" moztuz, web arinagoa, azkarragoa eta eskuragarriagoa sortzen dugu. 2010eko hamarkadako "diseinu erabilgarritik" urruntzen ari gara aarkitektura digital iraunkorragoa, errespetuzkoa. Ondorioa: Diseinu “garbiaren” etorkizuna Nire bi hamarkadetan diseinuan, joera asko joan eta etorri ikusi ditut. Skeuomorfismoa, Diseinu Laua, Neumorfismoa - guztiak aukera estetikoak ziren. Baina UX iraunkorra ez da joera bat; orain beharra da. Gure lan digitalaren ondorio fisikoak kontuan hartu behar ditugun diseinatzaileen lehen belaunaldia gara. UX iraunkorra "irabazi-irabazi-irabazi" bat da. Hobe da planetarentzat, energia-kontsumoa murrizten duelako. Erabiltzailearentzat hobea da, interfaze azkarragoak eta sentikorragoak sortzen dituelako. Eta negozioarentzat hobea da hosting-kostuak murrizten dituelako ETA bihurketa-tasak hobetzen dituelako. "Pixel mugagabeen" garaia amaitu da. 2026an, diseinurik sofistikatuena aztarna txikiena uzten duena da. Jada ez gara diseinatzaile soilak; erabiltzailearen bateriaren, bere datu-planaren eta, azken batean, ingurumenaren zaindariak gara. Ekintzarako Deia Gaur egungo proiektuaren orri bakarra ikuskatzeko erronka zaitut. Erabili webgunearen karbono-kalkulagailua bezalako tresna bat bere eragina ikusteko. Ondoren, bilatu "hondakin ikusezina". Irudi hori SVG bat izan al daiteke? Bideo hori heroi estatiko bat izan al daiteke? Isildu al daiteke animazio “ozen” hori? Hasi txiki. Irtenbide dotoreena byte gutxien dituena izaten da.
