Mən istifadəçi təcrübəsi dizaynının səngərlərində iki onillikdən çox vaxt keçirmişəm. Cədvəl əsaslı tərtibatlardan CSS-ə keçidi, iPhone işə salındıqda həssas dizayna keçidi və “diqqət iqtisadiyyatının” yüksəlişini xatırlayıram. Lakin biz 2026-cı ili gəzərkən, sənaye hələ də ən əhəmiyyətli dəyişikliyi ilə üzləşir. Biz “istənilən qiymətə dizayn” dövründən Davamlı UX dövrünə keçirik. Bu, bir konsept olaraq eşitdiyimdən xəbərdar olana qədər, özüm də daxil olmaqla, əksər dizaynerlərin düşündüyü bir şey deyil. İllərdir biz internetə efir, çəkisiz bulud kimi baxırıq. Rəqəmsal məhsulların sadəcə kağız üzərində çap edilmədiyi üçün “yaşıl” olduğunu güman etdik. Əvvəllər mən də belə düşünürdüm və iqlim dəyişikliyi anlayışı ortaya çıxmazdan əvvəl daha çox ağacların qorunması ilə bağlı idi. Biz səhv etmişik. Bulud fiziki infrastrukturdur, geniş məlumat mərkəzləri şəbəkəsi, sualtı kabellər və 7/24 səs verən soyutma sistemləridir. Süni intellektə yönəlmiş məlumat mərkəzləri kütləvi alüminium əritmə zavodlarının enerji istehlakına uyğun gəlsə də, onların yüksək coğrafi sıxlığı daha da sıx və lokallaşdırılmış ekoloji gərginlik yaradır. UX dizaynerləri olaraq biz bu enerji istehlakının memarlarıyıq. Hər yüksək rezolyusiyaya malik qəhrəman şəkli, hər bir avtomatik ifa olunan fon videosu və təsdiq etdiyimiz hər bir mürəkkəb JavaScript animasiyası prosessorun enerji istehlakı üçün birbaşa göstərişidir. Davamlı bir gələcək qurmaq istəyiriksə, "vay" üçün dizayn etməyi dayandırmalı və səmərəlilik üçün dizayn etməyə başlamalıyıq. Qaranlıq rejim 2000-ci illərin əvvəllərində ağ fonlar standart idi, çünki onlar kağızın tanışlığını təqlid edirdilər. Bununla belə, aparat inkişaf etmişdir və bizim dizayn fəlsəfəmiz buna əməl etməlidir. LCD-dən OLED (Organic Light Emitting Diode) texnologiyasına keçid rəngin enerjiyə necə təsir etdiyini əsaslı şəkildə dəyişdi.
Məntiq Həmişə açıq olan arxa işığı tələb edən ənənəvi LCD ekranlardan fərqli olaraq (hətta qara rəng göstərərkən), OLED ekranlar hər bir pikseli ayrıca işıqlandırır. Piksel əsl qara rəngə təyin edildikdə (#000000), həmin xüsusi diod tamamilə söndürülür. Sıfır güc çəkir. Qaranlıq palitralara üstünlük verən interfeyslər dizayn etməklə biz sadəcə bir trendi izləmirik; istifadəçinin cihazının enerji tələbatını fiziki olaraq azaldırıq. Məlumat Enerji qənaəti əhəmiyyətsiz deyil. 2021-ci ildə Purdue Universiteti tərəfindən bu müzakirə üçün qızıl standart halına gələn əlamətdar bir araşdırma, 100% parlaqlıqda işıq rejimindən qaranlıq rejimə keçidin batareyanın enerjisinə orta hesabla 39% -dən 47% -ə qədər qənaət edə biləcəyini ortaya qoydu. Qlobal miqyasda, əgər hər bir əsas tətbiq qaranlıq rejimə keçsəydi, şəbəkə tələbinin azalması astronomik olardı. Dizayn Məqsədi 2026-cı ildə Qaranlıq rejim artıq parametrlər menyusunda gizlənmiş ikinci dərəcəli "mövzu" olmamalıdır. Biz “Qaranlıq-Birinci” düşüncəsi ilə dizayn etməliyik. Bu, hər saytın The Matrix kimi görünməsi demək deyil, lakin bu, yüksək kontrastlı qaranlıq mövzulara sistem tərəfindən üstünlük verilən standart vəziyyət kimi prioritet vermək deməkdir. Bu, cihazın texniki xidmət müddətini uzadır və hər bir qarşılıqlı əlaqənin karbon izini azaldır. Mən şəxsən oxumaq üçün İşıq rejiminə üstünlük verirəm, ona görə də həm işıq, həm də qaranlıq rejim seçimlərinin mövcud olması məntiqlidir. Hər iki variantı təqdim edərkən əlçatanlıq mülahizələri də var. Şəkil və Video Optimizasiyası Biz tənbəl dizaynerlərə çevrilmişik. Yüksək sürətli 5G və fiber optika ilə biz fayl ölçüləri ilə bağlı narahatlığı dayandırdıq. Son on ildə mobil səhifənin orta çəkisi 500%-dən çox artıb, bu, əsasən optimallaşdırılmamış vizual aktivlər hesabına baş verib. Məntiq Veb saytın “Rəqəmsal Yağı” (4MB Unsplash fotoşəkilləri və 15MB fon videoları) səhifə yükləmə enerjisinin yeganə ən böyük töhfəsidir. Serverdən müştəriyə ötürülən hər meqabayt ötürmə, serverin işlənməsi və istifadəçinin göstərmə mühərriki üçün elektrik enerjisi tələb edir. Kütləvi fayllardan istifadə edərkən, ölçüsünün bir hissəsində eyni dərəcədə təsirli ola biləcək bir şəkil göstərmək üçün əslində enerjini "yandırırıq". Bundan əlavə, daha sürətli yüklənən bir səhifə ilə daha yaxşı bir istifadəçi təcrübəsi təmin edirsiniz.
Məlumat HTTP Arxivinə görə, şəkillər və videolar ardıcıl olaraq səhifənin ümumi çəkisində aslan payını təşkil edir. Bununla belə, AVIF və WebP kimi müasir formatlara keçid keyfiyyətdə heç bir hiss olunan itki olmadan görüntünün çəkisini JPEG ilə müqayisədə 50%-ə qədər azalda bilər. Bu formatlar mənə JPG və PNG kimi tanış olmasa da, səhifə ölçüsünü azaltmaq üçün onlardan istifadə etməyi səbirsizliklə gözləyirəm. TheDizayn məqsədi Bu yaxınlarda kibertəhlükəsizlik platformasının yenidən dizaynına rəhbərlik etdim. “Əvvəl və sonra” auditini həyata keçirməklə onların əsas səhifəsinin 5,5 MB məlumat yüklədiyini aşkar etdik. Yüksək keyfiyyətli fotoqrafiyanı SVG (Ölçəklənən Vektor Qrafikası) sənəti ilə əvəz etməklə və təsvir aktivləri əvəzinə ağıllı CSS gradientlərindən istifadə etməklə biz yükü 1,2 MB-a endirdik. Bu, enerji yükünün 78% azalması deməkdir! Bir dizayner olaraq ilk sualınız həmişə olmalıdır: "Bunun üçün mənə foto lazımdırmı, yoxsa kodla eyni emosional rezonansa nail ola bilərəmmi?"
Qəsdən Hərəkət: “Ucadan” Animasiyalar kəsilir Biz “scroll-jacking” və mürəkkəb 3D Paralaks effektləri dövründə yaşayırıq. Bunlar Awwwards.com saytında mükafat qazana bilsələr də, çox vaxt ekoloji fəlakətlərdir. Məntiq Animasiya pulsuz deyil. Mürəkkəb animasiya göstərmək üçün cihazın GPU (Qrafik Emalı Birimi) yüksək tutumla işləməlidir. Bu, CPU temperaturunu artırır, soyutma fanatlarını işə salır (noutbuklarda) və batareyanı sürətlə boşaldır. Daim arxa planda işləyən və ya brauzerin kütləvi şəkildə yenidən rənglənməsinə səbəb olan “yüksək” animasiyalar avtomobilinizi yolda boş vəziyyətdə qoymağa enerji ekvivalentidir.
Məlumat Google-un Material Dizayn qaydaları "Mənalı Hərəkət"i vurğulayır. Onlar iddia edirlər ki, animasiya yalnız istifadəçini yönləndirmək və ya rəy bildirmək üçün istifadə edilməlidir. Və JPEG əvəzinə WebP-dən istifadə səhifədə 25-50% məlumat saxlaya bilər. Dizayn Məqsədi Biz Anlamlı Hərəkəti qəbul etməliyik. Əgər animasiya istifadəçiyə tapşırığı tamamlamağa və ya iyerarxiyanı başa düşməyə kömək etmirsə, bu, israfçılıqdır. Mümkünsə, GSAP və ya Lottie kimi ağır JavaScript kitabxanaları üzərində CSS keçidlərinə üstünlük verməliyik, çünki CSS aparat tərəfindən sürətləndirilmiş və brauzerin hesablaması üçün daha səmərəlidir. UX dizayneri olaraq mən bu yanaşma ilə mübahisə edə bilmərəm. Bu, təkcə məlumat israfını azaltmağa kömək etmir, həm də istifadəçilərimiz üçün UX-i yaxşılaşdırır. Hər Layihə üçün “Məlumat Büdcəsinin” Təyin edilməsi Mənim 20+ illik UX-də ən uğurlu layihələr ümumiyyətlə ən sərt məhdudiyyətlərə malik olan layihələr olub. Layihənin maliyyə büdcəsi olduğu kimi, onun da karbon və məlumat büdcəsi olmalıdır. Məntiq Məlumat Büdcəsi səhifənin ümumi ölçüsü üçün sərt hədddir (məsələn, “Bu açılış səhifəsi 1MB-dan çox ola bilməz”). Bu, dizayn komandasını çətin, qəsdən seçimlər etməyə məcbur edir. Yeni izləmə skripti və ya gözəl şrift çəkisi əlavə etmək istəyirsinizsə, başqa bir şeyi optimallaşdırmaq və ya silməklə bunun üçün "ödəniş" etməlisiniz. Bu, "xüsusiyyət sürünməsinin" "karbon sürünməsinə" çevrilməsinin qarşısını alır. Məlumat Wholegrain Digital kimi qabaqcıllar tərəfindən hazırlanmış Dayanıqlı Veb Dizayn modeli hər səhifəyə baxmaq üçün CO2-ni hesablamaq üçün düstur təqdim edir. Orta hesabla vebsayt hər baxış üçün təxminən 0,5 qram CO2 istehsal edir. Ayda 1 milyon baxışı olan bir sayt üçün bu, ildə 6 metrik ton CO2 deməkdir ki, bu da avtomobili 15.000 mil sürməyə bərabərdir. Dizayn Məqsədi Davamlı UX Yoxlama Siyahısı
Şəkilləri azaldın Hər bir vizualın zəruriliyini soruşun və məlumat ötürülməsini minimuma endirmək üçün ən kiçik qətnamə və ən səmərəli fayl formatlarından (AVIF kimi) istifadə edin. Videonu optimallaşdırın Avtomatik oxunan medianı aradan qaldırın və enerjinin yalnız istifadəçinin baxmaq niyyətində olduğu məzmuna sərf olunmasını təmin etmək üçün yüksək sıxılmış, qısa dövrələrə üstünlük verin. Şriftləri Məhdudlaşdırın Maksimum iki veb şrift çəkisindən istifadə edin və ya lazımsız server sorğularını və şişkinliyi aradan qaldırmaq üçün klassik sistem şriftlərinə sadiq qalın. Aktivlərin təkrar istifadəsi CSS filtrləri və örtüklərdən istifadə edərək, ümumi səhifə çəkisini artırmadan vizual müxtəliflik yaratmaq üçün bir şəkil və ya videonu bir neçə dəfə təkrar təyin edin. Rəqəmsal məhsullarınızın bərpa olunan enerji mənbələri ilə təchiz edilməsini təmin etmək üçün Yaşıl Veb Fondu tərəfindən təsdiqlənmiş serverlərdə Green HostingHost seçin. Data Məsafəsini minimuma endirin. Fiziki infrastruktur vasitəsilə məlumatların səyahət etməsi üçün tələb olunan enerjini azaltmaq üçün əsas auditoriyanıza coğrafi cəhətdən yaxın olan server yerlərini seçin.
Eko-Dostluq Dizayn üçün Biznes Davası Bəziləri iddia edə bilər ki, “Yaşıl UX” keyfiyyətdə güzəşt kimi səslənir. Əksinə, bu, rəqabət üstünlüyüdür. Davamlı dizayn performans dizaynıdır. Səhifənin çəkisini azaltdığınız zaman saytınız daha sürətli yüklənir. Saytınız daha sürətli yükləndikdə, Core Web Vitals yaxşılaşır. Core Web Vitals yaxşılaşdıqda, SEO reytinqiniz yüksəlir. Bundan əlavə, köhnə cihazlarda və ya daha yavaş məlumat planlarında istifadəçilər (xüsusilə inkişaf etməkdə olan bazarlarda) həqiqətən məhsulunuza daxil ola bilərlər. Bu, “İnklüziv Dizayn”ın tərifidir. “Rəqəmsal yağı” kəsməklə biz daha arıq, daha sürətli və daha əlçatan bir veb yaradırıq. Biz 2010-cu illərin “birdəfəlik dizaynından” uzaqlaşırıqdaha daimi, hörmətli rəqəmsal arxitektura. Nəticə: “Təmiz” Dizaynın Gələcəyi İki onillik dizaynımda bir çox tendensiyaların gəlib getdiyini gördüm. Skeuomorfizm, Düz Dizayn, Neymorfizm - bunların hamısı estetik seçimlər idi. Lakin davamlı UX bir tendensiya deyil; bu artıq zərurətdir. Biz rəqəmsal işimizin fiziki nəticələri ilə hesablaşmalı olan dizaynerlərin ilk nəsliyik. Davamlı UX “qazan-qazan-qazan”dır. Bu, planet üçün daha yaxşıdır, çünki enerji istehlakını azaldır. İstifadəçi üçün daha yaxşıdır, çünki daha sürətli, daha həssas interfeyslərlə nəticələnir. Və bu, biznes üçün daha yaxşıdır, çünki hostinq xərclərini azaldır və dönüşüm nisbətlərini yaxşılaşdırır. “Limitsiz piksel” dövrü başa çatıb. 2026-cı ildə ən mürəkkəb dizayn ən kiçik iz buraxan dizayndır. Biz artıq sadəcə dizayner deyilik; biz istifadəçinin batareyasının, onların məlumat planının və nəhayət, ətraf mühitin mühafizəçiləriyik. Fəaliyyətə Çağırış Mən sizi bu gün cari layihənizin yalnız bir səhifəsini yoxlamağa çağırıram. Təsirini görmək üçün Vebsayt Karbon Kalkulyatoru kimi alətdən istifadə edin. Sonra "görünməz tullantıları" axtarın. Bu şəkil SVG ola bilərmi? O video statik qəhrəman ola bilərmi? Bu "yüksək" animasiya susdurula bilərmi? Kiçik başlayın. Ən zərif həll tez-tez ən az bayta malik olandır.
