Rwyf wedi treulio dros ddau ddegawd yn ffosydd dylunio profiad y defnyddiwr. Rwy’n cofio’r newid o gynlluniau bwrdd i CSS, y colyn i ddyluniad ymatebol pan lansiwyd yr iPhone, a thwf yr “economi sylw.” Ond wrth i ni lywio 2026, mae'r diwydiant yn wynebu ei newid mwyaf arwyddocaol eto. Rydym yn symud heibio i gyfnod “dylunio ar unrhyw gost” i gyfnod UX Cynaliadwy. Nid yw'n rhywbeth y mae'r rhan fwyaf o ddylunwyr yn meddwl amdano, gan gynnwys fy hun, nes i mi gael fy ysgogi o glywed am hyn fel cysyniad. Ers blynyddoedd, rydym wedi trin y rhyngrwyd fel cwmwl ethereal, di-bwysau. Rydym wedi tybio bod cynhyrchion digidol yn “wyrdd” yn syml oherwydd nad oeddent wedi'u hargraffu ar bapur. Roeddwn i’n arfer meddwl hynny hefyd, a chyn i’r cysyniad o newid yn yr hinsawdd ddod i’r amlwg, roedd yn ymwneud mwy ag arbed coed. Roeddem yn anghywir. Mae'r cwmwl yn seilwaith ffisegol, yn rhwydwaith gwasgarog o ganolfannau data, ceblau tanfor, a systemau oeri sy'n hymian 24/7. Er bod canolfannau data sy'n canolbwyntio ar AI yn cyfateb i ddefnydd pŵer mwyndoddwyr alwminiwm enfawr, mae eu dwysedd daearyddol uchel yn creu straen amgylcheddol hyd yn oed yn fwy dwys a lleol. Fel dylunwyr UX, ni yw penseiri'r defnydd hwn o ynni. Mae pob delwedd arwr cydraniad uchel, pob fideo cefndir sy'n chwarae'n awtomatig, a phob animeiddiad JavaScript cymhleth rydyn ni'n ei gymeradwyo yn gyfarwyddyd uniongyrchol i brosesydd ddefnyddio pŵer. Os ydym am adeiladu dyfodol sy'n para, rhaid inni roi'r gorau i ddylunio ar gyfer “wow” a dechrau dylunio ar gyfer effeithlonrwydd. Modd Tywyll Yn y 2000au cynnar, cefndiroedd gwyn oedd y safon oherwydd eu bod yn dynwared pa mor gyfarwydd oedd papur. Fodd bynnag, mae'r caledwedd wedi esblygu, a rhaid i'n hathroniaeth ddylunio ddilyn. Mae'r newid o dechnoleg LCD i dechnoleg OLED (Organic Light Emitting Diode) wedi newid yn sylfaenol sut mae lliw yn effeithio ar ynni.
Y Rhesymeg Yn wahanol i sgriniau LCD traddodiadol, sy'n gofyn am backlight sydd bob amser ymlaen (hyd yn oed wrth arddangos du), mae sgriniau OLED yn goleuo pob picsel yn unigol. Pan fydd picsel wedi'i osod i wir ddu (#000000), caiff y deuod penodol hwnnw ei ddiffodd yn llwyr. Mae'n tynnu sero pŵer. Trwy ddylunio rhyngwynebau sy'n ffafrio paletau tywyllach, nid dilyn tuedd yn unig yr ydym; rydym yn lleihau gofyniad ynni dyfais y defnyddiwr yn gorfforol. Y Data Mae'r arbedion ynni ymhell o fod yn ddibwys. Datgelodd astudiaeth nodedig gan Brifysgol Purdue yn 2021, sydd wedi dod yn safon aur ar gyfer y drafodaeth hon, y gall newid o ddisgleirdeb 100%, ar ddisgleirdeb 100%, arbed 39% i 47% o bŵer batri ar gyfartaledd. Ar raddfa fyd-eang, pe bai pob ap mawr yn methu â chyrraedd y modd tywyll, byddai'r gostyngiad yn y galw am y grid yn seryddol. Y Nod Dylunio Yn 2026, ni ddylai Modd Tywyll fod yn “thema” eilaidd bellach wedi'i chuddio mewn dewislen gosodiadau. Dylem fod yn dylunio gyda meddylfryd “Tywyll yn Gyntaf”. Nid yw hyn yn golygu bod yn rhaid i bob gwefan edrych fel Y Matrics, ond mae'n golygu blaenoriaethu themâu tywyll cyferbyniad uchel fel y cyflwr diofyn a ffefrir gan y system. Mae hyn yn ymestyn oes caledwedd y ddyfais ac yn lleihau ôl troed carbon pob rhyngweithiad. Yn bersonol, mae'n well gen i Light-Mode ar gyfer darllen, felly mae'n gwneud synnwyr i gael opsiynau modd golau a thywyll ar gael. Mae ystyriaethau hygyrchedd hefyd wrth ddarparu'r ddau opsiwn. Optimeiddio Delwedd A Fideo Rydym wedi dod yn ddylunwyr diog. Gyda 5G cyflym ac opteg ffibr, rydym wedi rhoi'r gorau i boeni am faint ffeiliau. Mae pwysau cyfartalog tudalennau symudol wedi cynyddu dros 500% yn y degawd diwethaf, yn bennaf oherwydd asedau gweledol heb eu optimeiddio. Y Rhesymeg “Braster Digidol” gwefan (y lluniau Unsplash 4MB hynny a’r fideos cefndir 15MB) yw’r cyfrannwr unigol mwyaf at ynni llwyth tudalen. Mae angen trydan ar gyfer pob megabeit a drosglwyddir o weinydd i gleient ar gyfer trosglwyddo, prosesu'r gweinydd, ac injan rendro'r defnyddiwr. Pan ddefnyddiwn ffeiliau enfawr, rydym yn ei hanfod yn “llosgi” egni i ddangos llun a allai fod wedi bod yr un mor effeithiol ar ffracsiwn o'r maint. Heb sôn, rydych hefyd yn darparu profiad defnyddiwr gwell gyda thudalen sy'n llwytho'n llawer cyflymach.
Y Data Yn ôl Archif HTTP, mae delweddau a fideos yn gyson yn cyfrif am gyfran y llew o gyfanswm pwysau tudalen. Fodd bynnag, gall y newid i fformatau modern fel AVIF a WebP leihau pwysau delwedd hyd at 50% o'i gymharu â JPEG, heb unrhyw golled canfyddadwy mewn ansawdd. Er nad yw'r fformatau hyn mor gyfarwydd i mi â JPG a PNG, rwy'n bendant yn edrych ymlaen at eu defnyddio i leihau maint y dudalen. Mae'rNod Dylunio Yn ddiweddar, arweiniais ailgynllunio ar gyfer llwyfan seiberddiogelwch. Trwy weithredu archwiliad “Cyn ac Ar Ôl”, fe wnaethom ddarganfod bod eu hafan yn llwytho 5.5MB o ddata. Trwy ddisodli ffotograffiaeth cydraniad uchel gyda chelf SVG (Scalable Vector Graphics) a defnyddio graddiannau CSS clyfar yn lle asedau delwedd, fe wnaethom ollwng y llwyth i 1.2MB. Mae hynny'n ostyngiad o 78% yn y llwyth ynni! Fel dylunydd, eich cwestiwn cyntaf bob amser yw: “A oes angen llun arnaf ar gyfer hyn, neu a allaf gyflawni'r un cyseiniant emosiynol â chod?”
Cynnig Bwriadol: Torri Animeiddiadau “Uwch”. Rydyn ni'n byw mewn oes o “siacio sgrolio” ac effeithiau Parallax 3D cymhleth. Er y gallai'r rhain ennill gwobrau ar Awwwards.com, maent yn aml yn drychinebau ecolegol. Y Rhesymeg Nid yw animeiddio yn rhad ac am ddim. I wneud animeiddiad cymhleth, rhaid i GPU y ddyfais (Uned Prosesu Graffeg) weithio ar gapasiti uchel. Mae hyn yn cynyddu tymheredd y CPU, yn sbarduno cefnogwyr oeri (mewn gliniaduron), ac yn draenio batri yn gyflym. Mae animeiddiadau “uchel” sy'n rhedeg yn gyson yn y cefndir neu'n sbarduno ail-baentiadau enfawr o'r porwr yn gyfwerth ag egni wrth adael eich car yn segur yn y dreif.
Y Data Mae canllawiau Dylunio Deunydd Google yn pwysleisio “Cynnig Ystyrlon.” Maen nhw'n dadlau y dylid defnyddio animeiddiad i gyfeirio'r defnyddiwr neu roi adborth yn unig. A gall defnyddio WebP yn lle JPEG arbed 25-50% o ddata ar dudalen. Y Nod Dylunio Rhaid inni fabwysiadu Cynnig Ystyrlon. Os nad yw animeiddiad yn helpu defnyddiwr i gwblhau tasg neu ddeall hierarchaeth, mae'n wastraff. Dylem ffafrio trawsnewidiadau CSS dros lyfrgelloedd JavaScript trwm fel GSAP neu Lottie lle bo modd, gan fod CSS wedi'i gyflymu gan galedwedd ac yn llawer mwy effeithlon i'r porwr ei gyfrifo. Fel dylunydd UX, ni allaf ddadlau'r dull hwn. Mae hyn nid yn unig yn helpu i leihau gwastraff data ond hefyd yn gwella UX ar gyfer ein defnyddwyr. Pennu “Cyllideb Data” ar gyfer Pob Prosiect Yn fy 20+ mlynedd o UX, y prosiectau mwyaf llwyddiannus yn gyffredinol fu'r rhai â'r cyfyngiadau tynnaf. Yn union fel y mae gan brosiect gyllideb ariannol, dylai fod ganddo gyllideb carbon a data hefyd. Y Rhesymeg Mae Cyllideb Ddata yn gap caled ar gyfanswm maint tudalen (e.e., “Ni all y dudalen lanio hon fod yn fwy na 1MB”). Mae hyn yn gorfodi'r tîm dylunio i wneud dewisiadau anodd, bwriadol. Os ydych chi am ychwanegu sgript olrhain newydd neu bwysau ffont ffansi, mae'n rhaid i chi "dalu" amdano trwy optimeiddio neu ddileu rhywbeth arall. Mae hyn yn atal “ymgripiad nodwedd” rhag troi yn “ymlusgiad carbon.” Y Data Mae'r model Dylunio Gwe Cynaliadwy, a ddatblygwyd gan arloeswyr fel Wholegrain Digital, yn darparu fformiwla i gyfrifo'r CO2 fesul golwg tudalen. Mae'r wefan arferol yn cynhyrchu tua 0.5 gram o CO2 fesul golygfa. Ar gyfer safle gyda 1 miliwn o olygfeydd misol, mae hynny'n 6 tunnell fetrig o CO2 y flwyddyn, sy'n cyfateb i yrru car 15,000 o filltiroedd. Y Nod Dylunio Y Rhestr Wirio UX Cynaliadwy
Lleihau ImagesQuestion angen pob gweledol a defnyddio'r cydraniad lleiaf a fformatau ffeil mwyaf effeithlon (fel AVIF) i leihau trosglwyddo data. Optimeiddio cyfryngau chwarae auto VideoEliminate a blaenoriaethu dolenni byr, cywasgedig iawn i sicrhau bod ynni'n cael ei wario ar gynnwys y mae'r defnyddiwr yn bwriadu ei weld yn unig. Cyfyngu Ffontiau Defnyddiwch uchafswm o ddau bwysau ffont gwe neu glynwch at ffontiau system glasurol i ddileu ceisiadau gweinydd diangen a bloat rendro. Ailgylchu AsedauAdferwch ddelwedd neu fideo unigol sawl gwaith gan ddefnyddio hidlwyr CSS a throshaenau i greu amrywiaeth weledol heb gynyddu cyfanswm pwysau'r dudalen. Dewiswch Green HostingHost eich cynhyrchion digidol ar weinyddion a ddilyswyd gan The Green Web Foundation i sicrhau eu bod yn cael eu pweru gan ffynonellau ynni adnewyddadwy. Lleihau lleoliadau gweinydd Data DistanceSelect sy'n agos yn ddaearyddol at eich prif gynulleidfa i leihau'r ynni sydd ei angen i ddata deithio trwy seilwaith ffisegol.
Yr Achos Busnes ar gyfer Dylunio Eco-gyfeillgar Efallai y bydd rhai yn dadlau bod “Green UX” yn swnio fel cyfaddawd ar ansawdd. I'r gwrthwyneb, mae'n fantais gystadleuol. Mae dylunio cynaliadwy yn ddyluniad perfformiad. Pan fyddwch chi'n lleihau pwysau tudalen, mae'ch gwefan yn llwytho'n gyflymach. Pan fydd eich gwefan yn llwytho'n gyflymach, mae eich Core Web Vitals yn gwella. Pan fydd eich Core Web Vitals yn gwella, mae eich safle SEO yn codi. Ar ben hynny, gall defnyddwyr ar ddyfeisiau hŷn neu gynlluniau data arafach (yn enwedig mewn marchnadoedd sy'n dod i'r amlwg) gael mynediad i'ch cynnyrch mewn gwirionedd. Dyma'r diffiniad o “Dylunio Cynhwysol.” Trwy dorri'r “braster digidol,” rydyn ni'n creu gwe fwy main, cyflymach a mwy hygyrch. Rydym yn symud i ffwrdd o “ddyluniad tafladwy” y 2010au tuag at apensaernïaeth ddigidol fwy parhaol, parchus. Casgliad: Dyfodol Dylunio “Glân”. Yn fy nau ddegawd o ddylunio, rwyf wedi gweld llawer o dueddiadau yn mynd a dod. Sgeuomorffedd, Dyluniad Fflat, Niwmorffiaeth - roedden nhw i gyd yn ddewisiadau esthetig. Ond nid yw UX cynaliadwy yn duedd; mae bellach yn anghenraid. Ni yw’r genhedlaeth gyntaf o ddylunwyr sy’n gorfod ystyried canlyniadau ffisegol ein gwaith digidol. Mae UX Cynaliadwy yn “ennill-ennill-ennill.” Mae'n well i'r blaned oherwydd ei fod yn lleihau'r defnydd o ynni. Mae'n well i'r defnyddiwr oherwydd ei fod yn arwain at ryngwynebau cyflymach, mwy ymatebol. Ac mae'n well i'r busnes oherwydd ei fod yn gostwng costau cynnal AC yn gwella cyfraddau trosi. Mae oes “picsel diderfyn” drosodd. Yn 2026, y dyluniad mwyaf soffistigedig yw'r un sy'n gadael yr ôl troed lleiaf. Nid dylunwyr yn unig ydym bellach; ni yw gwarcheidwaid batri'r defnyddiwr, eu cynllun data, ac yn y pen draw, yr amgylchedd. Yr Alwad i Weithredu Rwy'n eich herio i archwilio un dudalen yn unig o'ch prosiect presennol heddiw. Defnyddiwch offeryn fel Cyfrifiannell Carbon y Wefan i weld ei effaith. Yna, chwiliwch am y “gwastraff anweledig.” A all y ddelwedd honno fod yn SVG? A all y fideo hwnnw fod yn arwr statig? A all yr animeiddiad “uchel” hwnnw gael ei dawelu? Dechreuwch yn fach. Yr ateb mwyaf cain yn aml yw'r un sydd â'r lleiaf o beit.
