Vairāk nekā divas desmitgades esmu pavadījis lietotāju pieredzes dizaina ierakumos. Es atceros pāreju no tabulu izkārtojumiem uz CSS, pagriezienu uz atsaucīgu dizainu, kad iPhone tika palaists, un "uzmanības ekonomikas" pieaugumu. Taču, virzoties uz 2026. gadu, nozare saskaras ar līdz šim nozīmīgākajām pārmaiņām. Mēs virzāmies pagātnē no “dizaina par katru cenu” laikmeta uz ilgtspējīgas UX laikmetu. Par to nedomā lielākā daļa dizaineru, tostarp es, līdz brīdim, kad mani pamudināja dzirdēt par to kā koncepciju. Gadiem ilgi esam izturējušies pret internetu kā pret ēterisku, bezsvara mākoni. Mēs esam pieņēmuši, ka digitālie produkti bija “zaļi” tikai tāpēc, ka tie nebija drukāti uz papīra. Es arī tā domāju, un pirms klimata pārmaiņu jēdziena parādījās vairāk par koku glābšanu. Mēs kļūdījāmies. Mākonis ir fiziska infrastruktūra, plašs datu centru tīkls, zemūdens kabeļi un dzesēšanas sistēmas, kas darbojas visu diennakti. Lai gan datu centri, kas orientēti uz mākslīgo intelektu, atbilst masīvo alumīnija kausēšanas iekārtu enerģijas patēriņam, to augstais ģeogrāfiskais blīvums rada vēl intensīvāku un lokālāku vides slodzi. Kā UX dizaineri mēs esam šī enerģijas patēriņa arhitekti. Katrs augstas izšķirtspējas varoņa attēls, katrs automātiski atskaņotais fona videoklips un katra sarežģīta JavaScript animācija, ko mēs apstiprinām, ir tiešs norādījums procesoram patērēt enerģiju. Ja mēs vēlamies veidot nākotni, kas ilgst, mums ir jāpārtrauc projektēšana "wow" un jāsāk projektēšana, lai nodrošinātu efektivitāti. Tumšais režīms 2000. gadu sākumā balts fons bija standarts, jo tas atdarināja papīra pazīstamību. Tomēr aparatūra ir attīstījusies, un mūsu dizaina filozofijai ir jāievēro. Pāreja no LCD uz OLED (Organic Light Emitting Diode) tehnoloģiju ir būtiski mainījusi krāsu ietekmi uz enerģiju.
Loģika Atšķirībā no tradicionālajiem LCD ekrāniem, kuriem nepieciešams vienmēr ieslēgts fona apgaismojums (pat ja tiek rādīts melns), OLED ekrāni izgaismo katru pikseli atsevišķi. Ja pikselim ir iestatīts patiesi melns (#000000), šī konkrētā diode tiek pilnībā izslēgta. Tas patērē nulles jaudu. Izstrādājot saskarnes, kas dod priekšroku tumšākām paletēm, mēs ne tikai sekojam tendencei; mēs fiziski samazinām lietotāja ierīces enerģijas patēriņu. Dati Enerģijas ietaupījums nebūt nav niecīgs. Purdjū universitātes 2021. gadā veikts nozīmīgais pētījums, kas ir kļuvis par šīs diskusijas zelta standartu, atklāja, ka pie 100% spilgtuma, pārejot no gaišā režīma uz tumšo režīmu, var ietaupīt vidēji no 39% līdz 47% akumulatora enerģijas. Globālā mērogā, ja katrai galvenajai lietotnei pēc noklusējuma tiktu iestatīts tumšais režīms, tīkla pieprasījuma samazināšanās būtu astronomiska. Dizaina mērķis 2026. gadā tumšajam režīmam vairs nevajadzētu būt sekundārai “motīvai”, kas ir paslēpta iestatījumu izvēlnē. Mums būtu jāveido, ievērojot “tumšais pirmais” mentalitāti. Tas nenozīmē, ka katrai vietnei ir jāizskatās pēc Matricas, taču tas nozīmē, ka augstas kontrasta tumšās tēmas ir prioritātes kā noklusējuma sistēmas vēlamajam stāvoklim. Tas pagarina ierīces aparatūras kalpošanas laiku un samazina katras mijiedarbības oglekļa pēdas nospiedumu. Es personīgi lasīšanai dodu priekšroku Light-Mode, tāpēc ir saprātīgi, lai būtu pieejamas gan gaišā, gan tumšā režīma opcijas. Nodrošinot abas iespējas, ir jāņem vērā arī pieejamības apsvērumi. Attēlu un video optimizācija Mēs esam kļuvuši par slinkiem dizaineriem. Izmantojot ātrdarbīgu 5G un optisko šķiedru, mēs vairs neuztraucamies par failu izmēriem. Vidējais mobilās lapas svars pēdējo desmit gadu laikā ir palielinājies par vairāk nekā 500%, galvenokārt neoptimizētu vizuālo līdzekļu dēļ. Loģika Tīmekļa vietnes “Digital Fat” (tie 4 MB Unsplash fotoattēli un 15 MB fona videoklipi) ir vienīgais lielākais lapas ielādes enerģijas veicinātājs. Katram megabaitam, kas tiek pārsūtīts no servera uz klientu, ir nepieciešama elektrība pārraidei, servera apstrādei un lietotāja renderēšanas programmai. Kad mēs izmantojam masīvus failus, mēs būtībā "dedzinām" enerģiju, lai parādītu attēlu, kas varēja būt tikpat efektīvs ar nelielu izmēru. Nemaz nerunājot, jūs sniedzat arī labāku lietotāja pieredzi ar lapu, kas tiek ielādēta daudz ātrāk.
Dati Saskaņā ar HTTP arhīvu attēli un video konsekventi veido lauvas tiesu no lapas kopējā svara. Tomēr pāreja uz moderniem formātiem, piemēram, AVIF un WebP, var samazināt attēla svaru līdz pat 50%, salīdzinot ar JPEG, bez manāma kvalitātes zuduma. Lai gan šie formāti man nav tik pazīstami kā JPG un PNG, es noteikti ceru tos izmantot, lai samazinātu lapas izmēru. TheDizaina mērķis Es nesen vadīju kiberdrošības platformas pārprojektēšanu. Ieviešot auditu “Pirms un pēc”, mēs atklājām, ka viņu mājaslapā tika ielādēti 5,5 MB datu. Aizstājot augstas izšķirtspējas fotogrāfiju ar SVG (Scalable Vector Graphics) mākslu un attēla līdzekļu vietā izmantojot gudrus CSS gradientus, mēs samazinājām slodzi līdz 1,2 MB. Tas ir enerģijas slodzes samazinājums par 78%! Kā dizaineram jūsu pirmajam jautājumam vienmēr jābūt: "Vai man ir nepieciešams fotoattēls, vai es varu sasniegt tādu pašu emocionālo rezonansi ar kodu?"
Apzināta kustība: “Skaļu” animāciju izgriešana Mēs dzīvojam “ritināšanas” un sarežģītu 3D Parallax efektu laikmetā. Lai gan tie varētu iegūt balvas vietnē Awwwards.com, tās bieži vien ir ekoloģiskas katastrofas. Loģika Animācija nav bezmaksas. Lai renderētu sarežģītu animāciju, ierīces GPU (Graphics Processing Unit) jādarbojas ar lielu jaudu. Tas paaugstina CPU temperatūru, iedarbina dzesēšanas ventilatorus (klēpjdatoros) un ātri iztukšo akumulatoru. “Skaļas” animācijas, kas pastāvīgi darbojas fonā vai aktivizē pārlūkprogrammas masveida pārkrāsošanu, ir enerģijas ekvivalents, ja automašīna tiek atstāta tukšgaitā uz piebraucamā ceļa.
Dati Google materiālu dizaina vadlīnijās uzsvērta “jēgpilna kustība”. Viņi apgalvo, ka animācija jāizmanto tikai, lai orientētu lietotāju vai sniegtu atgriezenisko saiti. Izmantojot WebP, nevis JPEG, var ietaupīt 25–50% datu lapā. Dizaina mērķis Mums ir jāpieņem Meaningful Motion. Ja animācija nepalīdz lietotājam izpildīt uzdevumu vai saprast hierarhiju, tā ir izšķērdība. Ja iespējams, mums vajadzētu dot priekšroku CSS pārejām, nevis smagām JavaScript bibliotēkām, piemēram, GSAP vai Lottie, jo CSS ir aparatūras paātrināta un daudz efektīvāka pārlūkprogrammai. Kā UX dizainers es nevaru apstrīdēt šo pieeju. Tas ne tikai palīdz samazināt datu izšķērdēšanu, bet arī uzlabo mūsu lietotāju UX. “Datu budžeta” iestatīšana katram projektam Manā vairāk nekā 20 UX gadu laikā visveiksmīgākie projekti parasti ir bijuši tie, kuriem ir visstingrākie ierobežojumi. Tāpat kā projektam ir finanšu budžets, tam vajadzētu būt arī oglekļa un datu budžetam. Loģika Datu budžets ir stingrs ierobežojums lapas kopējam izmēram (piemēram, “Šī galvenā lapa nedrīkst pārsniegt 1 MB”). Tas liek dizaina komandai izdarīt sarežģītas, apzinātas izvēles. Ja vēlaties pievienot jaunu izsekošanas skriptu vai izdomātu fonta svaru, jums par to ir “jāmaksā”, optimizējot vai noņemot kaut ko citu. Tas neļauj “funkciju šļūdei” pārvērsties par “oglekļa šļūdei”. Dati Ilgtspējīga tīmekļa dizaina modelis, ko izstrādājuši tādi pionieri kā Wholegrain Digital, nodrošina formulu, lai aprēķinātu CO2 vienā lapas skatījumā. Vidējā vietne vienā skatījumā rada aptuveni 0,5 gramus CO2. Vietnei ar 1 miljonu skatījumu mēnesī tas ir 6 metriskās tonnas CO2 gadā, kas atbilst 15 000 jūdžu nobraukšanai ar automašīnu. Dizaina mērķis Ilgtspējīga UX kontrolsaraksts
Samaziniet ImagesQuestion katra vizuālā attēla nepieciešamību un izmantojiet mazāko izšķirtspēju un efektīvākos failu formātus (piemēram, AVIF), lai samazinātu datu pārsūtīšanu. Optimizējiet video. Likvidējiet automātiskās atskaņošanas multividi un piešķiriet prioritāti ļoti saspiestām, īsām cilpām, lai nodrošinātu, ka enerģija tiek tērēta tikai saturam, kuru lietotājs plāno skatīt. Ierobežot fontusIzmantojiet ne vairāk kā divus tīmekļa fontu svarus vai pieturieties pie klasiskajiem sistēmas fontiem, lai noņemtu nevajadzīgus servera pieprasījumus un renderēšanas uzpūšanos. Recycle AssetsPārstrādājiet vienu attēlu vai videoklipu vairākas reizes, izmantojot CSS filtrus un pārklājumus, lai radītu vizuālu daudzveidību, nepalielinot kopējo lapas svaru. Izvēlieties Green Hosting Uzmitiniet savus digitālos produktus serveros, kurus ir pārbaudījis The Green Web Foundation, lai nodrošinātu, ka tie tiek darbināti ar atjaunojamiem enerģijas avotiem. Samaziniet datu attālumu Atlasiet serveru atrašanās vietas, kas atrodas ģeogrāfiski tuvu savai primārajai auditorijai, lai samazinātu enerģijas patēriņu, kas nepieciešams datu pārvietošanai pa fizisko infrastruktūru.
Biznesa piemērs videi draudzīgam dizainam Daži varētu iebilst, ka “zaļais UX” izklausās pēc kvalitātes kompromisa. Gluži pretēji, tā ir konkurences priekšrocība. Ilgtspējīgs dizains ir veiktspējas dizains. Samazinot lapas svaru, jūsu vietne tiek ielādēta ātrāk. Kad jūsu vietne tiek ielādēta ātrāk, jūsu galvenās tīmekļa Vitals uzlabojas. Kad jūsu pamata tīmekļa Vitals uzlabojas, jūsu SEO rangs paaugstinās. Turklāt lietotāji ar vecākām ierīcēm vai lēnākiem datu plāniem (jo īpaši jaunajos tirgos) faktiski var piekļūt jūsu produktam. Šī ir “iekļaujoša dizaina” definīcija. Samazinot “digitālo tauku saturu”, mēs izveidojam plānāku, ātrāku un pieejamāku tīmekli. Mēs virzāmies prom no 2010. gadu “vienreizējās lietošanas dizaina” uz apastāvīgāku, cieņpilnu digitālo arhitektūru. Secinājums: “tīra” dizaina nākotne Divās dizaina desmitgadēs esmu redzējis daudzas tendences, kas nāk un iet. Skeuomorfisms, plakanais dizains, neimorfisms — tās visas bija estētiskas izvēles. Taču ilgtspējīga UX nav tendence; tagad tā ir nepieciešamība. Mēs esam pirmā dizaineru paaudze, kam jārēķinās ar mūsu digitālā darba fiziskajām sekām. Ilgtspējīga UX ir “win-win-win”. Tas ir labāk planētai, jo samazina enerģijas patēriņu. Tas ir labāk lietotājam, jo tas nodrošina ātrākas un atsaucīgākas saskarnes. Un tas ir labāk uzņēmumam, jo tas samazina mitināšanas izmaksas UN uzlabo reklāmguvumu līmeni. “Neierobežotu pikseļu” laikmets ir beidzies. 2026. gadā vismodernākais dizains ir tas, kas atstāj vismazāko nospiedumu. Mēs vairs neesam tikai dizaineri; mēs esam lietotāja akumulatora, datu plāna un, visbeidzot, vides sargi. Aicinājums uz darbību Es aicinu jūs šodien pārbaudīt tikai vienu jūsu pašreizējā projekta lappusi. Izmantojiet tādu rīku kā vietnes oglekļa kalkulators, lai redzētu tā ietekmi. Pēc tam meklējiet "neredzamos atkritumus". Vai šis attēls var būt SVG? Vai šis video var būt statisks varonis? Vai šo “skaļo” animāciju var apklusināt? Sāciet ar mazumiņu. Elegantākais risinājums bieži ir tas, kurā ir vismazāk baitu.
