Min du dehsalan di xendekên sêwirana ezmûna bikarhêner de derbas kir. Dema ku iPhone dest pê kir, derbasbûna ji sêwirana bingeh-tabloyê ber bi CSS-ê ve, gavavêtina berbi sêwirana bersivdar û bilindbûna "aboriya baldariyê" tê bîra min. Lê gava ku em di sala 2026-an de rêve dibin, pîşesazî hîna bi guherîna xweya herî girîng re rû bi rû ye. Em ji serdema "sêwirana bi her biha" derbas dibin di serdema UX-ya domdar de. Ew ne tiştek e ku pir sêwiraner li ser difikirin, di nav de ez jî, heya ku ez ji bihîstina vê yekê wekî têgehek hatim teşwîq kirin. Bi salan e, me înternet wekî ewrek eteral, bê giranî dihesiband. Me texmîn kir ku hilberên dîjîtal "kesk" bûn tenê ji ber ku ew li ser kaxezê nehatin çap kirin. Min jî wisa difikirî, û berî ku têgeha guherîna avhewa derkeve holê, ew bêtir li ser rizgarkirina daran bû. Em şaş bûn. Ewr binesaziyek fizîkî ye, torgilokek berbelav a navendên daneyê, kabloyên binê behrê, û pergalên sarbûnê yên ku 24/7 hûr dibin. Digel ku navendên daneyê yên AI-ê bi xerckirina hêzê ya melhemên aluminiumê yên girseyî re hevûdu dikin, tîrêjiya wan a erdnîgarî ya bilind tehlûkek jîngehê ya hîn dijwartir û herêmî diafirîne. Wekî sêwiranerên UX, em mîmarên vê xerckirina enerjiyê ne. Her wêneya qehremanê ya bi rezîliya bilind, her vîdyoya paşîn a ku bixweber lîstin, û her anîmasyonek tevlihev a JavaScriptê ya ku em pejirandine, rêwerzek rasterast ji bo pêvajoyek e ku hêz bikar bîne. Ger em dixwazin pêşerojek bidome ava bikin, divê em dev ji sêwirana "wow" berdin û ji bo bikêrhatîbûnê dest bi sêwiranê bikin. Moda Dark Di destpêka salên 2000-an de, paşnavên spî standard bûn ji ber ku wan nasîna kaxezê teqlîd dikirin. Lêbelê, hardware pêşve çûye, û felsefeya sêwirana me divê bişopîne. Veguhastina ji LCD-ê berbi teknolojiya OLED (Organic Emitting Light Diode) bi bingehîn guhezandiye ka reng çawa bandorê li enerjiyê dike.
Mantiq Berevajî ekranên LCD-ê yên kevneşopî, ku hewceyê ronahiya paşerojê ya ku her gav pêve ye (tewra dema ku reş tê xuyang kirin), ekranên OLED her pîxelê bi rengek ferdî ronî dikin. Dema ku pixelek li ser reşa rastîn (#000000) were danîn, ew dioda taybetî bi tevahî tê qut kirin. Ew hêza sifir dikişîne. Bi sêwirana navberên ku ji paletên tarîtir hez dikin, em ne tenê meylekê dişopînin; em bi fîzîkî hewcedariya enerjiyê ya cîhaza bikarhêner kêm dikin. The Data Teserûfa enerjiyê ji kêmasî dûr e. Lêkolînek berbiçav ji hêla Zanîngeha Purdue ve di sala 2021-an de, ku ji bo vê nîqaşê bûye standardek zêrîn, eşkere kir ku di 100% ronahiyê de, veguherîna ji moda ronahiyê bo moda tarî dikare bi navînî ji% 39 heta 47% ji hêza pîlê xilas bike. Li ser astek gerdûnî, heke her serîlêdana sereke berbi moda tarî vegere, kêmkirina daxwaziya torê dê astronomîkî be. Armanca Design Di sala 2026-an de, divê Moda Dark êdî nebe "mijarek" ya duyemîn ku di pêşekek mîhengan de tê hilanîn. Divê em bi zîhniyeta "Tarî-Yekemîn" dîzayn bikin. Ev nayê vê wateyê ku divê her malper mîna Matrix xuya bike, lê ev tê vê wateyê ku pêşî li mijarên tarî yên berevajî bilind wekî dewleta xwerû ya bijartî digire. Ev jîyana hardware ya cîhazê dirêj dike û şopa karbonê ya her danûstendinê kêm dike. Ez bi xwe ji bo xwendinê Moda Ronahî tercîh dikim, ji ber vê yekê têgihîştî ye ku hem vebijarkên moda sivik û hem jî tarî hebin. Di heman demê de bi peydakirina her du vebijarkan ramanên gihîştinê jî hene. Optimîzasyona Wêne Û Vîdyoyê Em bûne sêwirînerên tembel. Digel 5G-ya bilez û fiber optîk, me xema mezinahiya pelan rawestand. Giraniya navînî ya rûpela mobîl di deh salên dawî de ji% 500 zêde bûye, bi piranî ji ber hebûnên dîtbar ên neoptimîzekirî. Mantiq "Qûna dîjîtal" a malperekê (ew wêneyên 4MB Unsplash û vîdyoyên paşperdeya 15MB) yekane alîkarê herî mezin e ku enerjiya barkirina rûpelan dike. Her megabyte ku ji serverek berbi xerîdar ve hatî veguheztin ji bo veguheztinê, pêvajoya serverê, û motora renderkirinê ya bikarhêner elektrîkê hewce dike. Dema ku em pelên girseyî bikar tînin, em di bingeh de enerjiyê "şewitandin" dikin da ku wêneyek ku dikaribû di perçeyek mezinahiyê de bi heman rengî bandor be nîşan bidin. Nebêjin, hûn di heman demê de bi rûpelek ku pir zûtir bar dike ezmûnek bikarhênerek çêtir peyda dikin.
The Data Li gorî Arşîva HTTP, wêne û vîdyoyê bi domdarî para şêrê ji giraniya giştî ya rûpelê digirin. Lêbelê, guheztina berbi formatên nûjen ên mîna AVIF û WebP dikare giraniya wêneyê bi qasî 50% li gorî JPEG kêm bike, bêyî ku di kalîteyê de windahiyek berbiçav hebe. Her çend ev format ji min re wekî JPG û PNG ne nas in, ez bê guman li bendê me ku wan bikar bînim da ku mezinahiya rûpelê kêm bikim. EwArmanca Design Min herî dawî ji bo platformek ewlehiya sîber ji nû ve sêwiranek rê da. Bi pêkanîna lênihêrînek "Berî û Paşê", me kifş kir ku malpera wan 5,5 MB daneyê bar dike. Bi guheztina wênekêşiya bi rezoma bilind bi hunera SVG (Grafikên Vektora Scalable) û li şûna malzemeyên wêneyê gradientên CSS yên aqilmend bikar anîn, me bar daxist 1,2 MB. Ew 78% kêmkirina barkirina enerjiyê ye! Wekî sêwiraner, pirsa weya yekem divê her gav ev be: "Ma ji min re wêneyek hewce ye ji bo vê, an ez dikarim bi kodê re heman rezonanca hestyarî bi dest bixim?"
Tevgera Mebest: Birîna Anîmasyonên "Dûrdar". Em di serdemek "scroll-jacking" û bandorên Parallax 3D tevlihev de dijîn. Her çend dibe ku ev li ser Awwwards.com xelatan bistînin, ew bi gelemperî karesatên ekolojîk in. Mantiq Anîmasyon ne belaş e. Ji bo pêşkêşkirina anîmasyonek tevlihev, GPU (Yekîneya Pêvajoya Grafikê) ya cîhazê divê bi kapasîteya bilind bixebite. Ev germahiya CPU-yê zêde dike, fanên sarbûnê (di laptopan de) vedike, û bataryayê zû diavêje. Anîmasyonên "bilind" ên ku bi domdarî li paşperdeyê dimeşin an jî rengdêrên girseyî yên gerokê ji nû ve vedigirin, enerjiyê wekhev e ku hûn gerîdeya we di rê de bêkar bihêlin.
The Data Rêbernameyên sêwirana materyalê yên Google-ê "Tevgera watedar" tekez dikin. Ew argûman dikin ku anîmasyon divê tenê ji bo arastekirina bikarhêner an peydakirina bertek were bikar anîn. Û bikaranîna WebP-ê li şûna JPEG dikare 25-50% daneyên li ser rûpelê hilîne. Armanca Design Divê em Tevgerê Watayî qebûl bikin. Ger anîmasyonek nekare bikarhênerek karekî biqedîne an jî hiyerarşiyek fam bike, ew winda ye. Ger ku gengaz be divê em veguheztinên CSS-ê li ser pirtûkxaneyên JavaScript-ê yên giran ên mîna GSAP an Lottie bipejirînin, ji ber ku CSS-ê-lezgîn-lezkirî ye û ji bo ku gerok hesab bike pir bikêrtir e. Wekî sêwiranek UX, ez nikarim vê nêzîkatiyê nîqaş bikim. Ev ne tenê alîkariya kêmkirina bermayiyên daneyê dike lê di heman demê de UX-ê ji bo bikarhênerên me jî baştir dike. Ji bo Her Projeyek "Bûdçeyek Dane" danîn Di 20+ salên UX-a min de, projeyên herî serketî bi gelemperî yên ku xwedan astengên herî hişk in. Çawa ku projeyek xwedan budçeyek darayî ye, divê di heman demê de budceyek karbon û daneyê jî hebe. Mantiq Bûçeyek Daneyê li ser mezinahiya giştî ya rûpelek kemek hişk e (mînak, "Ev rûpela zevî nikare ji 1 MB derbas bibe"). Ev tîmê sêwiranê neçar dike ku bijartinên dijwar, bi mebest bike. Ger hûn dixwazin skrîptek şopandinê ya nû an giraniyek tîpek xweşik lê zêde bikin, pêdivî ye ku hûn bi xweşbînkirin an rakirina tiştek din ji bo wê "drav" bidin. Ev rê nade ku "teybetmendî diqelişe" veguhere "geşbûna karbonê". The Data Modela Sêwirana Malperê ya Berdewam, ku ji hêla pêşengên mîna Wholegrain Digital ve hatî pêşve xistin, formulek peyda dike da ku CO2-a li ser dîtina rûpelê hesab bike. Malpera navîn ji her dîtinê bi qasî 0,5 gram CO2 hilberîne. Ji bo malperek bi 1 mîlyon temaşeyên mehane, ew salek 6 metrîk ton CO2 ye, ku wekhevî ajotina otomobîlek 15,000 mîl e. Armanca Design Lîsteya kontrolê ya UX-a domdar
Wêneyên Pirs hewcedariya her dîtbarî kêm bikin û çareseriya herî piçûk û formatên pelê yên herî bikêr (mîna AVIF) bikar bînin da ku veguheztina daneyê kêm bikin. Medyaya lîstina otomatîkî ya VideoEliminate xweşbîn bikin û pêşî li pêlên pir pêçandî, kurt bigirin da ku enerjî tenê li ser naveroka ku bikarhêner dixwaze bibîne tê xerc kirin. Tîpên Bisînor Bikin Herî zêde du giranî tîpên tevnvîsê bikar bînin an jî tîpên pergalê yên klasîk bişopînin da ku daxwazên nehewce yên serverê rakin û bloatê bidin. Recycle AssetsRepurpose a image an video single multiple cars using CSS filters and overlays to create cewhera dîtbarî bêyî ku giraniya giştî ya rûpelê zêde bike. Hilberên xweyên dîjîtal ên li ser serverên ku ji hêla Weqfa Green Web ve hatine verast kirin Green HostingHost hilbijêrin da ku pê ewle bibin ku ew ji hêla çavkaniyên enerjiya nûvekirî ve têne hêz kirin. Dûrahiya Daneyê Kêm bikin Cihên serverê ji hêla erdnîgarî ve nêzê temaşevanên weya bingehîn hilbijêrin da ku enerjiya ku ji bo rêveçûna daneyan bi binesaziya laşî re hewce dike kêm bikin.
Doza Karsaziyê Ji bo Sêwirana Eko-heval Dibe ku hin arguman bikin ku "UX Kesk" wekî lihevkirinek li ser kalîteyê xuya dike. Berevajî vê, ew avantajek reqabetê ye. Sêwirana domdar sêwirana performansê ye. Dema ku hûn giraniya rûpelê kêm bikin, malpera we zûtir bar dike. Gava ku malpera we zûtir bar dike, Core Web Vitalên we çêtir dibin. Gava ku Core Web Vitalên we çêtir dibin, rêza weya SEO bilind dibe. Wekî din, bikarhênerên li ser cîhazên kevntir an plansaziyên daneya hêdîtir (nemaze li bazarên nûjen) dikarin bi rastî bigihîjin hilberê we. Ev pênaseya "Sêwirana Tevlihev" e. Bi qutkirina "qelewa dîjîtal", em tevnek lewaztir, bileztir û gihîştîtir diafirînin. Em ji “sêwirana yekcar” a salên 2010’an ber bi adaîmî zêdetir, mîmariya dîjîtal rêz. Encam: Pêşeroja sêwirana "Paqij". Di sêwirana xweya du dehsalan de, min dît ku gelek meylên ku têne û diçin. Skeuomorphism, Design Flat, Neumorphism - ew hemî vebijarkên estetîk bûn. Lê UX-ya domdar ne meyl e; ew êdî pêwîstiyek e. Em nifşa yekem a sêwiranan in ku neçar in ku encamên laşî yên xebata xweya dîjîtal bihesibînin. UX-ya domdar "serkeftin-serkeftin-serkeftinek" e. Ji bo gerstêrkê çêtir e ji ber ku ew xerckirina enerjiyê kêm dike. Ew ji bo bikarhêner çêtir e ji ber ku ew di navbeynkarên zûtir, bersivdartir de encam dide. Û ew ji bo karsaziyê çêtir e ji ber ku ew lêçûnên mêvandariyê kêm dike Û rêjeyên veguherînê çêtir dike. Serdema "pixelên bêsînor" qediya. Di sala 2026-an de, sêwirana herî sofîstîke ew e ku şopa herî piçûk dihêle. Em êdî ne tenê sêwirîner in; em parêzgerên pîlê bikarhêner, plana daneya wan, û di dawiyê de, jîngehê ne. Banga Çalakiyê Ez gazî we dikim ku hûn îro tenê rûpelek projeya xweya heyî kontrol bikin. Amûrek mîna Malpera Karbonê Hesabker bikar bînin da ku bandora wê bibînin. Dûv re, li "wexta nedîtbar" bigerin. Ma ew wêne dikare SVG be? Ma ew vîdyo dikare lehengek statîk be? Ma ew anîmasyona "bilind" dikare were bêdeng kirin? Biçûk dest pê bikin. Çareseriya herî elegant bi gelemperî ew e ku bi hindiktirîn byte hene.
